CN102982113A - 一种针对Android***的基于内容分组的浏览器页面加载方法 - Google Patents
一种针对Android***的基于内容分组的浏览器页面加载方法 Download PDFInfo
- Publication number
- CN102982113A CN102982113A CN2012104452827A CN201210445282A CN102982113A CN 102982113 A CN102982113 A CN 102982113A CN 2012104452827 A CN2012104452827 A CN 2012104452827A CN 201210445282 A CN201210445282 A CN 201210445282A CN 102982113 A CN102982113 A CN 102982113A
- Authority
- CN
- China
- Prior art keywords
- node
- browser
- node group
- information
- content
- 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.)
- Granted
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种针对Android***的基于内容分组的浏览器页面加载方法,在浏览器与服务器建立连接并取得资源之后,将网页解析成DOM树,在网页进行渲染之前,将加载到DOM树中的节点按照内容进行分组重建,并优先完成对蕴含大量有效信息的文本文字节点组的渲染,在保证用户可接收到有效信息的同时,完成对图片、音视频等内容的渲染。这种基于内容分组的浏览器页面加载方法,显著提高了有效信息的渲染速率,避免了用户等待网页加载时间过长的缺陷,保障了良好了用户体验,对推动互联网信息快速有效传送具有积极的意义。
Description
技术领域
本发明涉及一种针对Android***的基于内容分组的浏览器页面加载方法,属于智能信息终端的技术领域。
背景技术
现今使用的针对Android***的浏览器页面加载方法的一般流程是将网页所有的内容都加载完成之后,再渲染到页面上。上述加载方法的缺陷是,如果网络浏览器页面比较复杂,所需加载时间则比较长,因此用户将在较长的时间里边面对一个空白的待加载页面,造成糟糕的用户体验,而且用户并不知道网页是否还在工作。
为了提高用户体验,针对上述网页加载方法的缺点,业内采用将网页分块实现对浏览器网页进行快速高效显示。现行的网页分块方法,多是在DOM结构上的启发式方法,如VIPS(Vision based Page Segmentation)。这种方法简单易实现,效率也较高,但不具有普遍适用性。另一种基于图论的方法Graph Approach,可以将网页转换成图来表示,然后对图进行划分,得到划分结果再映射到网页上。该方法能够应用到web上所有的网页,具有普遍适用性,但由于代表网页的图非常大,划分困难,效率较低,实用性较差。
发明内容
针对现有技术的不足,本发明公开一种针对Android***的基于内容分组的浏览器页面加载方法。该方法在加载过程中,针对浏览器页面所显示内容进行分组加载渲染,不但提高了网页加载效率,而且保证较好的普遍适用性和实用性,并且具有良好的用户体验。
本发明的技术方案如下:
一种针对Android***的基于内容分组的浏览器页面加载方法,包括步骤如下:
(1)浏览器接收到浏览器地址栏的请求链接之后,浏览器通过DNS解析查到上述请求链接域名映射的IP地址,浏览器与所述IP地址取得链接,同时所述浏览器通过HTTP协议利用请求头信息向所述IP地址所在的服务器发起请求;
(2)所述服务器接受到步骤(1)所述的请求并等待处理该请求;所述服务器处理上述请求后向所述浏览器发回响应,此时在HTTP协议下,所述浏览器从服务器接收到HTML/XML类型的代码文件,并获取其中内嵌的资源地址;
(3)所述浏览器将HTML类型的代码文件解析成XML DOM树,步骤如下:首先,检查整个HTML类型的代码文件是否符合规范,譬如每次出现一个起始tag的时候,是不是都有终止tag与之呼应;其次,检查XML类型的代码文件是否符合特定的语法规则,即某一DTD或者XML-Schema的规范;最后,开始构建DOM树;解析完成之后,整个XML类型的代码文件所描述的内容及其结构,作为DOM树都被存储在Android***的内存之中;
(4)所述浏览器从XML DOM树根节点开始检测,每一个DOM节点都会被执行检查,将每一个DOM节点蕴含文本信息、图片、音频和视频信息的节点分别存储在不同的节点组中:将文本信息类的节点存储在文本信息节点组中、将图片类的节点存储在图片节点组中、将音频类的节点存储在音频节点组中、将视频类的节点存储在视频节点组中,完成DOM树的重建;
(5)所述浏览器采用多线程技术,同时提取文本信息节点组、图片节点组、音频节点组和视频节点组中内容进行网页渲染;以文本信息节点组内容信息为例,提取DOM树中文本信息节点组中节点的内容信息,开始进行网页渲染;渲染完成后,加载文本信息类的节点中的JS文件和文字样式CSS,对所述JS文件按照串行加载方式进行加载;其中JS文件包含了语法定义,为了满足JS文件里面的变量和函数的相互调用关系,因此采用串行加载的方式进行加载;
(6)所述浏览器依次完成对DOM树中图片节点组中节点的图片信息、音频节点组中节点的音频信息、视频节点组中节点的视频信息的渲染;因为文字节点组中文本信息是最快被渲染出来的,因此用户体验的渲染时间即是渲染文本信息时间,在保证用户在快速获得有效信息的同时,完成对整个页面的渲染。
本发明的优势在于:
本发明通过在加载渲染页面的时候,将待加载的信息内容进行分组,采用多线程技术同时渲染多个节点组,视觉效果是首先完成对文本信息的渲染,然后依次是文本格式(CSS样式)、图片、音频、视频信息,在保证用户在快速获得有效信息的同时,浏览器后台完成对整个网络页面的渲染,使用户利用智能终端Android***登录浏览网页时具有一种良好的体验感受。
具体实施方式
下面结合实施例对本发明做详细的说明,但不限于此。
实施例、
一种针对Android***的基于内容分组的浏览器页面加载方法,包括步骤如下:
(1)浏览器接收到浏览器地址栏的请求链接之后,浏览器通过DNS解析查到上述请求链接域名映射的IP地址,浏览器与所述IP地址取得链接,同时所述浏览器通过HTTP协议利用请求头信息向所述IP地址所在的服务器发起请求;
(2)所述服务器接受到步骤(1)所述的请求并等待处理该请求;所述服务器处理上述请求后向所述浏览器发回响应,此时在HTTP协议下,所述浏览器从服务器接收到HTML/XML类型的代码文件,并获取其中内嵌的资源地址;
(3)所述浏览器将HTML类型的代码文件解析成XML DOM树,步骤如下:首先,检查整个HTML类型的代码文件是否符合规范,譬如每次出现一个起始tag的时候,是不是都有终止tag与之呼应;其次,检查XML类型的代码文件是否符合特定的语法规则,即某一DTD或者XML-Schema的规范;最后,开始构建DOM树;解析完成之后,整个XML类型的代码文件所描述的内容及其结构,作为DOM树都被存储在Android***的内存之中;
(4)所述浏览器从XML DOM树根节点开始检测,每一个DOM节点都会被执行检查,将每一个DOM节点蕴含文本信息、图片、音频和视频信息的节点分别存储在不同的节点组中:将文本信息类的节点存储在文本信息节点组中、将图片类的节点存储在图片节点组中、将音频类的节点存储在音频节点组中、将视频类的节点存储在视频节点组中,完成DOM树的重建;
(5)所述浏览器采用多线程技术,同时提取文本信息节点组、图片节点组、音频节点组和视频节点组中内容进行网页渲染;以文本信息节点组内容信息为例,提取DOM树中文本信息节点组中节点的内容信息,开始进行网页渲染;渲染完成后,加载文本信息类的节点中的JS文件和文字样式CSS,对所述JS文件按照串行加载方式进行加载;其中JS文件包含了语法定义,为了满足JS文件里面的变量和函数的相互调用关系,因此采用串行加载的方式进行加载;
(6)所述浏览器依次完成对DOM树中图片节点组中节点的图片信息、音频节点组中节点的音频信息、视频节点组中节点的视频信息的渲染;因为文字节点组中文本信息是最快被渲染出来的,因此用户体验的渲染时间即是渲染文本信息时间,在保证用户在快速获得有效信息的同时,完成对整个页面的渲染。
Claims (1)
1.一种针对Android***的基于内容分组的浏览器页面加载方法,其特征在于,该方法包括步骤如下:
(1)浏览器接收到浏览器地址栏的请求链接之后,浏览器通过DNS解析查到上述请求链接域名映射的IP地址,浏览器与所述IP地址取得链接,同时所述浏览器通过HTTP协议利用请求头信息向所述IP地址所在的服务器发起请求;
(2)所述服务器接受到步骤(1)所述的请求并等待处理该请求;所述服务器处理上述请求后向所述浏览器发回响应,此时在HTTP协议下,所述浏览器从服务器接收到HTML/XML类型的代码文件,并获取其中内嵌的资源地址;
(3)所述浏览器将HTML类型的代码文件解析成XML DOM树,解析完成之后,整个XML类型的代码文件所描述的内容及其结构,作为DOM树都被存储在Android***的内存之中;
(4)所述浏览器从XML DOM树根节点开始检测,每一个DOM节点都会被执行检查,将每一个DOM节点蕴含文本信息、图片、音频和视频信息的节点分别存储在不同的节点组中:将文本信息类的节点存储在文本信息节点组中、将图片类的节点存储在图片节点组中、将音频类的节点存储在音频节点组中、将视频类的节点存储在视频节点组中,完成DOM树的重建;
(5)所述浏览器采用多线程技术,同时提取文本信息节点组、图片节点组、音频节点组和视频节点组中内容进行网页渲染;以文本信息节点组内容信息为例,提取DOM树中文本信息节点组中节点的内容信息,开始进行网页渲染;渲染完成后,加载文本信息类的节点中的JS文件和文字样式CSS,对所述JS文件按照串行加载方式进行加载;
(6)所述浏览器依次完成对DOM树中图片节点组中节点的图片信息、音频节点组中节点的音频信息、视频节点组中节点的视频信息的渲染。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210445282.7A CN102982113B (zh) | 2012-11-08 | 一种针对Android***的基于内容分组的浏览器页面加载方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210445282.7A CN102982113B (zh) | 2012-11-08 | 一种针对Android***的基于内容分组的浏览器页面加载方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102982113A true CN102982113A (zh) | 2013-03-20 |
CN102982113B CN102982113B (zh) | 2016-11-30 |
Family
ID=
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103488480A (zh) * | 2013-09-09 | 2014-01-01 | 百度在线网络技术(北京)有限公司 | 一种页面显示方法及*** |
CN104573001A (zh) * | 2015-01-07 | 2015-04-29 | 北京联合大学 | 一种基于移动终端的网页数据采集及归类的方法 |
CN104899060A (zh) * | 2015-05-20 | 2015-09-09 | 天脉聚源(北京)教育科技有限公司 | 一种图片加载处理方法和装置 |
CN104899052A (zh) * | 2014-03-07 | 2015-09-09 | 可牛网络技术(北京)有限公司 | 一种应用软件首页的启动方法及启动装置 |
WO2016015527A1 (zh) * | 2014-07-31 | 2016-02-04 | 优视科技有限公司 | 基于合成渲染加速的网页更新方法和装置 |
CN105763891A (zh) * | 2016-02-22 | 2016-07-13 | Tcl集团股份有限公司 | 电视节目频道的推荐方法、智能电视及服务器 |
CN107102877A (zh) * | 2017-04-26 | 2017-08-29 | 国网辽宁省电力有限公司信息通信分公司 | 一种跨浏览器插件的自适应方法 |
CN107506431A (zh) * | 2017-08-22 | 2017-12-22 | 广州创维平面显示科技有限公司 | 由xml文件生成html文件的方法、存储介质及终端 |
WO2019011141A1 (zh) * | 2017-07-12 | 2019-01-17 | 阿里巴巴集团控股有限公司 | 启动、配置方法,装置,设备,介质和操作*** |
CN109241471A (zh) * | 2018-10-26 | 2019-01-18 | 珠海格力电器股份有限公司 | 页面渲染方法、服务器、浏览器和能源信息管理*** |
CN109788343A (zh) * | 2018-11-26 | 2019-05-21 | 广州微算互联信息技术有限公司 | Html网页播放音频流的方法与云手机服务器 |
CN110442815A (zh) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | 页面生成方法、***、装置及计算机可读存储介质 |
CN111382311A (zh) * | 2019-04-02 | 2020-07-07 | 鸿合科技股份有限公司 | 一种索引栏缩略图的快速显示方法、装置及电子设备 |
CN111737621A (zh) * | 2020-06-17 | 2020-10-02 | 友虹(北京)科技有限公司 | 基于wasm的ofd渲染方法、***及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101763357A (zh) * | 2008-11-13 | 2010-06-30 | 北京搜狗科技发展有限公司 | 一种用于浏览器加载互联网资源的方法及*** |
CN102368213A (zh) * | 2011-09-26 | 2012-03-07 | 奇智软件(北京)有限公司 | 一种ie内核浏览器的页面下载控制方法和*** |
CN102541848A (zh) * | 2010-12-08 | 2012-07-04 | 卓望数码技术(深圳)有限公司 | 基于手机浏览器的页面加载方法、装置、***和服务器 |
US20120240063A1 (en) * | 2011-03-18 | 2012-09-20 | International Business Machines Corporation | Web site sectioning for mobile web browser usability |
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101763357A (zh) * | 2008-11-13 | 2010-06-30 | 北京搜狗科技发展有限公司 | 一种用于浏览器加载互联网资源的方法及*** |
CN102541848A (zh) * | 2010-12-08 | 2012-07-04 | 卓望数码技术(深圳)有限公司 | 基于手机浏览器的页面加载方法、装置、***和服务器 |
US20120240063A1 (en) * | 2011-03-18 | 2012-09-20 | International Business Machines Corporation | Web site sectioning for mobile web browser usability |
CN102368213A (zh) * | 2011-09-26 | 2012-03-07 | 奇智软件(北京)有限公司 | 一种ie内核浏览器的页面下载控制方法和*** |
Non-Patent Citations (1)
Title |
---|
杜娇: "基于Webkit手机浏览器的研究与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, no. 07, 15 July 2012 (2012-07-15) * |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103488480A (zh) * | 2013-09-09 | 2014-01-01 | 百度在线网络技术(北京)有限公司 | 一种页面显示方法及*** |
CN104899052A (zh) * | 2014-03-07 | 2015-09-09 | 可牛网络技术(北京)有限公司 | 一种应用软件首页的启动方法及启动装置 |
WO2016015527A1 (zh) * | 2014-07-31 | 2016-02-04 | 优视科技有限公司 | 基于合成渲染加速的网页更新方法和装置 |
CN104573001A (zh) * | 2015-01-07 | 2015-04-29 | 北京联合大学 | 一种基于移动终端的网页数据采集及归类的方法 |
CN104899060A (zh) * | 2015-05-20 | 2015-09-09 | 天脉聚源(北京)教育科技有限公司 | 一种图片加载处理方法和装置 |
CN104899060B (zh) * | 2015-05-20 | 2017-12-15 | 天脉聚源(北京)教育科技有限公司 | 一种图片加载处理方法和装置 |
CN105763891A (zh) * | 2016-02-22 | 2016-07-13 | Tcl集团股份有限公司 | 电视节目频道的推荐方法、智能电视及服务器 |
CN107102877A (zh) * | 2017-04-26 | 2017-08-29 | 国网辽宁省电力有限公司信息通信分公司 | 一种跨浏览器插件的自适应方法 |
WO2019011141A1 (zh) * | 2017-07-12 | 2019-01-17 | 阿里巴巴集团控股有限公司 | 启动、配置方法,装置,设备,介质和操作*** |
CN107506431A (zh) * | 2017-08-22 | 2017-12-22 | 广州创维平面显示科技有限公司 | 由xml文件生成html文件的方法、存储介质及终端 |
CN109241471A (zh) * | 2018-10-26 | 2019-01-18 | 珠海格力电器股份有限公司 | 页面渲染方法、服务器、浏览器和能源信息管理*** |
CN109241471B (zh) * | 2018-10-26 | 2020-09-29 | 珠海格力电器股份有限公司 | 页面渲染方法、服务器、浏览器和能源信息管理*** |
CN109788343A (zh) * | 2018-11-26 | 2019-05-21 | 广州微算互联信息技术有限公司 | Html网页播放音频流的方法与云手机服务器 |
CN111382311A (zh) * | 2019-04-02 | 2020-07-07 | 鸿合科技股份有限公司 | 一种索引栏缩略图的快速显示方法、装置及电子设备 |
CN110442815A (zh) * | 2019-06-24 | 2019-11-12 | 北京奇艺世纪科技有限公司 | 页面生成方法、***、装置及计算机可读存储介质 |
CN110442815B (zh) * | 2019-06-24 | 2022-04-01 | 北京奇艺世纪科技有限公司 | 页面生成方法、***、装置及计算机可读存储介质 |
CN111737621A (zh) * | 2020-06-17 | 2020-10-02 | 友虹(北京)科技有限公司 | 基于wasm的ofd渲染方法、***及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102184184B (zh) | 一种网页动态信息获取方法 | |
CN103095681B (zh) | 一种检测漏洞的方法及装置 | |
CN104268082B (zh) | 浏览器的压力测试方法和装置 | |
TWI592807B (zh) | Method and device for web style address merge | |
CN103744985A (zh) | 网页适配的方法和*** | |
CN107454147B (zh) | 信息处理方法及装置 | |
CN102915375A (zh) | 一种基于布局分区的网页加载方法 | |
CN103034700B (zh) | 富文本内容的处理方法及*** | |
CN102737067A (zh) | 输出网页的方法和*** | |
CN107342910A (zh) | 模拟多用户进行网络访问的自动化测试方法及工具 | |
CN103034722A (zh) | 一种网络视频评论聚合装置及方法 | |
CN103577526A (zh) | 一种验证页面是否被修改的方法、***及浏览器 | |
CN105653597A (zh) | 多端同步播放文件的方法和装置 | |
CN103513986B (zh) | 一种在无操作***设备中利用CGI技术实现动态web服务器的方法 | |
CN110083755A (zh) | 一种高仿真解析网页方法、装置和电子设备 | |
CN103761257A (zh) | 基于移动浏览器的网页处理方法及*** | |
CN104166545B (zh) | 一种网页资源的嗅探方法以及装置 | |
CN107357810B (zh) | 一种用于输出专题落地页的方法及*** | |
CN104426863B (zh) | 一种页面请求方法、页面请求装置、中转服务器及终端 | |
CN103856827A (zh) | 一种基于服务模拟交互的视频内容获取方法及*** | |
CN104899212A (zh) | 网页展示方法、服务器及*** | |
CN106326403A (zh) | 网页生成方法及装置 | |
CN103136235A (zh) | 数据处理平台、数据处理***及数据处理方法 | |
CN101159739A (zh) | 一种字幕显示方法及通讯***以及相关设备 | |
CN102693237B (zh) | 一种网页内容适配封装***及方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |