CN104462424A - 移动浏览器的宫格页面的生成方法、装置、客户端和*** - Google Patents

Abstract

本发明公开了一种移动浏览器的宫格页面的生成方法、装置、客户端和***。该方法包括：当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用；当在移动浏览器客户端中执行开启宫格页面的操作时，绘制生成宫格页面；当宫格页面上的添加站点按钮被触发时，加载移动浏览器客户端中预先配置的用于添加站点的前端页面的URL；当在前端页面上执行添加站点的操作时，从前端页面侧获取所添加的站点的数据并写入指定数据库中；根据指定数据库中的变化后的内容，重新渲染、绘制生成宫格页面。本发明提供的技术方案可以定制交互友好、导航明确、面向需求的宫格页面，给用户更为完美的浏览体验。

Description

移动浏览器的宫格页面的生成方法、装置、客户端和***

技术领域

本发明涉及互联网技术领域，具体涉及一种移动浏览器的宫格页面的生成方法、装置、客户端和***。

背景技术

随着移动互联网技术的迅速发展和移动设备的成熟普及，移动互联网用户日益增多，移动设备逐渐代替PC成为了用户进行网上行为的主要终端。作为移动互联网入口的移动浏览器，可以通过首页及导航来影响用户对各门户网站、搜索引擎和各种应用的浏览习惯，宫格页面是移动浏览器导航的方式之一，因此，宫格页面的设计思路，直接关系到用户的移动互联网操作体验。

目前，大部分宫格页面是基于移动浏览器客户端与服务器侧相互交互后生成的，其内容是服务器侧计算得到的固定数据，在此情况下，宫格页面的内容在一段时间内时不变的，无法根据用户的需求、口味、爱好在宫格页面中添加或删除相应信息，导致宫格页面的交互性差、导航方向不明确，不符合用户的需求。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种移动浏览器的宫格页面的生成方法、装置、客户端和***。

依据本发明的一个方面，提供了一种移动浏览器的宫格页面的生成方法，该方法包括：

当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用；其中所述宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮；

当在移动浏览器客户端中执行开启宫格页面的操作时，将所述宫格页面的画面绘制到宫格页面窗口中生成宫格页面；

当所述宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL；

当在所述前端页面上执行添加站点的操作时，从所述前端页面侧获取所添加的站点的数据并写入所述指定数据库中；

根据所述指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用，当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

可选地，该方法进一步包括：

当所述移动浏览器客户端首次在移动终端中启动时，从所述移动浏览器客户端的配置文件中读取站点数据并写入所述指定数据库中。

可选地，每一条站点数据包括：站点名称、站点图标和站点URL；

所述绘制各站点标识包括：每个站点渲染和绘制其站点名称和站点图标；

该方法还包括：当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

可选地，该方法进一步包括：向所述前端页面侧提供数据添加接口；

所述从所述前端页面侧获取所添加的站点的数据具体为：接收所述前端页面侧通过所述数据添加接口传来的站点的数据。

可选地，所述向所述前端页面侧提供数据添加接口，以及接收所述前端页面侧通过所述数据添加接口传来的站点的数据包括：

接收所述前端页面侧通过console.log向所述移动浏览器客户端的控制台打印的站点数据；

该方法进一步包括：通过调用所述前端页面的callback函数向所述前端页面侧返回站点的添加状态信息，以使得所述前端页面能够展示站点是否被添加的状态。

可选地，该方法进一步包括：

向所述前端页面侧提供检查已添加接口；

在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL之后，通过所述检查已添加接口向所述前端页面通知所述指定数据库中已存在的站点，以使得所述前端页面能将所述指定数据库中已存在的站点的状态显示为已添加。

可选地，所述向所述前端页面侧提供检查已添加接口，通过所述检查已添加接口向所述前端页面通知所述指定数据库中已存在的站点具体为：

通过调用所述前端页面的callback函数向所述前端页面侧发送所述指定数据库中已存在的站点的信息。

可选地，该方法进一步包括：

向所述前端页面侧提供获取网络状态的接口；

