CN102541848A - 基于手机浏览器的页面加载方法、装置、系统和服务器 - Google Patents

Abstract

本发明涉及基于手机浏览器的页面加载方法、装置、系统和服务器。基于手机浏览器的页面加载方法包括：依据用户的访问请求与目标站点交互以获取目标页面；转换所述目标页面以适于手机屏幕显示；划分经转换后的所述目标页面为适于手机屏幕显示的多个子页面；依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面以供用户浏览。本发明还涉及页面加载装置、页面加载系统和转码服务器。本发明将目标页面划分为适于手机屏幕显示的多个子页面，根据用户的需要和预下载条件决定是否预下载后续的预设数量的子页面。通过控制预加载的内容篇幅既能保证浏览顺畅，同时还能节省流量，为用户减少浏览网页的成本。

Description

基于手机浏览器的页面加载方法、装置、系统和服务器

技术领域

本发明涉及网络信息浏览技术，更具体地说，涉及一种基于手机浏览器的页面加载方法、装置、系统和转码服务器。

背景技术

随着移动互联网的发展，手机上网正在成为普遍的需求。手机上网需要通过手机浏览器的帮助，对位于远程服务器的网页进行加载解析，才能在本地手机上将网页内容呈现给用户。为了满足更流畅的浏览体验，手机浏览器可采用预先下载、分模块下载的机制，来提高加载网页的速度。

现有的手机浏览器网页加载技术可以提高浏览速度，但存在的问题也非常明显：通过各种加载方法让用户在最短的时间内看到页面内容，但最终把整个网页都加载下来，而忽视了页面上对用户无价值的内容所带来的流量浪费，从而造成通信费用和资源的浪费。比如：当用户打开一个新的页面，看到第一屏的内容后，发现没有继续浏览的必要，就会选择关闭窗口，但依据现有技术，可能第二屏及以下整个页面的内容都已经加载完毕，也就是说该用户也为不想浏览的内容支付了费用，造成了流量资源的浪费以及用户浏览成本的提高。

发明内容

本发明要解决的技术问题在于，针对现有技术的上述浪费流量资源以及用户浏览成本过高的缺陷，提供一种基于手机浏览器的页面加载方法、装置、系统和转码服务器。

本发明解决其技术问题所采用的技术方案是：构造一种基于手机浏览器的页面加载的方法，包括：

依据用户的访问请求与目标站点交互以获取目标页面；

转换所述目标页面以适于手机屏幕显示；

划分经转换后的所述目标页面为多个子页面；

依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面以供用户浏览。

在本发明所述的基于手机浏览器的页面加载方法中，依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面具体包括：

预加载所述多个子页面中的第一子集；所述第一子集为所述多个子页面中靠前的预设数目的子页面；

依据用户的浏览操作信息预加载所述多个子页面中紧邻第一子集后的第二子集；所述第二子集为所述多个子页面中紧邻第一子集后的预设数目的子页面；

依据用户的浏览操作信息和预设加载条件依次预加载紧邻第二子集后的预设数目的子页面。

在本发明所述的基于手机浏览器的页面加载方法中，所述浏览操作信息包括滚屏操作信息。

在本发明所述的基于手机浏览器的页面加载方法中，所述预设加载条件包括：用户当前浏览页面的底部已到达预加载的预设数目的子页面的预设位置。

在本发明所述的基于手机浏览器的页面加载方法中，所述预设位置为所述预加载的预设数目的子页面中最后两个子页面的分界位置。

在本发明所述的基于手机浏览器的页面加载方法中，所述第一子集包括所述多个子页面中的第一子页面和第二子页面的一部分。

在本发明所述的基于手机浏览器的页面加载方法中，所述第二子集包括所述多个子页面中的第二子页面的剩余部分和第三子页面的一部分。

本发明还提供一种基于手机浏览器的页面加载装置，包括：

页面获取单元，用于依据用户的访问请求与目标站点交互以获取目标页面；

转换单元，用于转换所述目标页面以适于手机屏幕显示；

页面划分单元，用于划分经转换后的所述目标页面为多个子页面；

预加载单元，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面以供用户浏览。

