CN103488735A - 终端浏览器页面刷新显示的方法及终端 - Google Patents

Abstract

本发明公开一种终端浏览器页面刷新显示的方法及终端，其方法包括：终端浏览器对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载；获取已下载的子资源中的样式信息，根据样式信息对页面进行优化排版，并屏蔽页面的刷新操作；当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面。本发明在对页面中各节点子资源的下载过程中对页面的刷新请求智能屏蔽，只对页面进行优化排版，待页面各节点的子资源全部下载完成后，只需一次刷新即可快速的将页面一次性显示在终端浏览器上，极大地提高了终端浏览器刷新的效率及页面的显示性能，更加智能化。

Description

终端浏览器页面刷新显示的方法及终端

技术领域

本发明涉及通信技术领域，尤其涉及一种终端浏览器页面刷新显示的方法及终端。

背景技术

随着终端网络应用的快速发展，终端中的网络业务应用场景也越来越多，如智能电视中的DTV和OTT网络业务应用等，家庭用户对网络业务的体验感要求也越来越高，尤其是对终端中呈现业务效果的浏览器页面的显示效率提出了更高的要求。

目前绝大多数网络业务的显示都是利用网页设计，依靠浏览器来呈现显示效果，现有技术中，当终端浏览器请求页面数据时，由服务器下发页面数据给浏览器，浏览器接收到数据后进行页面的解析和排版，通过解析页面数据，保存该页面中需要进行下载的子资源，下载完成一部分数据就显示一部分数据，当每个子资源下载完成后，浏览器解析后会重新排版计算并且进行局部刷新，这样多次页面排版和刷新操作会在很大程度上降低整个页面显示的性能。在如智能电视等终端上，由于各种业务的复杂性，往往会出现页面显示较慢，且一部分页面先显示出来，另一部分页面后显示出来的现象，而在这段时间内，用户操作遥控器或者其他的输入设备都没有反应，这会给用户带来较长的等待时间，且在较长的等待时间内用户无法进行任何操作，极大的影响了用户的实际体验效果，降低了用户在智能电视上使用网络业务的兴趣。

发明内容

本发明的主要目的在于提供一种终端浏览器页面刷新显示的方法及终端，旨在提高终端的浏览器页面显示效果。

为了达到上述目的，本发明提出一种终端浏览器页面刷新显示的方法，包括：

终端浏览器对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载；

获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版，并屏蔽页面的刷新操作；

当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面。

优选地，所述终端浏览器对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载的步骤包括：

终端浏览器对服务器返回的页面数据进行编码和语法解析，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表；

根据各节点的子资源信息进行各节点的子资源数据的下载。

优选地，所述获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版的步骤包括：

根据获取的已下载的子资源中的样式信息判断节点样式是否有改变，若该节点样式有改变，则将该节点信息保存至一优化节点列表中；若该节点样式没有改变，则将该节点子资源数据写入终端浏览器中的相应位置；

当判断完各节点的样式改变后，根据所述优化节点列表提取各优化节点，将若干优化节点组合成根节点，对各根节点进行排版操作，将各根节点的区域合并作为最大刷新区域。

优选地，所述获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版的步骤还包括：

启动一刷新计时器。

优选地，所述当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面的步骤包括：

当各节点的子资源全部下载完成或所述刷新计时器计时达到预设时间时，将所述最大刷新区域与终端浏览器能显示的最大区域大小进行比较，若所述最大刷新区域小于终端浏览器能显示的最大区域，则对所述最大刷新区域进行刷新操作，在最大刷新区域中显示优化排版后的页面；若所述最大刷新区域大于终端浏览器能显示的最大区域，则对终端浏览器能显示的最大区域进行刷新操作，在终端浏览器能显示的最大区域中显示优化排版后的页面。

本发明还提出一种刷新显示浏览器页面的终端，包括：

解析下载模块，用于对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载；

优化排版模块，用于获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版，并屏蔽页面的刷新操作；

刷新显示模块，用于当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面。

优选地，所述解析下载模块包括：

解析单元，用于对服务器返回的页面数据进行编码和语法解析，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表；

下载单元，用于根据各节点的子资源信息进行各节点的子资源数据的下载。

优选地，所述优化排版模块用于：

根据获取的已下载的子资源中的样式信息判断节点样式是否有改变，若该节点样式有改变，则将该节点信息保存至一优化节点列表中；若该节点样式没有改变，则将该节点子资源数据写入终端浏览器中的相应位置；当判断完各节点的样式改变后，根据所述优化节点列表提取各优化节点，将若干优化节点组合成根节点，对各根节点进行排版操作，将各根节点的区域合并作为最大刷新区域。

优选地，所述优化排版模块还用于：

启动一刷新计时器。

优选地，所述刷新显示模块用于：