在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL之后，通过所述获取网络状态接口向所述前端页面通知所述移动终端的网络连接状态，以使得所述前端页面能够在移动终端未联网时向用户进行相应提示。

可选地，该方法进一步包括：

向所述前端页面侧提供回退接口，使得所述前端页面关闭时能够返回到宫格页面。

根据本发明的另一个方面，提供了一种移动浏览器的宫格页面的生成装置，该装置包括：

渲染单元，适于当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用；其中所述宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮；

绘制单元，适于当在移动浏览器客户端中执行开启宫格页面的操作时，将所述宫格页面的画面绘制到宫格页面窗口中生成宫格页面；

加载单元，适于当所述宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL；

交互单元，适于当在所述前端页面上执行添加站点的操作时，从所述前端页面侧获取所添加的站点的数据并写入所述指定数据库中；

所述渲染单元，进一步适于根据所述指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用；所述绘制单元，进一步适于当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

可选地，该装置进一步包括：

读取单元，适于当所述移动浏览器客户端首次在移动终端中启动时，从所述移动浏览器客户端的配置文件中读取站点数据并写入所述指定数据库中。

可选地，每一条站点数据包括：站点名称、站点图标和站点URL；

所述渲染单元，适于依据所述指定数据库中的站点数据渲染每个站点的站点名称和站点图标；以及所述绘制单元，适于绘制每个站点的站点名和站点图标；

所述加载单元，进一步适于当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

可选地，所述交互单元，适于向所述前端页面侧提供数据添加接口，以及接收所述前端页面侧通过所述数据添加接口传来的站点的数据。

可选地，所述交互单元，适于接收所述前端页面侧通过console.log向所述移动浏览器客户端的控制台打印的站点数据；

所述交互单元，进一步适于通过调用所述前端页面的callback函数向所述前端页面侧返回站点的添加状态信息，以使得所述前端页面能够展示站点是否被添加的状态。

可选地，所述交互单元，进一步适于向所述前端页面侧提供检查已添加接口；以及适于通过所述检查已添加接口向所述前端页面通知所述指定数据库中已存在的站点，以使得所述前端页面能将所述指定数据库中已存在的站点的状态显示为已添加。

可选地，所述交互单元，适于通过调用所述前端页面的callback函数向所述前端页面侧发送所述指定数据库中已存在的站点的信息。

可选地，所述交互单元，进一步适于向所述前端页面侧提供获取网络状态的接口；以及通过所述获取网络状态接口向所述前端页面通知所述移动终端的网络连接状态，以使得所述前端页面能够在移动终端未联网时向用户进行相应提示。

可选地，所述交互单元，进一步适于向所述前端页面侧提供回退接口，使得所述前端页面关闭时能够返回到宫格页面。

根据本发明的又一个方面，提供了一种移动浏览器客户端，该移动浏览器客户端包括如上任一项所述的移动浏览器的宫格页面的生成装置。

根据本发明的再一个方面，提供了一种移动浏览器的宫格页面的生成***，该***包括：

如上任一项所述的移动浏览器的宫格页面的生成装置/如上所述的移动浏览器客户端；

前端页面客户端，适于从前端页面服务器获取站点数据，维护用于添加站点的前端页面，以及与所述移动浏览器的宫格页面的生成装置进行交互；

前端页面服务器，用于向前端页面客户端提供站点数据。

由上述可知，本发明提供的技术方案依据指定数据库中的站点数据渲染绘制出移动浏览器的宫格页面，通过移动浏览器客户端与前端页面侧的交互，可以实现对宫格页面的定制化渲染和绘制。基于本方案，用户可以根据自身需求、口味、爱好在宫格页面中添加或删除相应站点信息，定制交互友好、导航明确、面向需求的宫格页面，获得更为完美的浏览体验。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的一种移动浏览器的宫格页面的生成方法的流程图；

图2示出了根据本发明一个实施例的一种移动浏览器的宫格页面的生成装置的示意图；

图3示出了根据本发明另一个实施例的一种移动浏览器的宫格页面的生成装置的示意图；

图4示出了根据本发明一个实施例的一种移动浏览器客户端的示意图；