本发明还提供一种用于手机页面浏览的转码服务器，包括：

页面获取单元，用于接收用户的访问请求并依据用户的访问请求与目标站点交互以获取目标页面；

转换单元，用于转换所述目标页面以适于手机屏幕显示；

页面划分单元，用于划分经转换后的所述目标页面为多个子页面；

预加载单元，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面；

发送单元，用于将所述预加载的预设数目的子页面发送至用户。

本发明还提供一种基于手机浏览器的页面加载系统，包括：窗口适配单元和转码服务器；所述窗口适配单元用于接收并响应来自所述转码服务器的屏幕分辨率查询请求；

所述转码服务器包括：

页面获取单元，用于接收用户的访问请求并依据用户的访问请求与目标站点交互以获取目标页面；

转换单元，用于发送屏幕分辨率查询请求给所述窗口适配单元并依据所述窗口适配单元的响应将所述目标页面进行转换以适于手机屏幕显示；

页面划分单元，用于划分经转换后的所述目标页面为多个子页面；

预加载单元，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面；

发送单元，用于将所述预加载的预设数目的子页面发送至用户。

本发明的有益效果是，将目标页面划分为适于手机屏幕显示的多个子页面，根据用户的需要和预下载条件决定是否预下载后续的预设数量的子页面。进一步地，先下载目标页面的靠前子页面的完整呈现，也即保证用户当前浏览的屏幕内容完整呈现，然后再根据用户的滚屏操作决定是否下载预设数量的子页面。通过控制预加载的内容篇幅既能保证浏览顺畅，同时还能节省流量，为用户减少浏览网页的成本。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1是依据本发明一实施例的基于手机浏览器的页面加载方法流程图；

图2是图1中的步骤103的详细流程图；

图3是图2所述的第一子集示意图；

图4是图2所述的第二子集示意图；

图5是预设位置示意图；

图6是依据本发明一实施例的基于手机浏览器的页面加载装置结构示意图；

图7是依据本发明一实施例的用于手机页面浏览的转码服务器结构示意图；

图8是依据本发明一实施例的基于手机浏览器的页面加载系统800结构示意图。

具体实施方式

图1是依据本发明一实施例的基于手机浏览器的页面加载方法100流程图。参考图1可知，方法100包括：

步骤101，依据用户的访问请求与目标站点交互以获取目标页面；

步骤102，转换所述目标页面，使得转换后的目标页面的内容适于用户的手机屏幕以及手机浏览器显示；具体的转换过程可参见现有的转换技术，此处不再赘述。

步骤103，划分经转换后的所述目标页面为多个子页面；可以依据用户手机屏幕分辨率的大小来进行划分；

步骤104，依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面以供用户浏览。

在本发明一实施例中的，步骤104具体包括以下步骤，如图2所示：

步骤1041，预加载所述多个子页面中的第一子集；所述第一子集为所述多个子页面中靠前的预设数目的子页面；

步骤1042，依据用户的浏览操作信息预加载所述多个子页面中紧邻第一子集后的第二子集；所述第二子集为所述多个子页面中紧邻第一子集后的预设数目的子页面；

步骤1043，依据用户的浏览操作信息和预设加载条件依次预加载紧邻第二子集后的预设数目的子页面。

其中，每个子页面的大小可以占充满整个手机屏幕。浏览操作信息包括滚屏操作信息。预设加载条件包括：用户当前浏览页面的底部已到达预加载的预设数目的子页面的预设位置。在本发明一实施例中，预设位置为所述预加载的预设数目的子页面中最后两个子页面的分界位置。

在本发明一实施例中，第一子集包括所述多个子页面中的第一子页面和第二子页面的一部分。第二子集包括所述多个子页面中的第二子页面的剩余部分和第三子页面的一部分。

下面以用户打开目标页面为例，对基于手机浏览器的页面加载方法的流程进行描述。

1、目标页面被划分为多个子页面，图3是图2中的第一子集示意图。为了描述方便，仅示出了多个子页面中的第一子页面、第二子页面、第三子页面。图3中的加粗框即为用户滚动屏幕前手机当前显示的内容，及第一子页面的内容。

