CN105677678A - 网页的首屏位置确定、网页信息显示方法和系统 - Google Patents

Abstract

一种网页的首屏位置确定、网页信息显示方法和系统，其中确定方法包括：向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应访问请求返回的页面内容和初始化首屏位置；对页面内容进行解析，当解析的页面内容达到初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；根据首屏内容的显示区域的坐标范围计算首屏内容在总网页中的位置信息，获得首屏位置；将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。本申请网页的首屏位置确定方法和系统提高了首屏位置的准确性，同时网页信息显示方法和系统可以提高首屏加载效率。

Description

网页的首屏位置确定、网页信息显示方法和系统

技术领域

本发明涉及网页渲染技术领域，特别是涉及一种网页的首屏位置确定、网页信息显示方法和系统。

背景技术

浏览器对网页访问方案为：用户在终端的浏览器的地址栏中输入URL(Uniform/UniversalResourceLocator，统一资源定位符)地址，浏览器即将该URL地址发送至服务器，请求获取该URL地址对应的网页；服务器抓取该URL地址对应的网页，并将该网页的整个页面(包括：网页的整体框架和全部内容)返回给浏览器；浏览器加载网页的整个页面，并向用户展示该网页。

由于终端的屏幕受限，一屏不能显示完网页所有内容，需要多屏才能展示完成一个网页，展示的第一屏称为首屏，用户可通过浏览器的滚动条查看网页的其他内容。其中，“首屏”指适应于用户终端屏幕大小的、用户能看到的当前页面所在的区域。比如，用户采用移动终端的浏览器访问网页，那么首屏就是与移动终端屏幕大小相同的、用户当前打开浏览器的网页能看到的区域。首屏内容即为该区域所显示的页面内容。

随着互联网技术的发展，互联网用户对网页响应速度的要求也越来越高。传统的网页信息显示方案，服务器返回整个网页，其页面数据量大，传输速率低；浏览器必须获取页面内容、解析内容、内容排版、内容绘制显示，接着继续获取页面内容、解析内容、内容排版、内容绘制显示，直到绘制完整个网页。浏览器内核引擎需要不断尝试布局排版(layout)，直到首屏绘制完成。不断尝试的过程中就要涉及多次布局排版，从而减慢了首屏的绘制，并且多次排版的过程消耗处理器资源。同时，浏览器对整个网页进行全量加载，耗费的时间长，影响响应速率，造成用户打开网页的等待时间过长。目前也可以通过服务器直接计算初始化首屏位置，并下发至终端，终端根据服务器下发的初始化首屏位置进行加载。由于页面中的JS的执行等原因会导致服务器计算页面首屏位置不准确，终端获得的首屏位置大多无效，失去首屏加速作用。

发明内容

基于此，有必要针对首屏位置不准确的问题，提供一种网页的首屏位置确定方法和系统。

一种网页的首屏位置确定方法，包括：

向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置，其中，所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息；

对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；

根据首屏内容的显示区域的坐标范围计算所述首屏内容在总网页中的位置信息，获得首屏位置；

将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。

一种网页的首屏位置确定系统，包括：

通信模块，用于向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置，其中，所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息；

首屏内容确定模块，用于对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；

首屏位置确定模块，用于根据首屏内容的显示区域的坐标范围计算所述首屏内容在总网页中的位置信息，获得首屏位置，将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。

上述网页的首屏位置确定方法和系统，通过对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；并根据首屏内容计算首屏内容在总网页中的位置信息，获得首屏位置。相对于现有的通过云端服务器直接指定首屏位置的方法，本申请提高了首屏位置的准确性。同时，将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。从而可以实现将首屏位置存储在服务器中，与其他终端进行共享。

基于此，有必要针对首屏加载效率低、处理器资源浪费的问题，提供一种网页信息显示方法和系统。

一种网页信息显示方法，包括：

向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置；其中，所述首屏位置为上述的首屏位置；