图5示出了根据本发明一个实施例的一种移动浏览器的宫格页面的生成***的示意图；

图6A示出了根据本发明一个实施例的宫格页面的示意图；

图6B示出了根据本发明一个实施例的前端页面的示意图；

图6C示出了根据本发明另一个实施例的宫格页面的示意图；

图6D示出了根据本发明一个实施例的“新闻”站点页面的示意图；

图6E示出了根据本发明另一个实施例的前端页面的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

图1示出了根据本发明一个实施例的一种移动浏览器的宫格页面的生成方法的流程图。如图1所示，该方法包括：

步骤S110，当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用，其中，宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮。

步骤S120，当在移动浏览器客户端中执行开启宫格页面的操作时，将宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

步骤S130，当宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载移动浏览器客户端中预先配置的用于添加站点的前端页面的URL。

步骤S140，当在前端页面上执行添加站点的操作时，从前端页面侧获取所添加的站点的数据并写入指定数据库中。

步骤S150，根据指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用，当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

可见，图1所示的方法依据指定数据库中的站点数据渲染绘制出移动浏览器的宫格页面，通过移动浏览器客户端与前端页面侧的交互，可以实现对宫格页面的定制化渲染和绘制。基于本方案，用户可以根据自身需求、口味、爱好在宫格页面中添加或删除相应站点信息，定制交互友好、导航明确、面向需求的宫格页面，获得更为完美的浏览体验。

在本发明的一个实施例中，图1所示的方法进一步包括：当移动浏览器客户端首次在移动终端中启动时，从移动浏览器客户端的配置文件中读取站点数据并写入移动终端中的指定数据库中。

在本发明的一个实施例中，移动终端本地的指定数据库中的每一条站点数据包括：站点名称、站点图标和站点URL；绘制各站点标识包括：每个站点渲染和绘制其站点名称和站点图标。该方法还包括：当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

例如，初始状态下，移动浏览器客户端的配置文件中包括：“导航”站点和“云中心”站点的站点数据，当用户首次启动移动浏览器客户端时，读取配置文件中的站点数据并写入指定数据库中，每一条站点数据包括：站点名称、站点图标和站点URL，依据指定数据库中的站点数据渲染宫格页面的画面以备用。

当用户在移动浏览器客户端中执行开启宫格页面的操作时，将渲染好的宫格页面的画面绘制到宫格页面窗口中生成宫格页面，如图6A所示，图6A示出了根据本发明一个实施例的宫格页面的示意图。可以看到，该宫格页面的画面中包含：“导航”站点标识、“云中心”站点标识和一个添加站点按钮，其中，各站点标识包括：站点名称和站点图标。

当用户触发图6A所示宫格页面上的添加站点按钮时，在移动浏览器客户端中加载预先配置的用于添加站点的前端页面的URL，跳转到前端页面，如图6B所示，图6B示出了根据本发明一个实施例的前端页面的示意图。可以看到，该前端页面中的每一行显示了待添加站点的名称、图标、摘要和添加按钮。当用户点击第四行的“新闻”站点右侧的添加按钮时，从前端页面侧获取“新闻”站点的数据并写入指定数据库中，此时，指定数据库中包括：“导航”、“云中心”和“新闻”三个站点的数据。同理，可以在宫格页面上继续添加其他站点，在此不再赘述。

根据指定数据库中变化后的内容，重新渲染宫格页面的画面以备用，当用户在移动浏览器客户端再回到宫格页面时，添加“新闻”站点后的宫格页面如图6C所示，图6C示出了根据本发明另一个实施例的宫格页面的示意图。可以看到，该宫格页面的画面在图6A的基础上增加了“新闻”站点的名称和图标。

当用户点击触发图6C所示的宫格页面中的“新闻”站点标识时，移动浏览器客户端加载“新闻”站点对应的URL地址，跳转到“新闻”站点页面，如图6D所示，图6D示出了根据本发明一个实施例的“新闻”站点页面的示意图。