图3中的阴影部分即为第一子集，第一子集包括第一子页面和第二子页面的一部分。

用户的手机浏览器窗口首先显示预下载的第一子集，页面的其余部分(其余子页面)不下载。

2、当用户往下滚动下拉条(滚动屏幕)往下看时，就会触发第二子集的预加载，即加载第二子页面的剩余部分和第三子页面的一部分，如图4所示。图4中的加粗框即为用户滚动屏幕后手机当前显示的内容，包含第一子页面的内容的下部分以及第二子页面的上部分。

3、当用户继续往下滚动下拉条(滚动屏幕)往下看时，当到达预设位置之前，不进行预加载。当该分界线到达手机屏幕显示的内容的底部时，就继续加载下一预设数量的子页面，例如但不限于一个半子页面。这里的预设位置例如但不限于预加载的预设数目的子页面中最后两个子页面的分界位置，比如图5所示的箭头位置(第二子页面和第三子页面的分界位置)。

图3所述的第一子集、第二子集的具体位置仅为示例，不作为对本发明的限制，还可根据需要进行不同的设置。例如，第一子集可以包括第一子页面和第二子页面的一半。而图4中的第二子集可以包括第二子页面的另一半和第三子页面的一半。而后续达到预设条件后，预加载的预设数量的子页面可以为一个半子页面。当然，第一子集还可以包括第一子页面和第二子页面的四分之一，第二子集可以包括第二子页面的另外四分之三和第三子页面的四分之一。而后续预设数量的子页面可以为一个子页面再加四分之一下一子页面。

具体的预加载子页面的数目可以根据需要设置，而且预设加载条件和预设位置也可以依据需要设置或变更，本发明给出的仅为示例，不作为对本发明的限制。

本发明按照用户手机屏幕分辨率的大小把目标页面从纵向划分成读个子页面。首先保证用户当前浏览的屏幕内容完整呈现，再根据用户屏幕所在位置(也就是用户是否有翻屏的动作)决定是否下载剩下的内容。通过控制预加载的内容篇幅保证浏览顺畅，兼顾用户浏览网页速度的同时节省流量。本发明弥补了现有技术不注重流量资源浪费的不足，同时依然保证了用户对网页内容的顺畅浏览。

图6是依据本发明一实施例的基于手机浏览器的页面加载装置600结构示意图。页面加载装置600包括依次连接的页面获取单元601、页面划分单元602、预加载单元603、转换单元604。

页面获取单元601，用于依据用户的访问请求与目标站点交互以获取目标页面；

转换单元604，用于转换所述目标页面，使得转换后的目标页面的内容适于用户的手机屏幕以及手机浏览器显示；

页面划分单元602，用于划分经转换后的所述目标页面为多个子页面；

预加载单元603，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面以供用户浏览。

图7是用于手机页面浏览的转码服务器700结构示意图，转码服务器700包括依次连接的页面获取单元701、页面划分单元702、预加载单元703、转换单元704、发送单元705。

页面获取单元701，用于接收用户的访问请求并依据用户的访问请求与目标站点交互以获取目标页面；

转换单元704，用于转换所述目标页面，使得转换后的目标页面的内容适于用户的手机屏幕以及手机浏览器显示；

页面划分单元702，用于划分经转换后的所述目标页面为多个子页面；

预加载单元703，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面；

发送单元705，用于将所述预加载的预设数目的子页面发送至用户。

图7中的页面获取单元701、转换单元704、页面划分单元702、预加载单元703的功能与图6中的页面获取单元601、转换单元604、页面划分单元602、预加载单元603相同。

图8是依据本发明一实施例的基于手机浏览器的页面加载系统800结构示意图，页面加载系统800包括：窗口适配单元801和转码服务器802。窗口适配单元801用于接收并响应来自所述转码服务器的屏幕分辨率查询请求。转码服务器802与用户的手机和目标站点进行交互。

转码服务器802包括页面获取单元8021、页面划分单元8022、预加载单元8023、转换单元8024、发送单元8025。

页面获取单元8021，用于接收用户的访问请求并依据用户的访问请求与目标站点交互以获取目标页面；用户的手机浏览器发送用户输入的访问请求。

