CN107025111A - 一种浏览器目标页面整屏切换显示的方法及系统 - Google Patents

一种浏览器目标页面整屏切换显示的方法及系统 Download PDF

Info

Publication number
CN107025111A
CN107025111A CN201710161193.2A CN201710161193A CN107025111A CN 107025111 A CN107025111 A CN 107025111A CN 201710161193 A CN201710161193 A CN 201710161193A CN 107025111 A CN107025111 A CN 107025111A
Authority
CN
China
Prior art keywords
target pages
browser
page
whole
user interface
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710161193.2A
Other languages
English (en)
Inventor
贺旺喜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Fiberhome Telecommunication Technologies Co Ltd
Original Assignee
Fiberhome Telecommunication Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Fiberhome Telecommunication Technologies Co Ltd filed Critical Fiberhome Telecommunication Technologies Co Ltd
Priority to CN201710161193.2A priority Critical patent/CN107025111A/zh
Publication of CN107025111A publication Critical patent/CN107025111A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种浏览器目标页面整屏切换显示的方法，涉及互联网技术领域，包括步骤：浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据，根据全部用户界面图形数据绘制出整个目标页面的用户界面图形，将浏览器的当前页面切换为目标页面，完成切换显示。本发明的浏览器目标页面整屏切换显示的方法，先加载目标页面，得到目标页面的全部用户界面图形数据后，再刷新当前页面，一次刷新即可显示整个目标页面的内容，页面整体显示效率高，而且呈现给用户的内容是整个页面的内容，无需对目标页面进行频繁刷新，用户体验较好。

Description