在本发明的一个实施例中，图1所示的方法进一步包括：向前端页面侧提供数据添加接口；步骤S140从前端页面侧获取所添加的站点的数据具体为：接收前端页面侧通过数据添加接口传来的站点的数据。其中，在移动浏览器客户端通过数据添加接口与前端页面侧进行交互的过程中，向前端页面侧提供数据添加接口，以及接收前端页面侧通过数据添加接口传来的站点的数据包括：接收前端页面侧通过console.log向移动浏览器客户端的控制台打印的站点数据。console.log是用于向JavaScript控制台窗口打印日志(log)信息的方法，本方案中，由于移动浏览器客户端作为前端页面的容器，因此当前端页面侧通过console.log向控制台打印站点数据时，移动浏览器客户端也可以接收到该站点数据。

站点添加结束后，在本发明的一个实施例中，图1所示的方法进一步包括：通过调用前端页面的callback函数向前端页面侧返回站点的添加状态信息，以使得所述前端页面能够展示站点是否被添加的状态。

在图6B所示的实施例中，当用户执行添加“新闻”站点的操作时，向前端页面侧提供数据添加接口并接收前端页面侧通过数据添加接口传来的“新闻”站点的数据，“新闻”站点标识添加结束后，通过调用前端页面的callback函数向前端页面侧返回“新闻”站点添加成功的状态信息。

在本发明的一个实施例中，图1所示的方法进一步包括：向前端页面侧提供检查已添加接口；以及，在移动浏览器客户端中加载移动浏览器客户端中预先配置的用于添加站点的前端页面的URL之后，通过检查已添加接口向前端页面通知指定数据库中已存在的站点，以使得前端页面能将指定数据库中已存在的站点的状态显示为已添加。其中，向前端页面侧提供检查已添加接口，通过检查已添加接口向前端页面通知指定数据库中已存在的站点具体为：通过调用前端页面的callback函数向前端页面侧发送指定数据库中已存在的站点的信息。

在图6C所示的实施例中，“新闻”站点标识添加结束后，指定数据库中包括：“导航”、“云中心”和“新闻”三个站点的数据，向前端页面侧提供检查已添加接口并通过检查已添加接口向前端页面通知指定数据库中已存在的站点为：“导航”、“云中心”和“新闻”三个站点，以使得前端页面能将指定数据库中已存在的站点的状态显示为已添加，图6E示出了根据本发明另一个实施例的前端页面的示意图，如图6E所示，前端页面中第四行的“新闻”站点右侧的添加按钮变为“已添加”状态。

在本发明的一个实施例中，图1所示的方法进一步包括：向前端页面侧提供获取网络状态的接口；以及，在移动浏览器客户端中加载移动浏览器客户端中预先配置的用于添加站点的前端页面的URL之后，通过获取网络状态接口向前端页面通知移动终端的网络连接状态，以使得前端页面能够在移动终端未联网时向用户进行相应提示，避免了用户的无谓等待。

在本发明的一个实施例中，图1所示的方法进一步包括：向前端页面侧提供回退接口，使得前端页面关闭时能够返回到宫格页面。参见图6B中左上角的尖括号形状的控件即为回退按钮，当触发该回退按钮时浏览器页面跳转到宫格页面。

图2示出了根据本发明一个实施例的一种移动浏览器的宫格页面的生成装置的示意图，如图2所示，该移动浏览器的宫格页面的生成装置200包括：

渲染单元210，适于当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用。

本单元所渲染的宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮。

绘制单元220，适于当在移动浏览器客户端中执行开启宫格页面的操作时，将宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

加载单元230，适于当宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载移动浏览器客户端中预先配置的用于添加站点的前端页面的URL。

交互单元240，适于当在前端页面上执行添加站点的操作时，从前端页面侧获取所添加的站点的数据并写入指定数据库中。

渲染单元210，进一步适于根据指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用；绘制单元，进一步适于当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

可见，图2所示的装置通过各单元的相互配合，依据指定数据库中的站点数据渲染绘制出移动浏览器的宫格页面，通过移动浏览器客户端与前端页面侧的交互，可以实现对宫格页面的定制化渲染和绘制。基于本方案，用户可以根据自身需求、口味、爱好在宫格页面中添加或删除相应站点信息，定制交互友好、导航明确、面向需求的宫格页面，获得更为完美的浏览体验。