对所述页面内容进行解析，当解析的页面内容达到所述首屏位置时，停止解析，进行页面内容排版和绘制，并将绘制的首屏内容进行显示。

一种网页信息显示系统，包括：

通信模块，用于向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置；其中，所述首屏位置为上述的首屏位置；

显示模块，用于对所述页面内容进行解析，当解析的页面内容达到所述首屏位置时，停止解析，进行页面内容排版和绘制，并将绘制的首屏内容进行显示。

上述网页信息显示方法和系统，通过网页的首屏位置确定方法确定的首屏位置，可以提高首屏位置的准确率，得到准确的首屏位置，然后将首屏位置存储在服务器中，实现共享。终端向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置；对所述页面内容进行解析，当解析的页面内容达到所述首屏位置时，停止解析，进行页面内容排版和绘制，并将绘制的首屏内容进行显示。从而可以提高首屏加载效率、避免处理器资源浪费。同时由于提高了首屏位置的准确性，进而提高了首屏加速的有效性。

附图说明

图1为本发明一个实施例中网页的首屏位置确定方法的工作环境示意图；

图2为本发明网页的首屏位置确定方法实施例的流程示意图；

图3为首屏内容在终端上进行显示的示意图；

图4为本发明应用实例中确定首屏内容的流程示意图；

图5为本发明网页信息显示方法实施例的流程示意图；

图6为本发明具体应用实例示意图；

图7为本发明网页的首屏位置确定系统实施例的结构示意图；

图8为本发明网页信息显示系统实施例的结构示意图；

图9为本发明一个实施例中用户终端的结构示意图；

图10为本发明一个实施例中服务器的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

参考图1，图1示出了本发明一个实施例中网页的首屏位置确定方法的工作环境示意图。包括终端设备110和服务器120。终端设备110可以是诸如智能手机、iPad、计算机、个人数字助理等设备，但并不局限于此。终端设备110可以通过有线或无线等方式接入公共网络，如Internet网等，与服务器120进行通信。终端设备110上可运行浏览器等访问客户端，用户利用浏览器等可以通过internet网络访问服务器120，服务器120对访问请求进行相应的处理。所述终端设备可以是指一个设备，也可以是指多个设备。服务器120是指实现各种后台功能的服务器设备，可以是指一个设备也可以是指多个设备。服务器120可以是云端服务器。

如图2所示，为本发明网页的首屏位置确定方法实施例的流程示意图，包括：

步骤S201：向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置，其中，所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息；

比如，可以在终端的浏览器的地址栏中输入URL地址，浏览器即将该URL地址发送至服务器，请求获取该URL地址对应的网页，然后接收服务器响应访问请求返回的页面内容。在发送URL地址时，终端还可以同时发送终端的屏幕类型，服务器查询缓存中是否存在该终端的屏幕类型，如果存在，则找出屏幕类型对应的初始化首屏位置，将页面内容和初始化首屏位置返回至终端。如果不存在，可以将访问请求对应的页面内容返回至终端，然后内核计算初始化首屏位置，第二次收到访问请求时再发送初始化首屏位置，也可以先计算初始化首屏位置，将页面内容和初始化首屏位置同时返回终端。

例如，在其中一个实施例中，所述向服务器发送网页的访问请求和屏幕类型步骤后，还包括：

通过服务器接收所述网页的访问请求和终端的屏幕类型；

根据所述访问请求和屏幕类型，查询是否存在所述访问请求和所述屏幕类型对应的初始化位置信息；

若不存在，则对页面内容进行解析、排版、绘制，并判断是否铺满屏幕类型对应的屏幕，若铺满，则获得初始化首屏位置，并将所述访问请求、屏幕类型和首屏位置进行缓存；

若存在，则将页面内容和初始化首屏位置返回至终端。

步骤S202：对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；