一种浏览器目标页面整屏切换显示的方法及系统
技术领域
本发明涉及互联网技术领域，具体涉及一种浏览器目标页面整屏切换显示的方法及系统。
背景技术
随着互联网技术的不断发展，浏览器的应用也是越来越广，很多终端设备如PC、手机、智能电视、电子显示屏等，都有采用浏览器作为内容展示的工具载体，现在用户不仅仅满足于丰富多彩的网页内容，而且对内容的展现效果要求也越来越高，特别是在智能电视、电子显示屏等设备的应用上。
传统的浏览器网页切换方式，先加载部分页面，刷新页面，显示此部分页面的内容，然后需要不断加载、刷新和显示页面，直至整个页面全部显示出来。
上述网页切换过程中，部分内容先显示出来，呈现给用户的内容不统一协调，而且需要频繁的刷新绘制已加载的页面内容，频繁刷新不仅会降低用户体验，而且也会耗费时间，影响页面整体显示的效率。
发明内容
针对现有技术中存在的缺陷，本发明的目的在于提供一种浏览器目标页面整屏切换显示的方法，页面整体显示效率高，用户体验较好。
为达到以上目的，本发明采取的技术方案是：
一种浏览器目标页面整屏切换显示的方法，其特征在于：浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据，根据全部用户界面图形数据绘制出整个目标页面的用户界面图形，将浏览器的当前页面切换为目标页面，完成切换显示。
在上述技术方案的基础上，浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据具体包括：目标页面包括预先设定的若干部分，浏览器分批加载目标页面的所有部分，同时，分批请求已加载部分的目标页面资源，分批解析渲染已获得的目标页面资源，最终得到目标页面的全部用户界面图形数据。
在上述技术方案的基础上，浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据还包括：浏览器先设置页面加载状态标识的初始值为1，在目标页面全部加载完成后，浏览器改变页面加载状态标识的值为2。
在上述技术方案的基础上，当页面加载状态标识的值变为2，根据全部用户界面图形数据绘制出整个目标页面的用户界面图形。
在上述技术方案的基础上，所述解析渲染的步骤包括：解析目标页面资源超文本标记语言代码，创建文档对象模型DOM树；解析网页层叠样式表代码，得到DOM树每个节点对应的样式数据；在DOM树的每个节点上填充对应的样式数据，构建渲染树，得到用户界面图形数据。
本发明还提供了一种浏览器目标页面整屏切换显示的系统，包括：
加载模块，其用于加载目标页面，并请求目标页面资源；
解析模块，其用于解析渲染目标页面资源，并得到目标页面的全部用户界面图形数据；
图形绘制模块，其用于在解析模块得到目标页面的全部用户界面数据后，根据用户图形数据绘制出目标页面的用户图形；
处理模块，其用于将浏览器的当前页面切换为目标页面。
在上述技术方案的基础上，所述加载模块还用于设置页面加载状态标识的初始值及改变页面加载状态标识的值。
在上述技术方案的基础上，当解析模块得到用户界面图形数据后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。
在上述技术方案的基础上，当加载模块加载完成整个目标页面后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。
与现有技术相比，本发明的优点在于：
本发明的浏览器目标页面整屏切换显示的方法，先加载目标页面，得到目标页面的全部用户界面图形数据后，再刷新当前页面，一次刷新即可显示整个目标页面的内容，页面整体显示效率高，而且呈现给用户的内容是整个页面的内容，无需对目标页面进行频繁刷新，用户体验较好。
附图说明
图1为本发明实施例中浏览器网页整屏切换显示的流程图；
图2为本发明实施例中解析渲染的流程图。
具体实施方式
以下结合附图及实施例对本发明作进一步详细说明。
参见图1所示，本发明实施例提供一种浏览器目标页面整屏切换显示的方法，包括如下步骤：
S1：浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据；
S2：根据全部用户界面图形数据绘制出整个目标页面的用户界面图形，将浏览器的当前页面切换为目标页面，完成切换显示。
上述步骤S1具体包括两部分，第一部分为：目标页面包括预先设定的若干部分，浏览器访问服务器，浏览器分批加载目标页面的所有部分，同时，分批请求已加载部分的目标页面资源，分批解析渲染已获得的目标页面资源，最终得到目标页面的全部用户界面图形数据；另一部分为：浏览器先设置页面加载状态标识的初始值为1，在目标页面全部加载完成后，浏览器改变页面加载状态标识的值为2。
当页面加载状态标识的值变为2，表明目标页面全部加载完成，得到的是全部的用户界面图形数据，再根据全部用户界面图形数据绘制出整个目标页面的用户界面图形，将浏览器的当前页面切换为目标页面，完成切换显示。
上述解析渲染的步骤包括：
S1.1：解析目标页面资源超文本标记语言代码，创建文档对象模型DOM树；
S1.2：解析网页层叠样式表代码，得到DOM树每个节点对应的样式数据；
S1.3：在DOM树的每个节点上填充对应的样式数据，构建渲染树，得到用户界面图形数据。
上述目标网页资源包括超文本标记语言、脚本、样式和图片。
本发明的浏览器目标页面整屏切换显示的方法，先加载目标页面，并对其解析渲染，得到目标页面的全部用户界面图形数据后，再刷新当前页面，一次刷新即可显示整个目标页面的内容，页面整体显示效率高，而且呈现给用户的内容是整个页面的内容，无需对目标页面进行频繁刷新，用户体验较好。
本发明还提供了一种浏览器目标页面整屏切换显示的系统，包括：加载模块、解析模块、图形绘制模块和处理模块。
加载模块用于加载目标页面，并请求目标页面资源，以及用于设置页面加载状态标识的初始值及改变页面加载状态标识的值。
解析模块用于解析渲染目标页面资源，并得到目标页面的全部用户界面图形数据。
图形绘制模块用于在解析模块得到目标页面的全部用户界面数据后，根据用户图形数据绘制出目标页面的用户图形。当解析模块得到用户界面图形数据后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。当加载模块加载完成整个目标页面后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。
处理模块用于将浏览器的当前页面切换为目标页面。
本发明的浏览器目标页面整屏切换显示的系统工作原理为：加载模块先加载目标页面，请求目标页面资源，然后解析模块对目标页面资源进行解析渲染，得到目标页面的全部用户界面图形数据，接着，图形绘制模块根据全部的用户图形数据绘制出目标页面的用户图形，刷新当前页面，将当前页面切换为目标页面。
浏览器目标页面整屏切换显示的系统一次刷新即可显示整个目标页面的内容，页面整体显示效率高，而且呈现给用户的内容是整个页面的内容，无需对目标页面进行频繁刷新，用户体验较好。
本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (9)

