[go: up one dir, main page]

CN108052539A - 一种浏览器页面切换方法及浏览器 - Google Patents

一种浏览器页面切换方法及浏览器 Download PDF

Info

Publication number
CN108052539A
CN108052539A CN201711153404.4A CN201711153404A CN108052539A CN 108052539 A CN108052539 A CN 108052539A CN 201711153404 A CN201711153404 A CN 201711153404A CN 108052539 A CN108052539 A CN 108052539A
Authority
CN
China
Prior art keywords
dom tree
tree
page
render
node
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.)
Withdrawn
Application number
CN201711153404.4A
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 CN201711153404.4A priority Critical patent/CN108052539A/zh
Publication of CN108052539A publication Critical patent/CN108052539A/zh
Withdrawn legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

本发明公开了一种浏览器页面切换方法及浏览器,涉及网络浏览器技术领域,浏览下一个页面前,将上一个页面的DOM树结构及该结构中的元素、元素属性保存起来;当浏览下一个页面时,生成当前页面的DOM树,与保存的上一个页面的DOM树结构进行比较;遍历当前页面和上一个页面的DOM树结构,比较相同位置的节点元素和元素属性是否相同;若相同,继续比较文本属性或图片地址属性是否相同;使用文本属性或图片地址属性不同的节点元素生成局部Render树并进行追加渲染。本发明通过DOM树比较后,只更新差异部分,避免了整体页面刷新带来的闪烁感,增强用户体验;同时避免重复渲染,提高显示速度,降低系统内存消耗。

Description