对页面内容进行解析，解析时可以请求N个子资源，等待响应。首屏内容是用户最关心的一屏内容，属于网页的一部分内容。如图3，为首屏内容在终端上进行显示的示意图。

初始化首屏位置是服务器的内核引擎计算得到的，也可以是服务器预先存储的。事先给定一个初始化首屏位置(即首屏位置的保守阈值)，可以节约第一次绘制首屏的时间，提高加载效率。比如，保守阈值1000，默认解析块大小是128，则可以节省1000/128＝7.8次的绘制渲染时间。同时，由于页面中的JS的执行等原因会导致云端浏览器内核引擎计算页面的首屏位置不准确，或者预存的初始化首屏位置不一定准确，则终端进行校验步骤：当解析的页面内容达到所述初始化首屏位置时，进行内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕。

当判断绘制内容没有最大比例的铺满终端屏幕时有两种情况，一种是绘制内容小于终端屏幕，一种是绘制内容大于终端屏幕。

在其中一个实施例中，当绘制内容小于终端屏幕时，进行获取页面内容并进行解析，将解析内容排版并绘制在页面上的操作，绘制内容最大比例的铺满终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。

比如，如图4所示，为本发明应用实例中确定首屏内容的流程示意图。

1.客户端请求主页面；

2.服务器返回主页面和初始化首屏位置，

3.客户端解析页面，

4.解析时，请求N个子资源(js/css/img等)，等待响应。

5.没有到达初始化首屏位置时，解析并处理子资源，

6.到达初始化首屏位置时，layout并上屏显示。

7.判断绘制内容是否最大比例的铺满终端屏幕；

8.若否，则边解析边尝试布局排版(即重复进行获取页面内容并进行解析，将解析内容排版在页面上的操作)，在最大比例的排满终端屏幕时，获取当前的页面内容，得到首屏内容。

9.若是，则将初始化首屏位置确定为最终首屏位置(即首屏位置正确)。

在其中一个实施例中，当绘制内容大于终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。虽然绘制的内容大于终端屏幕，但是相对于现有技术中边解析边绘制的方式，速度仍有提高，做到一次性将首屏内容绘制完成。

步骤S203：根据首屏内容的显示区域的坐标范围计算所述首屏内容在总网页中的位置信息，获得首屏位置；

该步骤是计算首屏位置的步骤。由于首屏内容确定，则终端的客户端可以计算出首屏内容在总网页中的位置信息，获得准确的首屏位置。

步骤S204：将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。

通过将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新，从而可以同步给其他用户。可以通过服务器将网页、屏幕类型、首屏位置进行关联存储。这里的网页可以不包括具体页面内容，而是一个URL地址或者该URL地址的标识，目的是为了区分不同的网页。在其中一个实施例中，通过服务器将更新后的首屏位置同步给屏幕类型相同的其他终端。则当有其他终端或当前终端发送网页的访问请求和终端的屏幕类型时，服务器可以根据屏幕类型从缓存中找出更新后的首屏位置，将其返回至终端，终端则只需layout一次，大大提高了绘制首屏内容的效率。所述服务器还可以是云端服务器，可以将首屏位置发送至云端进行缓存，通过云端同步给其他用户，还可以通过云端从服务器中抓取数据。

上述实施例可以在终端和服务器中实现，通过对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；并根据首屏内容计算首屏内容在总网页中的位置信息，获得首屏位置。相对于现有的通过云端服务器直接指定首屏位置的方法，本申请提高了首屏位置的准确性。同时，将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。从而可以实现将首屏位置存储在服务器中，与其他终端进行共享。

本方案还基于上述网页的首屏位置确定方法提供一种网页信息显示方法，如图5所示，为本发明网页信息显示方法实施例的流程示意图，包括：

步骤S501：向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置；其中，所述首屏位置为上述任意一种网页的首屏位置确定方法获得的首屏位置；