图3示出了根据本发明另一个实施例的一种移动浏览器的宫格页面的生成装置的示意图。如图3所示，该移动浏览器的宫格页面的生成装置300包括：渲染单元310、绘制单元320、加载单元330、交互单元340和读取单元350。

其中，渲染单元310、绘制单元320、加载单元330、交互单元340分别与图2所示装置的渲染单元210、绘制单元220、加载单元230、交互单元240对应相同，在此不再赘述。

读取单元350，适于当移动浏览器客户端首次在移动终端中启动时，从移动浏览器客户端的配置文件中读取站点数据并写入指定数据库中。

在本发明的一个实施例中，指定数据库中的每一条站点数据包括：站点名称、站点图标和站点URL；渲染单元310，适于依据指定数据库中的站点数据渲染每个站点的站点名称和站点图标；以及绘制单元320，适于绘制每个站点的站点名和站点图标；加载单元330，进一步适于当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

例如，初始状态下，移动浏览器客户端的配置文件中包括：“导航”站点和“云中心”站点的站点数据，当用户首次启动移动浏览器客户端时，读取单元350读取配置文件中的站点数据并写入指定数据库中，每一条站点数据包括：站点名称、站点图标和站点URL，渲染单元310依据指定数据库中的站点数据渲染宫格页面的画面以备用。

当用户在移动浏览器客户端中执行开启宫格页面的操作时，绘制单元320将渲染好的宫格页面的画面绘制到宫格页面窗口中生成宫格页面，如图6A所示，可以看到，该宫格页面的画面中包含：“导航”站点标识、“云中心”站点标识和一个添加站点按钮，其中，各站点标识包括：站点名称和站点图标。

当用户触发图6A所示宫格页面上的添加站点按钮时，加载单元330在移动浏览器客户端中加载预先配置的用于添加站点的前端页面的URL，跳转到前端页面，如图6B所示，可以看到，该前端页面中的每一行显示了待添加站点的名称、图标、摘要和添加按钮。

当用户点击第四行的“新闻”站点右侧的添加按钮时，交互单元340从前端页面侧获取“新闻”站点的数据并写入指定数据库中，此时，指定数据库中包括：“导航”、“云中心”和“新闻”三个站点的数据。同理，移动浏览器的宫格页面的生成装置300可以在宫格页面上继续添加其他站点，在此不再赘述。

渲染单元310根据指定数据库中变化后的内容，重新渲染宫格页面的画面以备用，当用户在移动浏览器客户端再回到宫格页面时，添加“新闻”站点后的宫格页面如图6C所示，可以看到，该宫格页面的画面在图6A的基础上增加了“新闻”站点的名称和图标。

当用户点击触发图6C所示的宫格页面中的“新闻”站点标识时，加载单元330在移动浏览器客户端加载“新闻”站点对应的URL地址，跳转到“新闻”站点页面，如图6D所示。

在本发明的一个实施例中，交互单元340，适于向前端页面侧提供数据添加接口，以及接收前端页面侧通过数据添加接口传来的站点的数据；具体地，交互单元340，适于接收前端页面侧通过console.log向移动浏览器客户端的控制台打印的站点数据。并且，待站点数据添加完成之后，交互单元340，进一步适于通过调用前端页面的callback函数向前端页面侧返回站点的添加状态信息，以使得前端页面能够展示站点是否被添加的状态。

在图6B所示的实施例中，当用户执行添加“新闻”站点的操作时，交互单元340向前端页面侧提供数据添加接口并接收前端页面侧通过数据添加接口传来的“新闻”站点的数据，“新闻”站点标识添加结束后，交互单元340通过调用前端页面的callback函数向前端页面侧返回“新闻”站点添加成功的状态信息。

在本发明的一个实施例中，交互单元340，进一步适于向前端页面侧提供检查已添加接口；以及适于通过检查已添加接口向前端页面通知指定数据库中已存在的站点，以使得前端页面能将指定数据库中已存在的站点的状态显示为已添加。具体地，交互单元340，适于通过调用前端页面的callback函数向前端页面侧发送指定数据库中已存在的站点的信息。

