[发明专利]一种浏览器目标页面整屏切换显示的方法及系统

说明书

技术领域

本发明涉及互联网技术领域，具体涉及一种浏览器目标页面整屏切换显示的方法及系统。

背景技术

随着互联网技术的不断发展，浏览器的应用也是越来越广，很多终端设备如PC、手机、智能电视、电子显示屏等，都有采用浏览器作为内容展示的工具载体，现在用户不仅仅满足于丰富多彩的网页内容，而且对内容的展现效果要求也越来越高，特别是在智能电视、电子显示屏等设备的应用上。

传统的浏览器网页切换方式，先加载部分页面，刷新页面，显示此部分页面的内容，然后需要不断加载、刷新和显示页面，直至整个页面全部显示出来。

上述网页切换过程中，部分内容先显示出来，呈现给用户的内容不统一协调，而且需要频繁的刷新绘制已加载的页面内容，频繁刷新不仅会降低用户体验，而且也会耗费时间，影响页面整体显示的效率。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种浏览器目标页面整屏切换显示的方法，页面整体显示效率高，用户体验较好。

为达到以上目的，本发明采取的技术方案是：

一种浏览器目标页面整屏切换显示的方法，其特征在于：浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据，根据全部用户界面图形数据绘制出整个目标页面的用户界面图形，将浏览器的当前页面切换为目标页面，完成切换显示。

在上述技术方案的基础上，浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据具体包括：目标页面包括预先设定的若干部分，浏览器分批加载目标页面的所有部分，同时，分批请求已加载部分的目标页面资源，分批解析渲染已获得的目标页面资源，最终得到目标页面的全部用户界面图形数据。

在上述技术方案的基础上，浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据还包括：浏览器先设置页面加载状态标识的初始值为1，在目标页面全部加载完成后，浏览器改变页面加载状态标识的值为2。

在上述技术方案的基础上，当页面加载状态标识的值变为2，根据全部用户界面图形数据绘制出整个目标页面的用户界面图形。

在上述技术方案的基础上，所述解析渲染的步骤包括：解析目标页面资源超文本标记语言代码，创建文档对象模型DOM树；解析网页层叠样式表代码，得到DOM树每个节点对应的样式数据；在DOM树的每个节点上填充对应的样式数据，构建渲染树，得到用户界面图形数据。

本发明还提供了一种浏览器目标页面整屏切换显示的系统，包括：

加载模块，其用于加载目标页面，并请求目标页面资源；

解析模块，其用于解析渲染目标页面资源，并得到目标页面的全部用户界面图形数据；

图形绘制模块，其用于在解析模块得到目标页面的全部用户界面数据后，根据用户图形数据绘制出目标页面的用户图形；

处理模块，其用于将浏览器的当前页面切换为目标页面。

在上述技术方案的基础上，所述加载模块还用于设置页面加载状态标识的初始值及改变页面加载状态标识的值。

在上述技术方案的基础上，当解析模块得到用户界面图形数据后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。

在上述技术方案的基础上，当加载模块加载完成整个目标页面后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。

与现有技术相比，本发明的优点在于：

本发明的浏览器目标页面整屏切换显示的方法，先加载目标页面，得到目标页面的全部用户界面图形数据后，再刷新当前页面，一次刷新即可显示整个目标页面的内容，页面整体显示效率高，而且呈现给用户的内容是整个页面的内容，无需对目标页面进行频繁刷新，用户体验较好。

附图说明

图1为本发明实施例中浏览器网页整屏切换显示的流程图；

图2为本发明实施例中解析渲染的流程图。

具体实施方式

以下结合附图及实施例对本发明作进一步详细说明。

参见图1所示，本发明实施例提供一种浏览器目标页面整屏切换显示的方法，包括如下步骤：

S1：浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据；

S2：根据全部用户界面图形数据绘制出整个目标页面的用户界面图形，将浏览器的当前页面切换为目标页面，完成切换显示。