终端向服务器发送网页的访问请求和终端的屏幕类型后，服务器可以根据终端的屏幕类型判断缓存中是否存在该屏幕类型，如果存在，则找出屏幕类型对应的初始化首屏位置，将页面内容和初始化首屏位置返回至终端。如果不存在，可以将访问请求对应的页面内容返回至终端，然后内核计算初始化首屏位置，第二次收到访问请求时再发送初始化首屏位置，也可以先计算初始化首屏位置，将页面内容和初始化首屏位置同时返回终端。

进一步的，还包括：

接收所述网页的访问请求和终端的屏幕类型；

根据所述访问请求和屏幕类型与所述服务器存储的屏幕类型进行匹配，查询出该网页和屏幕类型对应的首屏位置。

步骤S502：对所述页面内容进行解析，当解析的页面内容达到所述首屏位置时，停止解析，进行页面内容排版和绘制，并将绘制的首屏内容进行显示。

本实施例在网页为第一次访问时，通过网页的首屏位置确定方法获取首屏位置，可以提高首屏位置的准确率，得到准确的首屏位置信息，然后将首屏位置信息存储在服务器中，实现共享。其他终端可以向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置信息中的首屏位置，解析页面内容，当页面内容达到所述首屏位置时，停止解析，进行内容排版和绘制，并将绘制的首屏内容进行显示。从而可以提高首屏加载效率、避免处理器资源浪费。同时由于提高了首屏位置的准确性，进而提高了首屏加速的有效性。

本方案举其中一个具体应用实例进行说明，如图6所示，为本发明具体应用实例示意图。

用户在终端的浏览器的地址栏中输入URL地址，浏览器即将该URL地址(主资源请求)和终端的屏幕类型发送至服务器；

云端后台判断访问请求是否在符合首屏加速条件(比如是否在首屏加速黑名单中或者是否是第一次请求)，若是，则返回主资源和首屏加速协议值，当符合首屏加速条件时，查询首屏token(首屏位置)的缓存，查看缓存中是否存在该屏幕类型，如果命中，则向终端的客户端返回主资源和首屏token值，如果没有命中，可以直接将主资源发给终端，由终端计算token值，也可以进行异步请求，内核计算首屏token，进行写缓存，向终端的客户端返回主资源和首屏token值。

客户端如果接收到后台返回的主资源和首屏token值，则直接解析页面内容，当页面内容达到所述首屏token值时，停止解析，进行内容排版和绘制，并将绘制的首屏内容进行显示。

终端的客户端判断协议值为第一次请求或判断后台下发的首屏token值不准确时，计算得到网页在最大比例的铺满终端屏幕时网页的首屏内容，进而计算得到该手机屏幕类型对应的首屏位置(首屏token)，就将客户端自身计算出的准确的token上报；

云端后台存储首屏位置信息，进行异步更新首屏token的缓存，以便提供其他用户使用。

基于上述网页的首屏位置确定方法，本发明还提供一种网页的首屏位置确定系统，如图7所示，为本发明网页的首屏位置确定系统实施例的结构示意图，包括通信模块710、首屏内容确定模块720、首屏位置确定模块730：

通信模块710，用于向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置，其中，所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息；

比如，可以在终端的通信模块的浏览器的地址栏中输入URL地址，浏览器即将该URL地址发送至服务器，请求获取该URL地址对应的网页，然后接收服务器响应访问请求返回的页面内容。在发送URL地址时，终端还可以同时发送终端的屏幕类型，服务器查询缓存中是否存在该终端的屏幕类型，如果存在，则找出屏幕类型对应的初始化首屏位置，将页面内容和初始化首屏位置返回至终端。如果不存在，可以将访问请求对应的页面内容返回至终端，然后内核计算初始化首屏位置，第二次收到访问请求时再发送初始化首屏位置，也可以先计算初始化首屏位置，将页面内容和初始化首屏位置同时返回终端。

在其中一个实施例中，还包括页面内容和初始化首屏位置确定模块，用于：