当各节点的子资源全部下载完成或所述刷新计时器计时达到预设时间时，将所述最大刷新区域与终端浏览器能显示的最大区域大小进行比较，若所述最大刷新区域小于终端浏览器能显示的最大区域，则对所述最大刷新区域进行刷新操作，在最大刷新区域中显示优化排版后的页面；若所述最大刷新区域大于终端浏览器能显示的最大区域，则对终端浏览器能显示的最大区域进行刷新操作，在终端浏览器能显示的最大区域中显示优化排版后的页面。

本发明提出的一种终端浏览器页面刷新显示的方法及终端，由终端浏览器对请求的页面数据进行解析，并对页面中各节点的子资源进行下载，在下载过程中对页面的刷新请求智能屏蔽，只对页面进行优化排版，待页面各节点的子资源全部下载完成后，对页面进行一次刷新，即可在终端浏览器上显示优化排版后的页面，减少了页面的排版次数，且只需一次刷新即可快速的将页面一次性显示在终端浏览器上，极大地提高了终端浏览器刷新的效率及页面的显示性能，给用户带来更好的实际体验，更加智能化。

附图说明

图1是本发明终端浏览器页面刷新显示的方法较佳实施例的流程示意图；

图2是本发明终端浏览器页面刷新显示的方法较佳实施例中终端浏览器对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载的流程示意图；

图3是本发明刷新显示浏览器页面的终端较佳实施例的结构示意图；

图4是本发明刷新显示浏览器页面的终端较佳实施例中解析下载模块的结构示意图。

为了使本发明的技术方案更加清楚、明了，下面将结合附图作进一步详述。

具体实施方式

本发明实施例的解决方案主要是：由终端浏览器对请求的页面数据进行解析，并对页面中各节点的子资源进行下载，在下载过程中对页面的刷新请求智能屏蔽，只对页面进行优化排版，待页面各节点的子资源全部下载完成后，对页面进行一次刷新，即可在终端浏览器上显示优化排版后的页面。

如图1所示，本发明较佳实施例提出一种终端浏览器页面刷新显示的方法，包括：

步骤S101，终端浏览器对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载；

当终端浏览器需请求页面显示时，首先会向服务器发送页面请求，由服务器根据所述页面请求返回相应的页面数据至终端浏览器，再由终端浏览器对返回的页面数据进行数据编码及语法的解析，经过解析分析出页面中所有的节点，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表文件等，并保存页面中所有节点的样式信息。

根据获取的各节点的子资源信息获知子资源的链接地址，进一步地，完善子资源的链接地址，将其相对地址转换成绝对地址，并根据转换的绝对地址分配下载队列和对应的资源，开始进行各节点的子资源数据的下载。

步骤S102，获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版，并屏蔽页面的刷新操作；

解析获取已下载的子资源中的样式信息，对已下载的子资源中的样式信息进行分析，判断该节点样式是否有改变：若该节点样式有改变，则判断该节点获取了更新的节点信息，需对其进行重新优化排版，将该节点信息保存至一设定的优化节点列表中；若该节点样式没有改变，则判断该节点信息无改变，无需对其进行重新优化排版，则获取该节点在页面上的容器大小、位置信息，直接将下载的该节点的子资源数据（文本、图片等信息）写入到其容器中，也即直接将该节点的子资源数据写入终端浏览器中的相应位置，仅对其容器进行刷新操作，而在子资源的下载过程中，屏蔽对整个页面的刷新操作，同时，启动一刷新计时器进行计时。

当判断完各节点的样式改变后，根据所述优化节点列表提取需进行优化排版的各个节点，将若干优化节点组合成一个根节点，对各根节点进行排版操作，完成页面的优化排版，同时，将各根节点的区域合并作为最大刷新区域。这样，即可将对众多节点的优化排版转化为对少量根节点的优化排版操作，有效地减少了排版的次数，降低了终端浏览器的页面排版计算负荷，提高了页面排版的速度。

步骤S103，当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面。

当各节点的子资源全部下载完成或所述刷新计时器计时达到预设时间时，对页面进行刷新操作。设置一刷新计时器的目的是为了防止当有节点的子资源下载失败时，无法对页面进行刷新的情况发生，因此，当所述刷新计时器计时达到预设时间而各节点的子资源还未全部下载完成时，则直接对页面进行刷新操作，不再等待，避免给用户带来较长的无效等待时间。