一种浏览器页面切换方法及浏览器
技术领域
本发明涉及网络浏览器技术领域,具体涉及一种浏览器页面切换方法及浏览器。
背景技术
现在网络浏览器可能是应用最广泛的软件了,随着智能设备的普及,人们对新信息、新知识的获取,几乎都是来源于网络浏览器。随之而来的各式功能性浏览器和定制浏览器也是琳琅满目。由于目前主流的浏览器内核基本是开源的,这样也为浏览器开发人员提供了基础的土壤。他们可以在现有的状况下,对浏览器进行大量的技术创新。比如对浏览器进行性能优化,对某个技术点进行深入以及对自己的需求定制等等。这些技术策略的创新给用户带来了更好的上网体验,对于广大的用户群来说,这是一项新技术带来的福利,必将受到用户青睐。
当前,以机顶盒中内嵌的浏览器为例,在看电子书或者在选择点播的视频列表时,会重复地按遥控器的“下一页”按键进行浏览。传统的浏览器是按“下一页”按键就加载一个新页面,更新页面所有内容,并将页面中的需要渲染的元素都渲染一遍。但是很多情况下上述两种页面都是页面结构完全一样,只是内容不同,完全没有必要将所有内容都更新和渲染,并且切换此类页面有时候会带来闪烁感。因此,优化显示这类页面,提升用户体验,是很有必要的。
发明内容
针对现有技术中存在的缺陷,本发明的目的在于提供一种浏览器页面切换方法及浏览器,增强用户体验,降低系统内存消耗。
为达到以上目的,本发明采取的技术方案是:一种浏览器页面切换方法:
浏览下一个页面前,将上一个页面的DOM树结构及该结构中的元素、元素属性保存起来;
当浏览下一个页面时,解析该页面,生成当前页面的DOM树,与保存的上一个页面的DOM树结构进行比较;
遍历当前页面和上一个页面的DOM树结构,比较相同顺序相同位置的节点元素和元素属性是否相同;
若相同顺序相同位置的节点元素存在不同时,生成整颗Render树,将当前页面的渲染方式设置为默认渲染,根据整颗Render树进行默认渲染;
若相同顺序相同位置的节点元素相同时,继续比较文本属性或图片地址属性是否相同;使用文本属性或图片地址属性不同的节点元素生成局部Render树,将当前页面的渲染方式设置为追加渲染,根据局部Render树的内容进行追加渲染。
在上述技术方案的基础上,在当前页面的DOM树中增设差异渲染标识,所述差异渲染标识包括树差异标识和节点差异标识,所述树差异标识和节点差异标识默认值均为FALSE:若DOM树中相同位置的节点元素不同,所述树差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,且文本属性和图片地址属性相同,所述节点差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,但文本属性和/或图片地址属性不同,将所述节点差异标识设置为TURE,并将所述树差异标识设置为TURE;
若所述树差异标识为FALSE,生成整颗Render树;
若节点差异标识为TURE,且所述树差异标识为TURE,使用节点差异标识为TURE的节点元素生成局部Render树;
若所述树差异标识为TURE,且DOM树中全部节点元素的节点差异标识均为FALSE,生成整棵Render树。
在上述技术方案的基础上,第一次加载网页时,上一个页面的DOM树为空,将当前页面的DOM树的内容复制到DOM树保存模块中上一个页面的DOM树中,将当前页面的渲染方式设置为默认渲染,进行默认渲染。
在上述技术方案的基础上,第二次及后续加载网页时:
S1,浏览下一个页面前,将上一个页面的DOM树结构及该结构中的节点元素、元素属性保存起来;
S2,当浏览下一个页面时,解析浏览器当前页面并生成当前页面的DOM树;在当前页面的DOM树中增设差异渲染标识;
S3,比较当前页面的DOM树与保存的上一个页面的DOM树,判断两者相同位置的节点元素是否相同:若相同,进入步骤S4,若不同,进入步骤S9,
S4,继续比较节点元素的文本属性或图片地址属性是否相同;若不同,进入步骤S5;若相同,进入步骤S6;
S5,将该节点元素的节点差异标识设置为TURE;
S6,继续比较下一个节点元素,返回步骤S3,直至遍历完全部节点元素;
S7,判断是否存在节点差异标识为TURE;若存在,进入步骤S8;若不存在,即DOM树中全部节点元素的节点差异标识均为FALSE,进入步骤S9;
S8,使用节点差异标识为TURE的全部节点元素及其元素属性生成Render树;将当前页面的DOM树的内容复制到上一个页面的DOM树中;将当前页面的渲染方式设置为追加渲染,在上一个页面的内容上根据Render树的内容进行追加渲染;
S9,退出比较,将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中,渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
在上述技术方案的基础上,比较当前页面的DOM树与上一个页面的DOM树时,从当前页面的DOM树的根节点开始,依次遍历DOM树的每一个节点元素。
本发明还公开了一种浏览器,包括DOM树保存模块,DOM树生成模块,DOM树比较模块,Render树生成模块和渲染模块,其中:
DOM树保存模块用于保存浏览器中上一个页面的DOM树;
DOM树生成模块用于解析浏览器当前页面并生成当前页面的DOM树;
DOM树比较模块用于遍历DOM树生成模块生成的当前页面的DOM树与DOM树保存模块中上一个页面的DOM树,比较两者相同位置的节点元素是否相同:若相同,继续比较该节点元素的文本属性或图片地址属性是否相同;若两者相同位置的节点元素不同,退出比较;
Render树生成模块用于在DOM树中相同位置的节点元素相同、但文本属性和/或图片地址属性不同时,使用文本属性或图片地址属性不同的节点元素及其元素属性生成Render树;
渲染模块用于在DOM树中相同位置的节点元素相同、但文本属性和/图片地址属性不同时,将当前页面的渲染方式设置为追加渲染,在上一个页面的内容上根据Render树的内容进行追加渲染;否则,将当前页面的渲染方式设置为默认渲染,进行默认渲染;
DOM树保存模块还用于在DOM树比较模块完成DOM树比较后,将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中。
在上述技术方案的基础上,所述优化浏览器上下页面切换的系统还包括差异渲染标识模块,所述差异渲染标识模块用于在当前页面的DOM树中增设差异渲染标识,所述差异渲染标识包括树差异标识和节点差异标识,所述树差异标识和节点差异标识默认值均为FALSE:若DOM树中相同位置的节点元素不同,所述树差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,且文本属性和图片地址属性相同,将所述节点差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,但文本属性和/或图片地址属性不同,将所述节点差异标识设置为TURE,并将所述树差异标识设置为TURE。
在上述技术方案的基础上,若所述树差异标识为FALSE,所述Render树生成模块生成整颗Render树;
若节点差异标识为TURE,且所述树差异标识为TURE,所述Render树生成模块使用节点差异标识为TURE的节点元素生成局部Render树;
若所述树差异标识为TURE,且DOM树中全部节点元素的节点差异标识均为FALSE,所述Render树生成模块生成整棵Render树。
在上述技术方案的基础上,所述DOM树比较模块遍历DOM树生成模块生成的当前页面的DOM树与DOM树保存模块中上一个页面的DOM树,比较两者相同位置的节点元素是否相同时,从当前页面的DOM树的根节点开始,依次遍历DOM树的每一个节点元素。
在上述技术方案的基础上,第一次加载网页时,DOM树保存模块中的上一个页面的DOM树为空;所述DOM树保存模块将当前页面的DOM树的内容复制到DOM树保存模块中上一个页面的DOM树中,所述渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
与现有技术相比,本发明的优点在于:
本发明通过DOM树比较后,只更新差异部分,避免了整体页面刷新带来的闪烁感,增强用户体验。同时避免重复渲染,提高显示速度,降低系统内存消耗。
附图说明
图1为本发明实施例中浏览器页面切换方法的流程示意图;
图2为本发明实施例中浏览器的结构框图。
具体实施方式
以下结合附图及实施例对本发明作进一步详细说明。
参见图1所示,本发明实施例提供一种浏览器页面切换方法:
浏览下一个页面前,将上一个页面的DOM树结构及该结构中的元素、元素属性保存起来;
当浏览下一个页面时,解析该页面,生成当前页面的DOM树,与保存的上一个页面的DOM树结构进行比较;
遍历当前页面和上一个页面的DOM树结构,比较相同顺序相同位置的节点元素和元素属性是否相同;
若相同顺序相同位置的节点元素存在不同时,生成整颗Render树,将当前页面的渲染方式设置为默认渲染,根据整颗Render树进行默认渲染;
若相同顺序相同位置的节点元素相同时,继续比较文本属性或图片地址属性是否相同;使用文本属性或图片地址属性不同的节点元素生成局部Render树,将当前页面的渲染方式设置为追加渲染,根据局部Render树的内容进行追加渲染。
在当前页面的DOM树中增设差异渲染标识,差异渲染标识包括树差异标识和节点差异标识,树差异标识和节点差异标识默认值均为FALSE:若DOM树中相同位置的节点元素不同,树差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,且文本属性和图片地址属性相同,节点差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,但文本属性和/或图片地址属性不同,将节点差异标识设置为TURE,并将树差异标识设置为TURE;
若树差异标识为FALSE,生成整颗Render树;
若节点差异标识为TURE,且树差异标识为TURE,使用节点差异标识为TURE的节点元素生成局部Render树;
若树差异标识为TURE,且DOM树中全部节点元素的节点差异标识均为FALSE,生成整棵Render树。
第一次加载网页时,上一个页面的DOM树为空,将当前页面的DOM树的内容复制到DOM树保存模块中上一个页面的DOM树中,将当前页面的渲染方式设置为默认渲染,进行默认渲染。
第二次及后续加载网页时:
S1,浏览下一个页面前,将上一个页面的DOM树结构及该结构中的节点元素、元素属性保存起来;
S2,当浏览下一个页面时,解析浏览器当前页面并生成当前页面的DOM树;在当前页面的DOM树中增设差异渲染标识;
S3,比较当前页面的DOM树与保存的上一个页面的DOM树,从当前页面的DOM树的根节点开始,依次遍历DOM树的每一个节点元素。判断两者相同位置的节点元素是否相同:若相同,进入步骤S4,若不同,进入步骤S9,
S4,继续比较节点元素的文本属性或图片地址属性是否相同;若不同,进入步骤S5;若相同,进入步骤S6;
S5,将该节点元素的节点差异标识设置为TURE;
S6,继续比较下一个节点元素,返回步骤S3,直至遍历完全部节点元素;
S7,判断是否存在节点差异标识为TURE;若存在,进入步骤S8;若不存在,即DOM树中全部节点元素的节点差异标识均为FALSE,进入步骤S9;
S8,使用节点差异标识为TURE的全部节点元素及其元素属性生成Render树;将当前页面的DOM树的内容复制到上一个页面的DOM树中;将当前页面的渲染方式设置为追加渲染,在上一个页面的内容上根据Render树的内容进行追加渲染;
S9,退出比较,将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中,渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
参见图2所示,本发明实施例还公开了一种浏览器,包括DOM树保存模块,DOM树生成模块,DOM树比较模块,Render树生成模块和渲染模块,其中:
DOM树保存模块用于保存浏览器中上一个页面的DOM树;
DOM树生成模块用于解析浏览器当前页面并生成当前页面的DOM树;
DOM树比较模块用于遍历DOM树生成模块生成的当前页面的DOM树与DOM树保存模块中上一个页面的DOM树,从当前页面的DOM树的根节点开始,依次遍历DOM树的每一个节点元素。比较两者相同位置的节点元素是否相同:若相同,继续比较该节点元素的文本属性或图片地址属性是否相同;若两者相同位置的节点元素不同,退出比较;
Render树生成模块用于在DOM树中相同位置的节点元素相同、但文本属性和/或图片地址属性不同时,使用文本属性或图片地址属性不同的节点元素及其元素属性生成Render树;
渲染模块用于在DOM树中相同位置的节点元素相同、但文本属性和/图片地址属性不同时,将当前页面的渲染方式设置为追加渲染,在上一个页面的内容上根据Render树的内容进行追加渲染;否则,将当前页面的渲染方式设置为默认渲染,进行默认渲染;
DOM树保存模块还用于在DOM树比较模块完成DOM树比较后,将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中。
优化浏览器上下页面切换的系统还包括差异渲染标识模块,差异渲染标识模块用于在当前页面的DOM树中增设差异渲染标识,差异渲染标识包括树差异标识和节点差异标识,树差异标识和节点差异标识默认值均为FALSE:若DOM树中相同位置的节点元素不同,树差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,且文本属性和图片地址属性相同,将节点差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,但文本属性和/或图片地址属性不同,将节点差异标识设置为TURE,并将树差异标识设置为TURE。
若树差异标识为FALSE,Render树生成模块生成整颗Render树;
若节点差异标识为TURE,且树差异标识为TURE,Render树生成模块使用节点差异标识为TURE的节点元素生成局部Render树;
若树差异标识为TURE,且DOM树中全部节点元素的节点差异标识均为FALSE,Render树生成模块生成整棵Render树。
第一次加载网页时,DOM树保存模块中的上一个页面的DOM树为空。所述DOM树保存模块将当前页面的DOM树的内容复制到DOM树保存模块中上一个页面的DOM树中,所述渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
第二次及后续加载网页时:
DOM树保存模块中保存浏览器中上一个页面的DOM树;DOM树生成模块解析浏览器当前页面并生成当前页面的DOM树;差异渲染标识模块在当前页面的DOM树中增设差异渲染标识;
DOM树比较模块比较DOM树生成模块生成的当前页面的DOM树与DOM树保存模块中上一个页面的DOM树,判断两者相同位置的节点元素是否相同:
若两者相同位置的节点元素不同,DOM树比较模块退出比较,DOM树保存模块将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中,渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
若两者相同位置的节点元素相同,继续比较节点元素的文本属性或图片地址属性是否相同,差异渲染标识模块将存在不同的节点元素的节点差异标识设置为TURE;
若存在节点差异标识为TURE,Render树生成模块使用节点差异标识为TURE的全部节点元素及其元素属性生成Render树;DOM树保存模块将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中;渲染模块将当前页面的渲染方式设置为追加渲染,在上一个页面的内容上根据Render树的内容进行追加渲染;
若不存在节点差异标识为TURE,即DOM树中全部节点元素的节点差异标识均为FALSE,DOM树比较模块退出比较,DOM树保存模块将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中,渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
本发明不局限于上述实施方式,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围之内。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (10)