通过服务器接收所述网页的访问请求和终端的屏幕类型；

根据所述访问请求和屏幕类型，查询是否存在所述访问请求和所述屏幕类型对应的初始化位置信息；

若不存在，则对页面内容进行解析、排版、绘制，并判断是否铺满屏幕类型对应的屏幕，若铺满，则获得初始化首屏位置，并将所述访问请求、屏幕类型和首屏位置进行缓存；

若存在，则将页面内容和初始化首屏位置返回至终端。

页面内容和初始化首屏位置确定模块可以在服务器中执行。

首屏内容确定模块720，用于对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；

对页面内容进行解析，解析时可以请求N个子资源，等待响应。首屏内容是用户最关心的一屏内容，属于网页的一部分内容。如图3，为首屏内容在终端上进行显示的示意图。

初始化首屏位置是服务器的内核引擎计算得到的，也可以是服务器预先存储的。事先给定一个初始化首屏位置(即首屏位置的保守阈值)，可以节约第一次绘制首屏的时间，提高加载效率。比如，保守阈值1000，默认解析块大小是128，则可以节省1000/128＝7.8次的绘制渲染时间。同时，由于页面中的JS的执行等原因会导致云端浏览器内核引擎计算页面的首屏位置不准确，或者预存的初始化首屏位置不一定准确，则终端进行校验步骤：当解析的页面内容达到所述初始化首屏位置时，进行内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕。

当判断绘制内容没有最大比例的铺满终端屏幕时有两种情况，一种是绘制内容小于终端屏幕，一种是绘制内容大于终端屏幕。

在其中一个实施例中，所述首屏内容确定模块，还用于当绘制内容小于终端屏幕时，进行获取页面内容并进行解析，将解析内容排版并绘制在页面上的操作，绘制内容最大比例的铺满终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。

在其中一个实施例中，所述首屏内容确定模块，还用于当绘制内容大于终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。虽然绘制的内容大于终端屏幕，但是相对于现有技术中边解析边绘制的方式，速度仍有提高，做到一次性将首屏内容绘制完成。

首屏位置确定模块730，用于根据首屏内容的显示区域的坐标范围计算所述首屏内容在总网页中的位置信息，获得首屏位置，将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。

由于首屏内容确定，则终端的客户端可以计算出首屏内容在总网页中的位置信息，获得准确的首屏位置。

通过将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新，从而可以同步给其他用户。可以通过服务器将网页、屏幕类型、首屏位置进行关联存储。这里的网页可以不包括具体页面内容，而是一个URL地址或者该URL地址的标识，目的是为了区分不同的网页。在其中一个实施例中，通过服务器将更新后的首屏位置同步给屏幕类型相同的其他终端。则当有其他终端或当前终端发送网页的访问请求和终端的屏幕类型时，服务器可以根据屏幕类型从缓存中找出更新后的首屏位置，将其返回至终端，终端则只需layout一次，大大提高了绘制首屏内容的效率。所述服务器还可以是云端服务器，可以将首屏位置发送至云端进行缓存，通过云端同步给其他用户，还可以通过云端从服务器中抓取数据。

上述实施例通信模块、首屏内容确定模块、首屏位置确定模块可以在终端中实现，页面内容和初始化首屏位置确定模块和同步模块可以在服务器中实现，通过对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；并根据首屏内容计算首屏内容在总网页中的位置信息，获得首屏位置。相对于现有的通过云端服务器直接指定首屏位置的方法，本申请提高了首屏位置的准确性。同时，将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。从而可以实现将首屏位置存储在服务器中，与其他终端进行共享。

本方案还基于上述网页的首屏位置确定系统提供一种网页信息显示系统，如图8所示，为本发明网页信息显示系统实施例的结构示意图，包括：

通信模块810，用于向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置；其中，所述首屏位置为上述任意一种所述网页的首屏位置确定系统获得的首屏位置；