在图6C所示的实施例中，“新闻”站点标识添加结束后，指定数据库中包括：“导航”、“云中心”和“新闻”三个站点的数据，交互单元340向前端页面侧提供检查已添加接口并通过检查已添加接口向前端页面通知指定数据库中已存在的站点为：“导航”、“云中心”和“新闻”三个站点，以使得前端页面能将指定数据库中已存在的站点的状态显示为已添加，如图6E所示，可以看到，前端页面中第四行的“新闻”站点右侧的添加按钮变为“已添加”状态。

在本发明的一个实施例中，交互单元340，进一步适于向前端页面侧提供获取网络状态的接口；以及通过获取网络状态接口向前端页面通知移动终端的网络连接状态，以使得前端页面能够在移动终端未联网时向用户进行相应提示。

在本发明的一个实施例中，交互单元340，进一步适于向前端页面侧提供回退接口，使得前端页面关闭时能够返回到宫格页面。

图4示出了根据本发明一个实施例的一种移动浏览器客户端的示意图，如图4所示，该移动浏览器客户端400包括如上任一实施例所述的移动浏览器的宫格页面的生成装置410。

图5示出了根据本发明一个实施例的一种移动浏览器的宫格页面的生成***的示意图，如图5所示，该移动浏览器的宫格页面的生成***500包括：

如上任一实施例所述的移动浏览器的宫格页面的生成装置/如上实施例所述的移动浏览器客户端；在图5中标注为510。

前端页面客户端520，适于从前端页面服务器获取站点数据，维护用于添加站点的前端页面，以及与移动浏览器的宫格页面的生成装置进行交互。

前端页面服务器530，用于向前端页面客户端提供站点数据。

综上所述，本发明提供的技术方案依据指定数据库中的站点数据渲染绘制出移动浏览器的宫格页面，通过移动浏览器客户端与前端页面侧的交互，可以实现对宫格页面的定制化渲染和绘制，并通过提供数据添加、检查已添加和获取网络状态等功能，使得宫格页面的生成更具灵活性。基于本方案，用户可以根据自身需求、口味、爱好在宫格页面中添加或删除相应站点信息，定制交互友好、导航明确、面向需求、功能强大的宫格页面，获得更为完美的浏览体验。

需要说明的是：

在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述，构造这类装置所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一种移动浏览器的宫格页面的生成方法、装置、客户端和***中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明公开了A1、一种移动浏览器的宫格页面的生成方法，其中，该方法包括：

当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用；其中所述宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮；

当在移动浏览器客户端中执行开启宫格页面的操作时，将所述宫格页面的画面绘制到宫格页面窗口中生成宫格页面；

当所述宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL；

当在所述前端页面上执行添加站点的操作时，从所述前端页面侧获取所添加的站点的数据并写入所述指定数据库中；

根据所述指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用，当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

A2、如A1所述的方法，其中，该方法进一步包括：

当所述移动浏览器客户端首次在移动终端中启动时，从所述移动浏览器客户端的配置文件中读取站点数据并写入所述指定数据库中。

A3、如A1所述的方法，其中，

每一条站点数据包括：站点名称、站点图标和站点URL；

所述绘制各站点标识包括：每个站点渲染和绘制其站点名称和站点图标；

该方法还包括：当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

A4、如A1所述的方法，其中，该方法进一步包括：向所述前端页面侧提供数据添加接口；

所述从所述前端页面侧获取所添加的站点的数据具体为：接收所述前端页面侧通过所述数据添加接口传来的站点的数据。

A5、如A4所述的方法，其中，所述向所述前端页面侧提供数据添加接口，以及接收所述前端页面侧通过所述数据添加接口传来的站点的数据包括：

接收所述前端页面侧通过console.log向所述移动浏览器客户端的控制台打印的站点数据；

该方法进一步包括：通过调用所述前端页面的callback函数向所述前端页面侧返回站点的添加状态信息，以使得所述前端页面能够展示站点是否被添加的状态。