1.一种浏览器页面切换方法,其特征在于:
浏览下一个页面前,将上一个页面的DOM树结构及该结构中的元素、元素属性保存起来;
当浏览下一个页面时,解析该页面,生成当前页面的DOM树,与保存的上一个页面的DOM树结构进行比较;
遍历当前页面和上一个页面的DOM树结构,比较相同顺序相同位置的节点元素和元素属性是否相同;
若相同顺序相同位置的节点元素存在不同时,生成整颗Render树,将当前页面的渲染方式设置为默认渲染,根据整颗Render树进行默认渲染;
若相同顺序相同位置的节点元素相同时,继续比较文本属性或图片地址属性是否相同;使用文本属性或图片地址属性不同的节点元素生成局部Render树,将当前页面的渲染方式设置为追加渲染,根据局部Render树的内容进行追加渲染。
2.如权利要求1所述的一种浏览器页面切换方法,其特征在于:在当前页面的DOM树中增设差异渲染标识,所述差异渲染标识包括树差异标识和节点差异标识,所述树差异标识和节点差异标识默认值均为FALSE:若DOM树中相同位置的节点元素不同,所述树差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,且文本属性和图片地址属性相同,所述节点差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,但文本属性和/或图片地址属性不同,将所述节点差异标识设置为TURE,并将所述树差异标识设置为TURE;
若所述树差异标识为FALSE,生成整颗Render树;
若节点差异标识为TURE,且所述树差异标识为TURE,使用节点差异标识为TURE的节点元素生成局部Render树;
若所述树差异标识为TURE,且DOM树中全部节点元素的节点差异标识均为FALSE,生成整棵Render树。
3.如权利要求1所述的一种浏览器页面切换方法,其特征在于:第一次加载网页时,上一个页面的DOM树为空,将当前页面的DOM树的内容复制到DOM树保存模块中上一个页面的DOM树中,将当前页面的渲染方式设置为默认渲染,进行默认渲染。
4.如权利要求1所述的一种浏览器页面切换方法,其特征在于:第二次及后续加载网页时:
S1,浏览下一个页面前,将上一个页面的DOM树结构及该结构中的节点元素、元素属性保存起来;
S2,当浏览下一个页面时,解析浏览器当前页面并生成当前页面的DOM树;在当前页面的DOM树中增设差异渲染标识;
S3,比较当前页面的DOM树与保存的上一个页面的DOM树,判断两者相同位置的节点元素是否相同:若相同,进入步骤S4,若不同,进入步骤S9,
S4,继续比较节点元素的文本属性或图片地址属性是否相同;若不同,进入步骤S5;若相同,进入步骤S6;
S5,将该节点元素的节点差异标识设置为TURE;
S6,继续比较下一个节点元素,返回步骤S3,直至遍历完全部节点元素;
S7,判断是否存在节点差异标识为TURE;若存在,进入步骤S8;若不存在,即DOM树中全部节点元素的节点差异标识均为FALSE,进入步骤S9;
S8,使用节点差异标识为TURE的全部节点元素及其元素属性生成Render树;将当前页面的DOM树的内容复制到上一个页面的DOM树中;将当前页面的渲染方式设置为追加渲染,在上一个页面的内容上根据Render树的内容进行追加渲染;
S9,退出比较,将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中,渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
5.如权利要求4所述的一种浏览器页面切换方法,其特征在于:比较当前页面的DOM树与上一个页面的DOM树时,从当前页面的DOM树的根节点开始,依次遍历DOM树的每一个节点元素。
6.一种浏览器,其特征在于:包括DOM树保存模块,DOM树生成模块,DOM树比较模块,Render树生成模块和渲染模块,其中:
DOM树保存模块用于保存浏览器中上一个页面的DOM树;
DOM树生成模块用于解析浏览器当前页面并生成当前页面的DOM树;
DOM树比较模块用于遍历DOM树生成模块生成的当前页面的DOM树与DOM树保存模块中上一个页面的DOM树,比较两者相同位置的节点元素是否相同:若相同,继续比较该节点元素的文本属性或图片地址属性是否相同;若两者相同位置的节点元素不同,退出比较;
Render树生成模块用于在DOM树中相同位置的节点元素相同、但文本属性和/或图片地址属性不同时,使用文本属性或图片地址属性不同的节点元素及其元素属性生成Render树;
渲染模块用于在DOM树中相同位置的节点元素相同、但文本属性和/图片地址属性不同时,将当前页面的渲染方式设置为追加渲染,在上一个页面的内容上根据Render树的内容进行追加渲染;否则,将当前页面的渲染方式设置为默认渲染,进行默认渲染;
DOM树保存模块还用于在DOM树比较模块完成DOM树比较后,将当前页面的DOM树的内容复制到DOM树保存模块中的上一个页面的DOM树中。
7.如权利要求6所述的一种浏览器,其特征在于:
所述优化浏览器上下页面切换的系统还包括差异渲染标识模块,所述差异渲染标识模块用于在当前页面的DOM树中增设差异渲染标识,所述差异渲染标识包括树差异标识和节点差异标识,所述树差异标识和节点差异标识默认值均为FALSE:若DOM树中相同位置的节点元素不同,所述树差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,且文本属性和图片地址属性相同,将所述节点差异标识仍为FALSE;若DOM树中相同位置的节点元素相同,但文本属性和/或图片地址属性不同,将所述节点差异标识设置为TURE,并将所述树差异标识设置为TURE。
8.如权利要求6所述的一种浏览器,其特征在于:
若所述树差异标识为FALSE,所述Render树生成模块生成整颗Render树;
若节点差异标识为TURE,且所述树差异标识为TURE,所述Render树生成模块使用节点差异标识为TURE的节点元素生成局部Render树;
若所述树差异标识为TURE,且DOM树中全部节点元素的节点差异标识均为FALSE,所述Render树生成模块生成整棵Render树。
9.如权利要求6所述的一种浏览器,其特征在于:所述DOM树比较模块遍历DOM树生成模块生成的当前页面的DOM树与DOM树保存模块中上一个页面的DOM树,比较两者相同位置的节点元素是否相同时,从当前页面的DOM树的根节点开始,依次遍历DOM树的每一个节点元素。
10.如权利要求6所述的一种浏览器,其特征在于:第一次加载网页时,DOM树保存模块中的上一个页面的DOM树为空;所述DOM树保存模块将当前页面的DOM树的内容复制到DOM树保存模块中上一个页面的DOM树中,所述渲染模块将当前页面的渲染方式设置为默认渲染,进行默认渲染。
CN201711153404.4A 2017-11-20 2017-11-20 一种浏览器页面切换方法及浏览器 Withdrawn CN108052539A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711153404.4A CN108052539A (zh) 2017-11-20 2017-11-20 一种浏览器页面切换方法及浏览器

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711153404.4A CN108052539A (zh) 2017-11-20 2017-11-20 一种浏览器页面切换方法及浏览器