转换单元8024，用于发送屏幕分辨率查询请求给所述窗口适配单元并依据所述窗口适配单元的响应将所述目标页面进行转换，使得转换后的目标页面的内容适于用户的手机屏幕尺寸以及手机浏览器显示；

页面划分单元8022，用于划分经转换后的所述目标页面为多个子页面；

预加载单元8023，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面；

发送单元8025，用于将所述预加载的预设数目的子页面发送至用户。

图8中的转码服务器802与图7中的转码服务器700功能相同。

用户的手机浏览器显示转换后的页面内容，并将用户的键盘操作信息或翻屏信息传送给转码服务器，由转码服务器决定是否预下载后续的子页面。

图6-8的内容可参见图1-5关于页面加载方法的详细描述，此处不做赘述。

Claims (10)

1.一种基于手机浏览器的页面加载方法，其特征在于，包括：

依据用户的访问请求与目标站点交互以获取目标页面；

转换所述目标页面以适于手机屏幕显示；

划分经转换后的所述目标页面为多个子页面；

依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面以供用户浏览。

2.根据权利要求1所述的基于手机浏览器的页面加载方法，其特征在于，依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面具体包括：

预加载所述多个子页面中的第一子集；所述第一子集为所述多个子页面中靠前的预设数目的子页面；

依据用户的浏览操作信息预加载所述多个子页面中紧邻第一子集后的第二子集；所述第二子集为所述多个子页面中紧邻第一子集后的预设数目的子页面；

依据用户的浏览操作信息和预设加载条件依次预加载紧邻第二子集后的预设数目的子页面。

3.根据权利要求1所述的基于手机浏览器的页面加载方法，其特征在于，所述浏览操作信息包括滚屏操作信息。

4.根据权利要求1~3所述的基于手机浏览器的页面加载方法，其特征在于，所述预设加载条件包括：用户当前浏览页面的底部已到达预加载的预设数目的子页面的预设位置。

5.根据权利要求4所述的基于手机浏览器的页面加载方法，其特征在于，所述预设位置为所述预加载的预设数目的子页面中最后两个子页面的分界位置。

6.根据权利要求2所述的基于手机浏览器的页面加载方法，其特征在于，所述第一子集包括所述多个子页面中的第一子页面和第二子页面的一部分。

7.根据权利要求6所述的基于手机浏览器的页面加载方法，其特征在于，所述第二子集包括所述多个子页面中的第二子页面的剩余部分和第三子页面的一部分。

8.一种基于手机浏览器的页面加载装置，其特征在于，包括：

页面获取单元，用于依据用户的访问请求与目标站点交互以获取目标页面；

转换单元，用于转换所述目标页面以适于手机屏幕显示；

页面划分单元，用于划分经转换后的所述目标页面为多个子页面；

预加载单元，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面以供用户浏览。

9.一种用于手机页面浏览的转码服务器，其特征在于，包括：

页面获取单元，用于接收用户的访问请求并依据用户的访问请求与目标站点交互以获取目标页面；

转换单元，用于转换所述目标页面以适于手机屏幕显示；

页面划分单元，用于划分经转换后的所述目标页面为多个子页面；

预加载单元，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面； 

发送单元，用于将所述预加载的预设数目的子页面发送至用户。

10.一种基于手机浏览器的页面加载系统，其特征在于，包括：窗口适配单元和转码服务器；所述窗口适配单元用于接收并响应来自所述转码服务器的屏幕分辨率查询请求；

所述转码服务器包括：

页面获取单元，用于接收用户的访问请求并依据用户的访问请求与目标站点交互以获取目标页面；

转换单元，用于发送屏幕分辨率查询请求给所述窗口适配单元并依据所述窗口适配单元的响应将所述目标页面进行转换以适于手机屏幕显示；

页面划分单元，用于划分经转换后的所述目标页面为多个子页面；

预加载单元，用于依据预设加载条件和用户的浏览操作信息依次预加载所述多个子页面中预设数目的子页面； 

发送单元，用于将所述预加载的预设数目的子页面发送至用户。

Images