终端向服务器发送网页的访问请求和终端的屏幕类型后，服务器可以根据终端的屏幕类型判断缓存中是否存在该屏幕类型，如果存在，则找出屏幕类型对应的初始化首屏位置，将页面内容和初始化首屏位置返回至终端。如果不存在，可以将访问请求对应的页面内容返回至终端，然后内核计算初始化首屏位置，第二次收到访问请求时再发送初始化首屏位置，也可以先计算初始化首屏位置，将页面内容和初始化首屏位置同时返回终端。

显示模块820，用于对所述页面内容进行解析，当解析的页面内容达到所述首屏位置时，停止解析，进行页面内容排版和绘制，并将绘制的首屏内容进行显示。

本实施例在网页为第一次访问时，通过网页的首屏位置确定方法获取首屏位置，可以提高首屏位置的准确率，得到准确的首屏位置信息，然后将首屏位置信息存储在服务器中，实现共享。其他终端可以向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置信息中的首屏位置，解析页面内容，当页面内容达到所述首屏位置时，停止解析，进行内容排版和绘制，并将绘制的首屏内容进行显示。从而可以提高首屏加载效率、避免处理器资源浪费。同时由于提高了首屏位置的准确性，进而提高了首屏加速的有效性。

本发明的网页的首屏位置确定系统与本发明的网页的首屏位置确定方法是一一对应的，上述网页的首屏位置确定方法实施例中的相关技术特征及其技术效果均适用于网页的首屏位置确定系统实施例中，在此不再赘述。同时，本发明的网页信息显示系统与本发明的网页信息显示方法是一一对应的，上述网页信息显示方法实施例中的相关技术特征及其技术效果均适用于网页信息显示系统实施例中，在此不再赘述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-OnlyMemory，ROM)或随机存储记忆体(RandomAccessMemory，RAM)等。

参考图9，在一个实施例中，用户终端的结构示意图。本发明实施例的方法，可以以软件的形式安装于相应的机器设备上，这里的终端设备可以是手机、平板电脑、PDA(PersonalDigitalAssistant，个人数字助理)、掌上游戏机等任意终端设备。

据此，以下以其中一种终端设备为例，图9中示出了该终端设备的部分结构框图。参考图9，该终端设备包括：存储器910、输入单元920、显示单元930、处理器940、通信模块950等部件。本领域技术人员可以理解，图9中示出的结构，仅仅是与本发明实施例方案相关的部分结构的框图，并不构成对应用在本发明方案中的终端设备的限定，具体的终端设备可以包括比图示中更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中，存储器910可用于存储软件程序以及模块，处理器940通过运行存储在存储器910的软件程序以及模块，从而执行与该终端设备相关的各种功能应用以及数据处理。输入单元920可用于接收输入的数字、字符或者其他信息，以及产生与终端设备的用户设置以及功能控制有关的键信号输入。显示单元930可用于显示由用户输入的信息或提供给用户的信息以及各种菜单。例如，在本方案中可以用于显示首屏。终端设备通过通信模块950可以实现与服务器之间的通信，该通信模块950可以采用任何可能的方式实现，例如WiFi模块、蓝牙通信、光纤通信等，通过通信模块950实现了终端设备与服务器之间的通信，从而可以使得终端设备能够向服务器发送相关信息，并接收由服务器返回的相关信息。处理器940是终端设备的控制中心，利用各种接口和线路连接整个终端设备的各个部分，通过运行或执行存储在存储器910内的软件程序和/或模块，以及调用存储在存储器910内的数据，执行终端设备的各种功能和数据处理，从而对终端设备进行整体监控。

参考图10，在一个实施例中，服务器的结构示意图如图10所示。服务器包括通过系统总线连接的处理器、供电模块、存储介质、内存、通信接口。其中，服务器的存储介质存储有操作系统、数据库，服务器的通信接口用于与用户终端连接通信。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (11)

1.一种网页的首屏位置确定方法，其特征在于，包括：