将所述最大刷新区域与终端浏览器能显示的最大区域大小进行比较，所述最大刷新区域即为由页面中优化排版后需进行刷新的节点组合成的根节点区域合并后的区域，终端浏览器能显示的最大区域一般情况下为终端整个显示屏幕的区域。若所述最大刷新区域小于终端浏览器能显示的最大区域即终端屏幕时，则无需对整个终端屏幕进行刷新，而只需对所述最大刷新区域进行刷新操作，在最大刷新区域中显示优化排版后的页面，这样在达到同样的刷新效果下，刷新的速度更快，耗时最短；若所述最大刷新区域大于终端浏览器能显示的最大区域也即终端屏幕时，则对终端浏览器能显示的最大区域即整个终端屏幕进行刷新操作，在终端浏览器能显示的最大区域即终端屏幕中显示优化排版后的页面，这样，只需一次刷新即可实现优化排版后页面的呈现，提高了页面呈现的效果。

具体地，如图2所示，上述步骤S101可以包括：

步骤S1011，终端浏览器对服务器返回的页面数据进行编码和语法解析，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表；

步骤S1012，根据各节点的子资源信息进行各节点的子资源数据的下载。

本实施例通过上述方案，减少了页面的排版次数，且只需一次刷新即可快速的将页面一次性显示在终端浏览器上，极大地提高了终端浏览器刷新的效率及页面的显示性能，给用户带来更好的实际体验，更加智能化。

如图3所示，本发明较佳实施例提出一种刷新显示浏览器页面的终端，包括：解析下载模块301、优化排版模块302以及刷新显示模块303，其中：

解析下载模块301，用于对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载；

当终端浏览器需请求页面显示时，首先会向服务器发送页面请求，由服务器根据所述页面请求返回相应的页面数据至终端浏览器，再由终端浏览器对返回的页面数据进行数据编码及语法的解析，经过解析分析出页面中所有的节点，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表文件等，并保存页面中所有节点的样式信息。

根据获取的各节点的子资源信息获知子资源的链接地址，进一步地，完善子资源的链接地址，将其相对地址转换成绝对地址，并根据转换的绝对地址分配下载队列和对应的资源，开始进行各节点的子资源数据的下载。

优化排版模块302，用于获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版，并屏蔽页面的刷新操作；

解析获取已下载的子资源中的样式信息，对已下载的子资源中的样式信息进行分析，判断该节点样式是否有改变：若该节点样式有改变，则判断该节点获取了更新的节点信息，需对其进行重新优化排版，将该节点信息保存至一设定的优化节点列表中；若该节点样式没有改变，则判断该节点信息无改变，无需对其进行重新优化排版，则获取该节点在页面上的容器大小、位置信息，直接将下载的该节点的子资源数据（文本、图片等信息）写入到其容器中，也即直接将该节点的子资源数据写入终端浏览器中的相应位置，仅对其容器进行刷新操作，而在子资源的下载过程中，屏蔽对整个页面的刷新操作，同时，启动一刷新计时器进行计时。

当判断完各节点的样式改变后，根据所述优化节点列表提取需进行优化排版的各个节点，将若干优化节点组合成一个根节点，对各根节点进行排版操作，完成页面的优化排版，同时，将各根节点的区域合并作为最大刷新区域。这样，即可将对众多节点的优化排版转化为对少量根节点的优化排版操作，有效地减少了排版的次数，降低了终端浏览器的页面排版计算负荷，提高了页面排版的速度。

刷新显示模块303，用于当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面。

当各节点的子资源全部下载完成或所述刷新计时器计时达到预设时间时，对页面进行刷新操作。设置一刷新计时器的目的是为了防止当有节点的子资源下载失败时，无法对页面进行刷新的情况发生，因此，当所述刷新计时器计时达到预设时间而各节点的子资源还未全部下载完成时，则直接对页面进行刷新操作，不再等待，避免给用户带来较长的无效等待时间。

将所述最大刷新区域与终端浏览器能显示的最大区域大小进行比较，所述最大刷新区域即为由页面中优化排版后需进行刷新的节点组合成的根节点区域合并后的区域，终端浏览器能显示的最大区域一般情况下为终端整个显示屏幕的区域。若所述最大刷新区域小于终端浏览器能显示的最大区域即终端屏幕时，则无需对整个终端屏幕进行刷新，而只需对所述最大刷新区域进行刷新操作，在最大刷新区域中显示优化排版后的页面，这样在达到同样的刷新效果下，刷新的速度更快，耗时最短；若所述最大刷新区域大于终端浏览器能显示的最大区域也即终端屏幕时，则对终端浏览器能显示的最大区域即整个终端屏幕进行刷新操作，在终端浏览器能显示的最大区域即终端屏幕中显示优化排版后的页面，这样，只需一次刷新即可实现优化排版后页面的呈现，提高了页面呈现的效果。

具体地，如图4所示，所述解析下载模块301可以包括：解析单元3011及下载单元3012，其中：

解析单元3011，用于对服务器返回的页面数据进行编码和语法解析，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表；

下载单元3012，用于根据各节点的子资源信息进行各节点的子资源数据的下载。