A6、如A1所述的方法，其中，该方法进一步包括：

向所述前端页面侧提供检查已添加接口；

在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL之后，通过所述检查已添加接口向所述前端页面通知所述指定数据库中已存在的站点，以使得所述前端页面能将所述指定数据库中已存在的站点的状态显示为已添加。

A7、如A6所述的方法，其中，所述向所述前端页面侧提供检查已添加接口，通过所述检查已添加接口向所述前端页面通知所述指定数据库中已存在的站点具体为：

通过调用所述前端页面的callback函数向所述前端页面侧发送所述指定数据库中已存在的站点的信息。

A8、如A1所述的方法，其中，该方法进一步包括：

向所述前端页面侧提供获取网络状态的接口；

在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL之后，通过所述获取网络状态接口向所述前端页面通知所述移动终端的网络连接状态，以使得所述前端页面能够在移动终端未联网时向用户进行相应提示。

A9、如A1所述的方法，其中，该方法进一步包括：

向所述前端页面侧提供回退接口，使得所述前端页面关闭时能够返回到宫格页面。

本发明还公开了B10、一种移动浏览器的宫格页面的生成装置，其中，该装置包括：

渲染单元，适于当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用；其中所述宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮；

绘制单元，适于当在移动浏览器客户端中执行开启宫格页面的操作时，将所述宫格页面的画面绘制到宫格页面窗口中生成宫格页面；

加载单元，适于当所述宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL；

交互单元，适于当在所述前端页面上执行添加站点的操作时，从所述前端页面侧获取所添加的站点的数据并写入所述指定数据库中；

所述渲染单元，进一步适于根据所述指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用；所述绘制单元，进一步适于当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

B11、如B10所述的装置，其中，该装置进一步包括：

读取单元，适于当所述移动浏览器客户端首次在移动终端中启动时，从所述移动浏览器客户端的配置文件中读取站点数据并写入所述指定数据库中。

B12、如B10所述的装置，其中，

每一条站点数据包括：站点名称、站点图标和站点URL；

所述渲染单元，适于依据所述指定数据库中的站点数据渲染每个站点的站点名称和站点图标；以及所述绘制单元，适于绘制每个站点的站点名和站点图标；

所述加载单元，进一步适于当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

B13、如B10所述的装置，其中，

所述交互单元，适于向所述前端页面侧提供数据添加接口，以及接收所述前端页面侧通过所述数据添加接口传来的站点的数据。

B14、如B13所述的装置，其中，

所述交互单元，适于接收所述前端页面侧通过console.log向所述移动浏览器客户端的控制台打印的站点数据；

所述交互单元，进一步适于通过调用所述前端页面的callback函数向所述前端页面侧返回站点的添加状态信息，以使得所述前端页面能够展示站点是否被添加的状态。

B15、如B10所述的装置，其中，

所述交互单元，进一步适于向所述前端页面侧提供检查已添加接口；以及适于通过所述检查已添加接口向所述前端页面通知所述指定数据库中已存在的站点，以使得所述前端页面能将所述指定数据库中已存在的站点的状态显示为已添加。

B16、如B15所述的装置，其中，

所述交互单元，适于通过调用所述前端页面的callback函数向所述前端页面侧发送所述指定数据库中已存在的站点的信息。

B17、如B10所述的装置，其中，

所述交互单元，进一步适于向所述前端页面侧提供获取网络状态的接口；以及通过所述获取网络状态接口向所述前端页面通知所述移动终端的网络连接状态，以使得所述前端页面能够在移动终端未联网时向用户进行相应提示。

B18、如B10所述的装置，其中，

所述交互单元，进一步适于向所述前端页面侧提供回退接口，使得所述前端页面关闭时能够返回到宫格页面。

本发明公开了C19、一种移动浏览器客户端，其中，该移动浏览器客户端包括如B10-B18中任一项所述的移动浏览器的宫格页面的生成装置。

本发明还公开了D20、一种移动浏览器的宫格页面的生成***，其中，该***包括：