向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置，其中，所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息；

对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；

根据首屏内容的显示区域的坐标范围计算所述首屏内容在总网页中的位置信息，获得首屏位置；

将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。

2.根据权利要求1所述的网页的首屏位置确定方法，其特征在于，当绘制内容小于终端屏幕时，进行获取页面内容并进行解析，将解析内容排版并绘制在页面上的操作，绘制内容最大比例的铺满终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。

3.根据权利要求1所述的网页的首屏位置确定方法，其特征在于，当绘制内容大于终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。

4.根据权利要求1至3任意一项所述的网页的首屏位置确定方法，其特征在于，所述向服务器发送网页的访问请求和屏幕类型步骤后，还包括：

通过服务器接收所述网页的访问请求和终端的屏幕类型；

根据所述访问请求和屏幕类型，查询是否存在所述访问请求和所述屏幕类型对应的初始化位置信息；

若不存在，则对页面内容进行解析、排版、绘制，并判断是否铺满屏幕类型对应的屏幕，若铺满，则获得初始化首屏位置，并将所述访问请求、屏幕类型和首屏位置进行缓存；

若存在，则将页面内容和初始化首屏位置返回至终端。

5.根据权利要求1至3任意一项所述的网页的首屏位置确定方法，其特征在于，还包括：通过服务器将更新后的首屏位置同步给屏幕类型相同的其他终端。

6.一种网页信息显示方法，其特征在于，包括：

向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和首屏位置；其中，所述首屏位置为权利要求1至5任意一项所述的首屏位置；

对所述页面内容进行解析，当解析的页面内容达到所述首屏位置时，停止解析，进行页面内容排版和绘制，并将绘制的首屏内容进行显示。

7.一种网页的首屏位置确定系统，其特征在于，包括：

通信模块，用于向服务器发送网页的访问请求和终端的屏幕类型，并接收服务器响应所述访问请求返回的页面内容和初始化首屏位置，其中，所述初始化首屏位置是服务器缓存的所述屏幕类型对应的首屏内容在总页面中的初始化位置信息；

首屏内容确定模块，用于对所述页面内容进行解析，当解析的页面内容达到所述初始化首屏位置时，进行页面内容排版和绘制，判断绘制内容是否最大比例的铺满终端屏幕，若否，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容；

首屏位置确定模块，用于根据首屏内容的显示区域的坐标范围计算所述首屏内容在总网页中的位置信息，获得首屏位置，将首屏位置发送至服务器，根据首屏位置对初始化首屏位置进行更新。

8.根据权利要求7所述的网页的首屏位置确定系统，其特征在于，所述首屏内容确定模块，还用于当绘制内容小于终端屏幕时，进行获取页面内容并进行解析，将解析内容排版并绘制在页面上的操作，绘制内容最大比例的铺满终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。

9.根据权利要求7所述的网页的首屏位置确定系统，其特征在于，所述首屏内容确定模块，还用于当绘制内容大于终端屏幕时，获取最大比例的铺满终端屏幕时的页面内容，得到首屏内容。

10.根据权利要求7至9任意一项所述的网页的首屏位置确定系统，其特征在于，还包括页面内容和初始化首屏位置确定模块，用于：

通过服务器接收所述网页的访问请求和终端的屏幕类型；

根据所述访问请求和屏幕类型，查询是否存在所述访问请求和所述屏幕类型对应的初始化位置信息；

若不存在，则对页面内容进行解析、排版、绘制，并判断是否铺满屏幕类型对应的屏幕，若铺满，则获得初始化首屏位置，并将所述访问请求、屏幕类型和首屏位置进行缓存；

若存在，则将页面内容和初始化首屏位置返回至终端。

11.根据权利要求7至9任意一项所述的网页的首屏位置确定系统，其特征在于，还包括同步模块，用于通过服务器将更新后的首屏位置同步给屏幕类型相同的其他终端。