1.一种浏览器目标页面整屏切换显示的方法，其特征在于：浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据，根据全部用户界面图形数据绘制出整个目标页面的用户界面图形，将浏览器的当前页面切换为目标页面，完成切换显示。
2.如权利要求1所述的浏览器目标页面整屏切换显示的方法，其特征在于，浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据具体包括：目标页面包括预先设定的若干部分，浏览器分批加载目标页面的所有部分，同时，分批请求已加载部分的目标页面资源，分批解析渲染已获得的目标页面资源，最终得到目标页面的全部用户界面图形数据。
3.如权利要求2所述的浏览器目标页面整屏切换显示的方法，其特征在于，浏览器访问服务器，加载整个目标页面后，得到目标页面的全部用户界面图形数据还包括：浏览器先设置页面加载状态标识的初始值为1，在目标页面全部加载完成后，浏览器改变页面加载状态标识的值为2。
4.如权利要求3所述的浏览器目标页面整屏切换显示的方法，其特征在于：当页面加载状态标识的值变为2，根据全部用户界面图形数据绘制出整个目标页面的用户界面图形。
5.如权利要求2所述的浏览器目标页面整屏切换显示的方法，其特征在于，所述解析渲染的步骤包括：解析目标页面资源超文本标记语言代码，创建文档对象模型DOM树；解析网页层叠样式表代码，得到DOM树每个节点对应的样式数据；在DOM树的每个节点上填充对应的样式数据，构建渲染树，得到用户界面图形数据。
6.一种浏览器目标页面整屏切换显示的系统，其特征在于，包括：
加载模块，其用于加载目标页面，并请求目标页面资源；
解析模块，其用于解析渲染目标页面资源，并得到目标页面的全部用户界面图形数据；
图形绘制模块，其用于在解析模块得到目标页面的全部用户界面数据后，根据用户图形数据绘制出目标页面的用户图形；
处理模块，其用于将浏览器的当前页面切换为目标页面。
7.如权利要求6所述的浏览器目标页面整屏切换显示的系统，其特征在于：所述加载模块还用于设置页面加载状态标识的初始值及改变页面加载状态标识的值。
8.如权利要求6所述的浏览器目标页面整屏切换显示的系统，其特征在于：当解析模块得到用户界面图形数据后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。
9.如权利要求6所述的浏览器目标页面整屏切换显示的系统，其特征在于：当加载模块加载完成整个目标页面后，通知图形绘制模块，图形绘制模块对所述通知事件进行监听。
CN201710161193.2A 2017-03-17 2017-03-17 一种浏览器目标页面整屏切换显示的方法及系统 Pending CN107025111A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710161193.2A CN107025111A (zh) 2017-03-17 2017-03-17 一种浏览器目标页面整屏切换显示的方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710161193.2A CN107025111A (zh) 2017-03-17 2017-03-17 一种浏览器目标页面整屏切换显示的方法及系统

Publications (1)

Publication Number Publication Date
CN107025111A true CN107025111A (zh) 2017-08-08

Family

ID=59525370

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710161193.2A Pending CN107025111A (zh) 2017-03-17 2017-03-17 一种浏览器目标页面整屏切换显示的方法及系统

Country Status (1)