如B10-B18中任一项所述的移动浏览器的宫格页面的生成装置/如权利要求C19所述的移动浏览器客户端；

前端页面客户端，适于从前端页面服务器获取站点数据，维护用于添加站点的前端页面，以及与所述移动浏览器的宫格页面的生成装置进行交互；

前端页面服务器，用于向前端页面客户端提供站点数据。

Claims (10)

1.一种移动浏览器的宫格页面的生成方法，其中，该方法包括：

当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用；其中所述宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮；

当在移动浏览器客户端中执行开启宫格页面的操作时，将所述宫格页面的画面绘制到宫格页面窗口中生成宫格页面；

当所述宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL；

当在所述前端页面上执行添加站点的操作时，从所述前端页面侧获取所添加的站点的数据并写入所述指定数据库中；

根据所述指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用，当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

2.如权利要求1所述的方法，其中，该方法进一步包括：

当所述移动浏览器客户端首次在移动终端中启动时，从所述移动浏览器客户端的配置文件中读取站点数据并写入所述指定数据库中。

3.如权利要求1所述的方法，其中，

每一条站点数据包括：站点名称、站点图标和站点URL；

所述绘制各站点标识包括：每个站点渲染和绘制其站点名称和站点图标；

该方法还包括：当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

4.如权利要求1所述的方法，其中，该方法进一步包括：向所述前端页面侧提供数据添加接口；

所述从所述前端页面侧获取所添加的站点的数据具体为：接收所述前端页面侧通过所述数据添加接口传来的站点的数据。

5.一种移动浏览器的宫格页面的生成装置，其中，该装置包括：

渲染单元，适于当移动浏览器客户端启动时，依据移动终端本地的指定数据库中的站点数据渲染宫格页面的画面以备用；其中所述宫格页面的画面中包含一个或多个站点的标识以及一个添加站点按钮；

绘制单元，适于当在移动浏览器客户端中执行开启宫格页面的操作时，将所述宫格页面的画面绘制到宫格页面窗口中生成宫格页面；

加载单元，适于当所述宫格页面上的添加站点按钮被触发时，在移动浏览器客户端中加载所述移动浏览器客户端中预先配置的用于添加站点的前端页面的URL；

交互单元，适于当在所述前端页面上执行添加站点的操作时，从所述前端页面侧获取所添加的站点的数据并写入所述指定数据库中；

所述渲染单元，进一步适于根据所述指定数据库中的变化后的内容，重新渲染宫格页面的画面以备用；所述绘制单元，进一步适于当移动浏览器客户端再回到宫格页面时，将最新渲染的宫格页面的画面绘制到宫格页面窗口中生成宫格页面。

6.如权利要求5所述的装置，其中，该装置进一步包括：

读取单元，适于当所述移动浏览器客户端首次在移动终端中启动时，从所述移动浏览器客户端的配置文件中读取站点数据并写入所述指定数据库中。

7.如权利要求5所述的装置，其中，

每一条站点数据包括：站点名称、站点图标和站点URL；

所述渲染单元，适于依据所述指定数据库中的站点数据渲染每个站点的站点名称和站点图标；以及所述绘制单元，适于绘制每个站点的站点名和站点图标；

所述加载单元，进一步适于当宫格页面上的一个站点标识被触发时，在移动浏览器客户端中加载对应的站点URL。

8.如权利要求5所述的装置，其中，

所述交互单元，适于向所述前端页面侧提供数据添加接口，以及接收所述前端页面侧通过所述数据添加接口传来的站点的数据。

9.一种移动浏览器客户端，其中，该移动浏览器客户端包括如权利要求5-8中任一项所述的移动浏览器的宫格页面的生成装置。

10.一种移动浏览器的宫格页面的生成***，其中，该***包括：

如权利要求5-8中任一项所述的移动浏览器的宫格页面的生成装置/如权利要求9所述的移动浏览器客户端；

前端页面客户端，适于从前端页面服务器获取站点数据，维护用于添加站点的前端页面，以及与所述移动浏览器的宫格页面的生成装置进行交互；

前端页面服务器，用于向前端页面客户端提供站点数据。