Publications (1)

Publication Number Publication Date
CN108052539A true CN108052539A (zh) 2018-05-18

Family

ID=62120326

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711153404.4A Withdrawn CN108052539A (zh) 2017-11-20 2017-11-20 一种浏览器页面切换方法及浏览器

Country Status (1)

Country Link
CN (1) CN108052539A (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109375918A (zh) * 2018-11-23 2019-02-22 天津字节跳动科技有限公司 小程序的界面渲染方法、装置、电子设备和存储介质
CN109542776A (zh) * 2018-11-07 2019-03-29 北京潘达互娱科技有限公司 页面比对方法、装置及设备
CN110489682A (zh) * 2019-07-08 2019-11-22 北京三快在线科技有限公司 一种页面加载方法和装置
CN110795444A (zh) * 2019-10-25 2020-02-14 北京小米移动软件有限公司 Dom数据更新方法、页面更新方法及装置
WO2020082231A1 (en) * 2018-10-23 2020-04-30 Citrix Systems, Inc. Local secure rendering of web content
CN111259286A (zh) * 2020-01-14 2020-06-09 上海英方软件股份有限公司 一种通用web页面布局生成装置及方法
CN114489892A (zh) * 2022-01-12 2022-05-13 深圳Tcl新技术有限公司 数据处理方法、装置、计算机可读存储介质和计算机设备
CN120372226A (zh) * 2025-06-26 2025-07-25 合肥大多数信息科技有限公司 基于dom叠加算法的系统浏览器页面比对方法及系统

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102916994A (zh) * 2011-08-02 2013-02-06 华为技术有限公司 一种页面浏览方法、服务器和终端
CN103577526A (zh) * 2013-08-01 2014-02-12 星云融创(北京)信息技术有限公司 一种验证页面是否被修改的方法、系统及浏览器
US8689189B1 (en) * 2008-02-15 2014-04-01 Amazon Technologies, Inc. Systems and methods for testing widgets
CN106126645A (zh) * 2016-06-24 2016-11-16 浪潮软件股份有限公司 一种提高web页面渲染性能的装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8689189B1 (en) * 2008-02-15 2014-04-01 Amazon Technologies, Inc. Systems and methods for testing widgets
CN102916994A (zh) * 2011-08-02 2013-02-06 华为技术有限公司 一种页面浏览方法、服务器和终端
CN103577526A (zh) * 2013-08-01 2014-02-12 星云融创(北京)信息技术有限公司 一种验证页面是否被修改的方法、系统及浏览器
CN106126645A (zh) * 2016-06-24 2016-11-16 浪潮软件股份有限公司 一种提高web页面渲染性能的装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
严新巧,白俊峰: "基于Dom Diff算法分析React刷新机制", 《电脑知识与技术》 *

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020082231A1 (en) * 2018-10-23 2020-04-30 Citrix Systems, Inc. Local secure rendering of web content
CN111328394A (zh) * 2018-10-23 2020-06-23 思杰系统有限公司 Web内容的本地安全渲染
US11074338B2 (en) 2018-10-23 2021-07-27 Citrix Systems, Inc. Local secure rendering of web content
CN109542776A (zh) * 2018-11-07 2019-03-29 北京潘达互娱科技有限公司 页面比对方法、装置及设备
CN109375918A (zh) * 2018-11-23 2019-02-22 天津字节跳动科技有限公司 小程序的界面渲染方法、装置、电子设备和存储介质
CN110489682A (zh) * 2019-07-08 2019-11-22 北京三快在线科技有限公司 一种页面加载方法和装置
CN110489682B (zh) * 2019-07-08 2022-04-15 北京三快在线科技有限公司 一种页面加载方法和装置
CN110795444A (zh) * 2019-10-25 2020-02-14 北京小米移动软件有限公司 Dom数据更新方法、页面更新方法及装置
CN111259286A (zh) * 2020-01-14 2020-06-09 上海英方软件股份有限公司 一种通用web页面布局生成装置及方法
CN114489892A (zh) * 2022-01-12 2022-05-13 深圳Tcl新技术有限公司 数据处理方法、装置、计算机可读存储介质和计算机设备
CN114489892B (zh) * 2022-01-12 2024-09-17 深圳Tcl新技术有限公司 数据处理方法、装置、计算机可读存储介质和计算机设备
CN120372226A (zh) * 2025-06-26 2025-07-25 合肥大多数信息科技有限公司 基于dom叠加算法的系统浏览器页面比对方法及系统

Similar Documents

Publication Publication Date Title
CN108052539A (zh) 一种浏览器页面切换方法及浏览器
US20220318336A1 (en) Method and Terminal Device for Extracting Web Page Content
CN107229665B (zh) 一种页面跳转方法及装置
CN101777068B (zh) 一种用于移动通讯设备终端的网页页面预读及整合浏览系统及其应用方法
CN104035753A (zh) 一种双WebView展示定制页面的方法及系统
CN105677654B (zh) 广告过滤方法及装置
CN106569824A (zh) 页面数据编译的方法和装置、页面渲染的方法和装置
CN103336690B (zh) 基于html5的文字元素绘制方法及装置
KR20140012664A (ko) 웹페이지 재배치 방법
CN104572668B (zh) 基于多个样式文件生成合并样式文件的方法和设备
CN109145235B (zh) 用于解析网页的方法、装置及电子设备
CN102982129A (zh) 对网页中内容进行标记提醒的方法、系统及装置
CN110516218A (zh) 表格的生成方法、终端和计算机可读存储介质
CN105094759A (zh) 一种浏览模式切换处理方法及装置
WO2015172576A1 (en) Webpage generation method and device
CN109683978A (zh) 一种流式布局界面渲染的方法、装置以及电子设备
CN103577171A (zh) 一种显示网页内容的方法和移动终端
CN103488646A (zh) 一种移动终端浏览器弱光源下浏览网页的方法及装置
CN107016282A (zh) 一种信息处理方法及装置
CN102662737A (zh) 扩展程序的调用方法及装置
CN105205077A (zh) 页面排版方法、装置及系统
US20160085875A1 (en) Method for configuring browser bookmarks, device and terminal thereof
CN105205845A (zh) 网页动画渲染方法及装置
CN107783946A (zh) 文本显示方法及文本显示设备
CN105979392A (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
WW01 Invention patent application withdrawn after publication

Application publication date: 20180518

WW01 Invention patent application withdrawn after publication