本实施例通过上述方案，减少了页面的排版次数，且只需一次刷新即可快速的将页面一次性显示在终端浏览器上，极大地提高了终端浏览器刷新的效率及页面的显示性能，给用户带来更好的实际体验，更加智能化。

本发明提出的一种终端浏览器页面刷新显示的方法及终端，由终端浏览器对请求的页面数据进行解析，并对页面中各节点的子资源进行下载，在下载过程中对页面的刷新请求智能屏蔽，只对页面进行优化排版，待页面各节点的子资源全部下载完成后，对页面进行一次刷新，即可在终端浏览器上显示优化排版后的页面，减少了页面的排版次数，且只需一次刷新即可快速的将页面一次性显示在终端浏览器上，极大地提高了终端浏览器刷新的效率及页面的显示性能，给用户带来更好的实际体验，更加智能化。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元或模块完成，即将装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述装置中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

以上所述仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或流程变换，或直接或间接运用在其它相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种终端浏览器页面刷新显示的方法，其特征在于，包括：

终端浏览器对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载；

获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版，并屏蔽页面的刷新操作；

当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面。

2.根据权利要求1所述的方法，其特征在于，所述终端浏览器对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载的步骤包括：

终端浏览器对服务器返回的页面数据进行编码和语法解析，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表；

根据各节点的子资源信息进行各节点的子资源数据的下载。

3.根据权利要求2所述的方法，其特征在于，所述获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版的步骤包括：

根据获取的已下载的子资源中的样式信息判断节点样式是否有改变，若该节点样式有改变，则将该节点信息保存至一优化节点列表中；若该节点样式没有改变，则将该节点子资源数据写入终端浏览器中的相应位置；

当判断完各节点的样式改变后，根据所述优化节点列表提取各优化节点，将若干优化节点组合成根节点，对各根节点进行排版操作，将各根节点的区域合并作为最大刷新区域。

4.根据权利要求1、2或3所述的方法，其特征在于，所述获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版的步骤还包括：

启动一刷新计时器。

5.根据权利要求4所述的方法，其特征在于，所述当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面的步骤包括：

当各节点的子资源全部下载完成或所述刷新计时器计时达到预设时间时，将所述最大刷新区域与终端浏览器能显示的最大区域大小进行比较，若所述最大刷新区域小于终端浏览器能显示的最大区域，则对所述最大刷新区域进行刷新操作，在最大刷新区域中显示优化排版后的页面；若所述最大刷新区域大于终端浏览器能显示的最大区域，则对终端浏览器能显示的最大区域进行刷新操作，在终端浏览器能显示的最大区域中显示优化排版后的页面。

6.一种刷新显示浏览器页面的终端，其特征在于，包括：

解析下载模块，用于对服务器返回的页面数据进行解析，并且在解析出页面中各节点信息后，根据所述各节点信息对各节点的子资源进行下载；

优化排版模块，用于获取已下载的子资源中的样式信息，根据所述样式信息对页面进行优化排版，并屏蔽页面的刷新操作；

刷新显示模块，用于当各节点的子资源全部下载完成后，对页面进行刷新，在终端浏览器上显示优化排版后的页面。

7.根据权利要求6所述的终端，其特征在于，所述解析下载模块包括：

解析单元，用于对服务器返回的页面数据进行编码和语法解析，获取各节点的子资源信息，所述子资源信息包括多框架页面、图片、脚本文件、样式表；

下载单元，用于根据各节点的子资源信息进行各节点的子资源数据的下载。

8.根据权利要求7所述的终端，其特征在于，所述优化排版模块用于：

根据获取的已下载的子资源中的样式信息判断节点样式是否有改变，若该节点样式有改变，则将该节点信息保存至一优化节点列表中；若该节点样式没有改变，则将该节点子资源数据写入终端浏览器中的相应位置；当判断完各节点的样式改变后，根据所述优化节点列表提取各优化节点，将若干优化节点组合成根节点，对各根节点进行排版操作，将各根节点的区域合并作为最大刷新区域。

9.根据权利要求6、7或8所述的终端，其特征在于，所述优化排版模块还用于：

启动一刷新计时器。

10.根据权利要求9所述的终端，其特征在于，所述刷新显示模块用于：

当各节点的子资源全部下载完成或所述刷新计时器计时达到预设时间时，将所述最大刷新区域与终端浏览器能显示的最大区域大小进行比较，若所述最大刷新区域小于终端浏览器能显示的最大区域，则对所述最大刷新区域进行刷新操作，在最大刷新区域中显示优化排版后的页面；若所述最大刷新区域大于终端浏览器能显示的最大区域，则对终端浏览器能显示的最大区域进行刷新操作，在终端浏览器能显示的最大区域中显示优化排版后的页面。

Images