Country Link
CN (1) CN107025111A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108280119A (zh) * 2017-11-29 2018-07-13 广州市动景计算机科技有限公司 页面生成方法、装置及用户终端
CN108804195A (zh) * 2018-06-14 2018-11-13 北京奇艺世纪科技有限公司 一种页面显示方法、装置、服务器及客户端
CN114326572A (zh) * 2021-12-25 2022-04-12 上海能誉科技股份有限公司 一种工业组态软件数据获取方法与系统

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101984429A (zh) * 2010-11-04 2011-03-09 百度在线网络技术（北京）有限公司 获取目标页面的方法、装置、搜索引擎和浏览器
CN102413297A (zh) * 2010-09-21 2012-04-11 康佳集团股份有限公司 一种在电视机上实现网页浏览的方法及电视机
CN102902799A (zh) * 2012-10-12 2013-01-30 中科方德软件有限公司 一种基于WebKit的浏览器页面显示方法及其装置
CN102915375A (zh) * 2012-11-08 2013-02-06 山东大学 一种基于布局分区的网页加载方法
CN103488735A (zh) * 2013-09-17 2014-01-01 深圳Tcl新技术有限公司 终端浏览器页面刷新显示的方法及终端
CN103970412A (zh) * 2013-01-30 2014-08-06 三星电子株式会社 在电子装置中调整网页中的特定对象的属性的方法和设备
CN104268252A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN104820604A (zh) * 2015-05-27 2015-08-05 百富计算机技术（深圳）有限公司 一种应用于pos终端的浏览器
CN104933078A (zh) * 2014-03-20 2015-09-23 中标软件有限公司 一种Web应用页面渲染优化方法
CN105389323A (zh) * 2014-08-29 2016-03-09 三星电子株式会社 选择网页上的区域的方法及其电子设备
CN106095460A (zh) * 2016-06-21 2016-11-09 上海联彤网络通讯技术有限公司 实现终端内嵌浏览器优化网页加载的系统及方法
CN106126725A (zh) * 2016-06-30 2016-11-16 北京小米移动软件有限公司 页面显示方法及装置

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102413297A (zh) * 2010-09-21 2012-04-11 康佳集团股份有限公司 一种在电视机上实现网页浏览的方法及电视机
CN101984429A (zh) * 2010-11-04 2011-03-09 百度在线网络技术（北京）有限公司 获取目标页面的方法、装置、搜索引擎和浏览器
CN102902799A (zh) * 2012-10-12 2013-01-30 中科方德软件有限公司 一种基于WebKit的浏览器页面显示方法及其装置
CN102915375A (zh) * 2012-11-08 2013-02-06 山东大学 一种基于布局分区的网页加载方法
CN103970412A (zh) * 2013-01-30 2014-08-06 三星电子株式会社 在电子装置中调整网页中的特定对象的属性的方法和设备
CN103488735A (zh) * 2013-09-17 2014-01-01 深圳Tcl新技术有限公司 终端浏览器页面刷新显示的方法及终端
CN104933078A (zh) * 2014-03-20 2015-09-23 中标软件有限公司 一种Web应用页面渲染优化方法
CN105389323A (zh) * 2014-08-29 2016-03-09 三星电子株式会社 选择网页上的区域的方法及其电子设备
CN104268252A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN104820604A (zh) * 2015-05-27 2015-08-05 百富计算机技术（深圳）有限公司 一种应用于pos终端的浏览器
CN106095460A (zh) * 2016-06-21 2016-11-09 上海联彤网络通讯技术有限公司 实现终端内嵌浏览器优化网页加载的系统及方法
CN106126725A (zh) * 2016-06-30 2016-11-16 北京小米移动软件有限公司 页面显示方法及装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108280119A (zh) * 2017-11-29 2018-07-13 广州市动景计算机科技有限公司 页面生成方法、装置及用户终端
CN108804195A (zh) * 2018-06-14 2018-11-13 北京奇艺世纪科技有限公司 一种页面显示方法、装置、服务器及客户端
CN108804195B (zh) * 2018-06-14 2021-08-13 北京奇艺世纪科技有限公司 一种页面显示方法、装置、服务器及客户端
CN114326572A (zh) * 2021-12-25 2022-04-12 上海能誉科技股份有限公司 一种工业组态软件数据获取方法与系统

Similar Documents

Publication Publication Date Title
CN104035753B (zh) 一种双WebView展示定制页面的方法及系统
WO2017088509A1 (zh) 一种页面定制化的方法和装置
CN103546498B (zh) 一种为移动终端提供访问网页的方法与设备
KR20200043467A (ko) 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치
CN105786924B (zh) 网页夜间模式处理方法、装置及移动终端
CN109254818B (zh) 针对浏览器不同分辨率的像素级定位方法和装置
CN105677654B (zh) 广告过滤方法及装置
CN102364460B (zh) 基于移动终端的页面自动放大方法和系统
CN101996206A (zh) 一种呈现网页页面的方法、装置及系统
CN103631578B (zh) 一种配电网自动化系统中数据展示方法
CN102831190B (zh) 一种在低端设备上浏览cml文件的方法
CN107025111A (zh) 一种浏览器目标页面整屏切换显示的方法及系统
CN103823841B (zh) 提高移动终端客户端浏览速度的方法及其装置
CN107544952B (zh) 报表生成方法、装置、存储介质和计算机设备
CN102663050B (zh) 电子书数据处理方法与装置
CN103870508B (zh) 一种网页缩放方法、装置和系统
CN104423839A (zh) 浏览器资源显示方法和装置
CN104820589A (zh) 一种动态适配网页的方法及其装置
CN103488735B (zh) 终端浏览器页面刷新显示的方法及终端
CN109240664A (zh) 一种采集用户行为信息的方法及终端
CN105069092A (zh) 一种报表展示的方法、系统及移动终端
CN110609729A (zh) 一种基于cmspweb的页面监听滚动渲染方法
CN109783097A (zh) 绘制web频率图插件的实现方法
CN110443880A (zh) 图像渲染方法、装置、存储介质及电子设备
CN108304118B (zh) 截图方法及装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20170808

RJ01 Rejection of invention patent application after publication