CN108052539A - A kind of browser page switching method and browser - Google Patents
A kind of browser page switching method and browser Download PDFInfo
- 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
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
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
The invention discloses a kind of browser page switching method and browsers, are related to web browser technical field, before browsing next page, by the DOM tree structure of a upper page and the structure element, element property saves；When browsing next page, the dom tree of current page is generated, compared with the DOM tree structure of a upper page for preservation；The DOM tree structure of current page and a upper page is traveled through, whether node elements and the element property for comparing same position are identical；If identical, continue to compare text attribute or whether picture address attribute is identical；Using the different node elements generation part Render trees of text attribute or picture address attribute and carry out additional render.The present invention by dom tree relatively after, only update difference section, avoid the flickering that brings of overall page refreshing, enhance user experience；It avoids repeating to render simultaneously, improves display speed, reduce Installed System Memory consumption.
Description
Technical field
The present invention relates to web browser technical fields, and in particular to a kind of browser page switching method and browser.
Background technology
Present web browser may be most widely used software, and with the popularization of smart machine, people are to newly believing
Breath, the acquisition of new knowledge, are nearly all derived from web browser.The various functional browser of the thing followed and customization browse
Device is also dazzling.Since the browser kernel of current mainstream is substantially what is increased income, so also carried for browser developers
The soil on basis is supplied.They can carry out substantial amounts of technological innovation under existing situation to browser.Such as to browser
Performance optimization is carried out, the demand customization etc. deeply and to oneself is carried out to some technology point.The innovation of these technical tactics
Better online experience is brought to user, for vast user group, this is the welfare that a new technology is brought, will
User is subject to favor.
Currently, by taking the browser embedded in set-top box as an example, when seeing e-book or the list of videos in selection program request,
It can repeatedly be browsed by " lower one page " button of remote controler.Traditional browser is to be loaded with one by " lower one page " button
New page updates page all the elements, and the element that the needs in the page are rendered all renders one time.But in many cases on
It is all that page structure is just the same to state two kinds of pages, and simply content is different, is completely unnecessary and all updates all the elements and wash with watercolours
It contaminates, and switches such page can sometimes bring flickering.Therefore, optimization shows this kind of page, promotes user experience, is very
It is necessary to.
The content of the invention
For defect in the prior art, it is an object of the invention to provide a kind of browser page switching method and
Browser enhances user experience, reduces Installed System Memory consumption.
To achieve the above objectives, the present invention adopts the technical scheme that：A kind of browser page switching method：
Before browsing next page, by the DOM tree structure of a upper page and the structure element, element property preserve
Get up；
When browsing next page, the page is parsed, generates the dom tree of current page, the upper page with preservation
DOM tree structure be compared；
Travel through the DOM tree structure of current page and a upper page, compare same sequence same position node elements and
Whether element property is identical；
If the node elements of same sequence same position there are it is different when, generate whole Render tree, by current page
The mode of rendering is arranged to acquiescence and renders, and carrying out acquiescence according to whole Render tree renders；
If the node elements of same sequence same position are identical, whether continue to compare text attribute or picture address attribute
It is identical；Part Render trees are generated using the different node elements of text attribute or picture address attribute, by the wash with watercolours of current page
Dye mode is arranged to addition and renders, and carrying out addition according to the content of local Render trees renders.
Based on the above technical solutions, difference is added in the dom tree of current page and renders mark, the difference wash with watercolours
Dye mark includes setting differentiated identification and node difference mark, and the tree differentiated identification and node difference mark default value are
FALSE：If the node elements of same position are different in dom tree, the tree differentiated identification is still FALSE；If identical bits in dom tree
The node elements put are identical, and text attribute is identical with picture address attribute, and the node difference mark is still FALSE；If DOM
The node elements of same position are identical in tree, but text attribute and/or picture address attribute are different, and the node difference is identified
TURE is arranged to, and the tree differentiated identification is arranged to TURE；
If the tree differentiated identification is FALSE, whole Render tree is generated；
If node difference is identified as TURE, and the tree differentiated identification is TURE, is identified as TURE's using node difference
Node elements generate part Render trees；
If the tree differentiated identification is TURE, and the node difference mark of whole node elements is FALSE in dom tree,
Generate whole Render tree.
Based on the above technical solutions, when loading webpage for the first time, the dom tree of a upper page is sky, will be current
The content of the dom tree of the page is copied in dom tree preserving module in the dom tree of a upper page, by the side of rendering of current page
Formula is arranged to acquiescence and renders, and carries out acquiescence and renders.
Based on the above technical solutions, second and during subsequent load webpage：
S1, before browsing next page, by node elements, the element in the DOM tree structure of a upper page and the structure
Attribute saves；
S2 when browsing next page, parses browser current page and generates the dom tree of current page；Current
Difference is added in the dom tree of the page and renders mark；
S3 compares the dom tree of current page and the dom tree of the upper page preserved, judges the section of the two same position
Whether point element is identical：If identical, S4 is entered step, if it is different, S9 is entered step,
Whether S4, text attribute or the picture address attribute for continuing comparison node element are identical；If it is different, it enters step
S5；If identical, S6 is entered step；
The node difference mark of the node elements is arranged to TURE by S5；
S6 continues to compare next node element, return to step S3, until having traveled through whole node elements；
S7 judges whether that node difference is identified as TURE；If in the presence of entering step S8；If being not present, i.e. dom tree
The node difference mark of middle whole node elements is FALSE, enters step S9；
S8 is identified as whole node elements of TURE using node difference and its element property generates Render trees；It ought
The content of the dom tree of the preceding page is copied in the dom tree of a page；The mode that renders of current page is arranged to additional wash with watercolours
Dye carries out additional render in the content of a upper page according to the content of Render trees；
S9 is exited and compared, and the content of the dom tree of current page is copied to the upper page in dom tree preserving module
Dom tree in, rendering module by current page render mode be arranged to acquiescence render, carry out acquiescence rendering.
Based on the above technical solutions, when comparing the dom tree of the dom tree of current page and a upper page, from working as
The root node of the dom tree of the preceding page starts, and travels through each node elements of dom tree successively.
The invention also discloses a kind of browsers, and including dom tree preserving module, dom tree generation module, dom tree compares mould
Block, Render trees generation module and rendering module, wherein：
Dom tree preserving module is used to preserve the dom tree of a upper page in browser；
Dom tree generation module is used to parse browser current page and generates the dom tree of current page；
The dom tree that dom tree comparison module is used to travel through the current page of dom tree generation module generation preserves mould with dom tree
Whether the dom tree of a upper page in block, the node elements for comparing the two same position are identical：If identical, continue to compare the section
Whether the text attribute or picture address attribute of point element are identical；If the node elements of the two same position are different, exit and compare；
Render trees generation module is used for that the node elements of same position to be identical in dom tree but text attribute and/or figure
During piece address properties difference, generated using the different node elements of text attribute or picture address attribute and its element property
Render trees；
Rendering module is used for that the node elements of same position to be identical in dom tree but text attribute and/picture address attribute
When different, by current page render mode be arranged to addition render, according to Render trees in the content of a upper page
Content carries out addition and renders；Otherwise, by current page render mode be arranged to acquiescence render, carry out acquiescence rendering；
Dom tree preserving module is additionally operable to after dom tree comparison module completes dom tree relatively, by the dom tree of current page
Content is copied in the dom tree of the upper page in dom tree preserving module.
Based on the above technical solutions, the system for optimizing page layout switch above and below browser further includes difference and renders
Mark module, the difference render mark module and render mark, the difference for adding difference in the dom tree of current page
Rendering mark includes setting differentiated identification and node difference mark, and the tree differentiated identification and node difference mark default value are
FALSE：If the node elements of same position are different in dom tree, the tree differentiated identification is still FALSE；If identical bits in dom tree
The node elements put are identical, and text attribute is identical with picture address attribute, are still FALSE by node difference mark；If
The node elements of same position are identical in dom tree, but text attribute and/or picture address attribute are different, by the node difference
Mark is arranged to TURE, and the tree differentiated identification is arranged to TURE.
Based on the above technical solutions, if the tree differentiated identification is FALSE, the Render trees generation module life
Into whole Render tree；
If node difference is identified as TURE, and the tree differentiated identification is TURE, and the Render trees generation module uses
Node difference is identified as the node elements generation part Render trees of TURE；
If the tree differentiated identification is TURE, and the node difference mark of whole node elements is FALSE in dom tree,
The Render trees generation module generates whole Render tree.
Based on the above technical solutions, the current page of the dom tree comparison module traversal dom tree generation module generation
The dom tree of the dom tree in face and a upper page in dom tree preserving module, both compare same position node elements whether phase
Meanwhile since the root node of the dom tree of current page, each node elements of dom tree are traveled through successively.
Based on the above technical solutions, for the first time loading webpage when, the upper page in dom tree preserving module
Dom tree is sky；The content of the dom tree of current page is copied in dom tree preserving module upper one by the dom tree preserving module
In the dom tree of the page, the rendering module by current page render mode be arranged to acquiescence render, carry out acquiescence rendering.
Compared with prior art, the advantage of the invention is that：
The present invention by dom tree relatively after, only update difference section, avoid the flickering that brings of overall page refreshing,
Enhance user experience.It avoids repeating to render simultaneously, improves display speed, reduce Installed System Memory consumption.
Description of the drawings
Fig. 1 is the flow diagram of browser page switching method in the embodiment of the present invention；
Fig. 2 is the structure diagram of browser in the embodiment of the present invention.
Specific embodiment
The present invention is described in further detail with reference to the accompanying drawings and embodiments.
Shown in Figure 1, the embodiment of the present invention provides a kind of browser page switching method：
Before browsing next page, by the DOM tree structure of a upper page and the structure element, element property preserve
Get up；
When browsing next page, the page is parsed, generates the dom tree of current page, the upper page with preservation
DOM tree structure be compared；
Travel through the DOM tree structure of current page and a upper page, compare same sequence same position node elements and
Whether element property is identical；
If the node elements of same sequence same position there are it is different when, generate whole Render tree, by current page
The mode of rendering is arranged to acquiescence and renders, and carrying out acquiescence according to whole Render tree renders；
If the node elements of same sequence same position are identical, whether continue to compare text attribute or picture address attribute
It is identical；Part Render trees are generated using the different node elements of text attribute or picture address attribute, by the wash with watercolours of current page
Dye mode is arranged to addition and renders, and carrying out addition according to the content of local Render trees renders.
Difference is added in the dom tree of current page and renders mark, difference, which renders mark, to be included setting differentiated identification and node
Differentiated identification, it is FALSE to set differentiated identification and node difference mark default value：If the node elements of same position in dom tree
Difference, tree differentiated identification are still FALSE；If the node elements of same position are identical in dom tree, and text attribute and picture address
Attribute is identical, and node difference mark is still FALSE；If the node elements of same position are identical in dom tree, but text attribute and/
Or picture address attribute is different, and node difference mark is arranged to TURE, and tree differentiated identification is arranged to TURE；
If tree differentiated identification is FALSE, whole Render tree is generated；
If node difference is identified as TURE, and it is TURE to set differentiated identification, and the node of TURE is identified as using node difference
Element generation part Render trees；
If tree differentiated identification is TURE, and the node difference mark of whole node elements is FALSE in dom tree, generation
Whole Render tree.
For the first time during loading webpage, the dom tree of a upper page is sky, and the content of the dom tree of current page is copied to
In dom tree preserving module in the dom tree of a upper page, by current page render mode be arranged to acquiescence render, write from memory
Recognize and render.
Second and during subsequent load webpage：
S1, before browsing next page, by node elements, the element in the DOM tree structure of a upper page and the structure
Attribute saves；
S2 when browsing next page, parses browser current page and generates the dom tree of current page；Current
Difference is added in the dom tree of the page and renders mark；
S3 compares the dom tree of current page and the dom tree of the upper page preserved, from the root of the dom tree of current page
Node starts, and travels through each node elements of dom tree successively.Judge whether the node elements of the two same position are identical：If
It is identical, S4 is entered step, if it is different, S9 is entered step,
Whether S4, text attribute or the picture address attribute for continuing comparison node element are identical；If it is different, it enters step
S5；If identical, S6 is entered step；
The node difference mark of the node elements is arranged to TURE by S5；
S6 continues to compare next node element, return to step S3, until having traveled through whole node elements；
S7 judges whether that node difference is identified as TURE；If in the presence of entering step S8；If being not present, i.e. dom tree
The node difference mark of middle whole node elements is FALSE, enters step S9；
S8 is identified as whole node elements of TURE using node difference and its element property generates Render trees；It ought
The content of the dom tree of the preceding page is copied in the dom tree of a page；The mode that renders of current page is arranged to additional wash with watercolours
Dye carries out additional render in the content of a upper page according to the content of Render trees；
S9 is exited and compared, and the content of the dom tree of current page is copied to the upper page in dom tree preserving module
Dom tree in, rendering module by current page render mode be arranged to acquiescence render, carry out acquiescence rendering.
It is shown in Figure 2, the embodiment of the invention also discloses a kind of browser, including dom tree preserving module, dom tree life
Into module, dom tree comparison module, Render trees generation module and rendering module, wherein：
Dom tree preserving module is used to preserve the dom tree of a upper page in browser；
Dom tree generation module is used to parse browser current page and generates the dom tree of current page；
The dom tree that dom tree comparison module is used to travel through the current page of dom tree generation module generation preserves mould with dom tree
The dom tree of a upper page in block since the root node of the dom tree of current page, travels through each node of dom tree successively
Element.Whether the node elements for comparing the two same position are identical：If identical, continue the text attribute for comparing the node elements or
Whether picture address attribute is identical；If the node elements of the two same position are different, exit and compare；
Render trees generation module is used for that the node elements of same position to be identical in dom tree but text attribute and/or figure
During piece address properties difference, generated using the different node elements of text attribute or picture address attribute and its element property
Render trees；
Rendering module is used for that the node elements of same position to be identical in dom tree but text attribute and/picture address attribute
When different, by current page render mode be arranged to addition render, according to Render trees in the content of a upper page
Content carries out addition and renders；Otherwise, by current page render mode be arranged to acquiescence render, carry out acquiescence rendering；
Dom tree preserving module is additionally operable to after dom tree comparison module completes dom tree relatively, by the dom tree of current page
Content is copied in the dom tree of the upper page in dom tree preserving module.
The system of page layout switch further includes difference and renders mark module above and below optimization browser, and difference renders mark module use
Difference is added in the dom tree in current page and renders mark, difference, which renders mark, to be included setting differentiated identification and node difference mark
Know, it is FALSE to set differentiated identification and node difference mark default value：If the node elements of same position are different in dom tree, tree
Differentiated identification is still FALSE；If the node elements of same position are identical in dom tree, and text attribute and picture address attribute phase
Together, still it is FALSE by node difference mark；If the node elements of same position are identical in dom tree, but text attribute and/or figure
Piece address properties are different, and node difference mark is arranged to TURE, and tree differentiated identification is arranged to TURE.
If tree differentiated identification is FALSE, Render tree generation modules generate whole Render tree；
If node difference is identified as TURE, and it is TURE to set differentiated identification, and Render trees generation module uses node difference
It is identified as the node elements generation part Render trees of TURE；
If tree differentiated identification is TURE, and the node difference mark of whole node elements is FALSE in dom tree,
Render tree generation modules generate whole Render tree.
For the first time during loading webpage, the dom tree of the upper page in dom tree preserving module is sky.The dom tree preserves
Module copies to the content of the dom tree of current page in dom tree preserving module in the dom tree of a upper page, described to render
Module by current page render mode be arranged to acquiescence render, carry out acquiescence rendering.
Second and during subsequent load webpage：
The dom tree of a upper page in browser is preserved in dom tree preserving module；Dom tree generation module parses browser
Current page and the dom tree for generating current page；Difference, which renders mark module, adds difference in the dom tree of current page and renders
Mark；
Dom tree comparison module compares in the dom tree of current page and dom tree preserving module of the generation of dom tree generation module
The dom tree of a upper page judges whether the node elements of the two same position are identical：
If the node elements of the two same position are different, dom tree comparison module, which exits, to be compared, and dom tree preserving module ought
The content of the dom tree of the preceding page is copied in the dom tree of the upper page in dom tree preserving module, and rendering module will be current
The page render mode be arranged to acquiescence render, carry out acquiescence rendering.
If the node elements of the two same position are identical, continue the text attribute of comparison node element or picture address attribute
It is whether identical, difference render mark module there will be different node elements node difference mark to be arranged to TURE；
If there are node differences to be identified as TURE, Render trees generation module is identified as the whole of TURE using node difference
Node elements and its element property generation Render trees；Dom tree preserving module copies to the content of the dom tree of current page
In the dom tree of a upper page in dom tree preserving module；The mode that renders of current page is arranged to additional wash with watercolours by rendering module
Dye carries out additional render in the content of a upper page according to the content of Render trees；
If there is no node differences to be identified as TURE, i.e., the node difference mark of whole node elements is in dom tree
FALSE, dom tree comparison module, which exits, to be compared, and the content of the dom tree of current page is copied to dom tree and protected by dom tree preserving module
In the dom tree of a upper page in storing module, rendering module by current page render mode be arranged to acquiescence render, carry out
Acquiescence renders.
The present invention is not limited to the above-described embodiments, for those skilled in the art, is not departing from
On the premise of the principle of the invention, several improvements and modifications can also be made, these improvements and modifications are also considered as the protection of the present invention
Within the scope of.The content not being described in detail in this specification belongs to the prior art well known to professional and technical personnel in the field.
Claims (10)
1. a kind of browser page switching method, it is characterised in that：
Before browsing next page, by the DOM tree structure of a upper page and the structure element, element property preserves
Come；
When browsing next page, the page is parsed, generates the dom tree of current page, the DOM with a upper page for preservation
Tree construction is compared；
The DOM tree structure of current page and a upper page is traveled through, compares the node elements and element of same sequence same position
Whether attribute is identical；
If the node elements of same sequence same position there are it is different when, generate whole Render tree, by rendering for current page
Mode is arranged to acquiescence and renders, and carrying out acquiescence according to whole Render tree renders；
If the node elements of same sequence same position are identical, continue to compare text attribute or picture address attribute whether phase
Together；Part Render trees are generated using the different node elements of text attribute or picture address attribute, by rendering for current page
Mode is arranged to addition and renders, and carrying out addition according to the content of local Render trees renders.
2. a kind of browser page switching method as described in claim 1, it is characterised in that：In the dom tree of current page
It adds difference and renders mark, the difference, which renders mark, to be included setting differentiated identification and node difference mark, the tree differentiated identification
It is FALSE with node difference mark default value：If the node elements of same position are different in dom tree, the tree differentiated identification
Still it is FALSE；If the node elements of same position are identical in dom tree, and text attribute is identical with picture address attribute, the section
Point differentiated identification is still FALSE；If the node elements of same position are identical in dom tree, but text attribute and/or picture address category
Property it is different, node difference mark is arranged to TURE, and the tree differentiated identification is arranged to TURE；
If the tree differentiated identification is FALSE, whole Render tree is generated；
If node difference is identified as TURE, and the tree differentiated identification is TURE, and the node of TURE is identified as using node difference
Element generation part Render trees；
If the tree differentiated identification is TURE, and the node difference mark of whole node elements is FALSE in dom tree, generation
Whole Render tree.
3. a kind of browser page switching method as described in claim 1, it is characterised in that：For the first time during loading webpage, on
The dom tree of one page is sky, and the content of the dom tree of current page is copied to a upper page in dom tree preserving module
In dom tree, by current page render mode be arranged to acquiescence render, carry out acquiescence rendering.
4. a kind of browser page switching method as described in claim 1, it is characterised in that：Second and subsequent load webpage
When：
S1, before browsing next page, by the DOM tree structure of a upper page and the structure node elements, element property
It saves；
S2 when browsing next page, parses browser current page and generates the dom tree of current page；In current page
Dom tree in add difference and render mark；
S3 compares the dom tree of current page and the dom tree of the upper page preserved, judges the node member of the two same position
Whether element is identical：If identical, S4 is entered step, if it is different, S9 is entered step,
Whether S4, text attribute or the picture address attribute for continuing comparison node element are identical；If it is different, enter step S5；If
It is identical, enter step S6；
The node difference mark of the node elements is arranged to TURE by S5；
S6 continues to compare next node element, return to step S3, until having traveled through whole node elements；
S7 judges whether that node difference is identified as TURE；If in the presence of entering step S8；It is if being not present, i.e., complete in dom tree
The node difference mark of portion's node elements is FALSE, enters step S9；
S8 is identified as whole node elements of TURE using node difference and its element property generates Render trees；By current page
The content of the dom tree in face is copied in the dom tree of a page；By current page render mode be arranged to addition render,
Addition is carried out in the content of a upper page according to the content of Render trees to render；
S9 is exited and compared, and the content of the dom tree of current page is copied to the DOM of the upper page in dom tree preserving module
In tree, rendering module by current page render mode be arranged to acquiescence render, carry out acquiescence rendering.
5. a kind of browser page switching method as claimed in claim 4, it is characterised in that：Compare the dom tree of current page
During with the dom tree of a upper page, since the root node of the dom tree of current page, each node of dom tree is traveled through successively
Element.
6. a kind of browser, it is characterised in that：Including dom tree preserving module, dom tree generation module, dom tree comparison module,
Render trees generation module and rendering module, wherein：
Dom tree preserving module is used to preserve the dom tree of a upper page in browser；
Dom tree generation module is used to parse browser current page and generates the dom tree of current page；
Dom tree comparison module is used to travel through in the dom tree for the current page that dom tree generation module generates and dom tree preserving module
Whether the dom tree of a upper page, the node elements for comparing the two same position are identical：If identical, continue to compare node member
Whether the text attribute or picture address attribute of element are identical；If the node elements of the two same position are different, exit and compare；
Render trees generation module is used for that the node elements of same position to be identical in dom tree but text attribute and/or picture
During the attribute difference of location, Render is generated using the different node elements of text attribute or picture address attribute and its element property
Tree；
Rendering module is for the node elements of same position to be identical in dom tree but text attribute and/picture address attribute are different
When, by current page render mode be arranged to addition render, according to the content of Render trees in the content of a upper page
Addition is carried out to render；Otherwise, by current page render mode be arranged to acquiescence render, carry out acquiescence rendering；
Dom tree preserving module is additionally operable to after dom tree comparison module completes dom tree relatively, by the content of the dom tree of current page
It copies in the dom tree of the upper page in dom tree preserving module.
7. a kind of browser as claimed in claim 6, it is characterised in that：
The system of page layout switch further includes difference and renders mark module above and below the optimization browser, and the difference renders mark mould
Block renders mark for adding difference in the dom tree of current page, and the difference, which renders mark, to be included setting differentiated identification and section
Point differentiated identification, the tree differentiated identification and node difference mark default value are FALSE：If the section of same position in dom tree
Point element is different, and the tree differentiated identification is still FALSE；If the node elements of same position are identical in dom tree, and text attribute
It is identical with picture address attribute, still it is FALSE by node difference mark；If the node elements phase of same position in dom tree
Together, but text attribute and/or picture address attribute are different, and node difference mark is arranged to TURE, and the tree is poor
Different mark is arranged to TURE.
8. a kind of browser as claimed in claim 6, it is characterised in that：
If the tree differentiated identification is FALSE, the Render trees generation module generates whole Render tree；
If node difference is identified as TURE, and the tree differentiated identification is TURE, and the Render trees generation module uses node
The node elements that differentiated identification is TURE generate part Render trees；
If the tree differentiated identification is TURE, and the node difference mark of whole node elements is FALSE in dom tree, described
Render tree generation modules generate whole Render tree.
9. a kind of browser as claimed in claim 6, it is characterised in that：The dom tree comparison module traversal dom tree generation mould
The dom tree of the dom tree and a upper page in dom tree preserving module of the current page of block generation compares the two same position
When whether node elements are identical, since the root node of the dom tree of current page, each node member of dom tree is traveled through successively
Element.
10. a kind of browser as claimed in claim 6, it is characterised in that：For the first time during loading webpage, dom tree preserving module
In a upper page dom tree for sky；The content of the dom tree of current page is copied to dom tree by the dom tree preserving module
In preserving module in the dom tree of a upper page, the rendering module by current page render mode be arranged to acquiescence render,
Acquiescence is carried out to render.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711153404.4A CN108052539A (en) | 2017-11-20 | 2017-11-20 | A kind of browser page switching method and browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711153404.4A CN108052539A (en) | 2017-11-20 | 2017-11-20 | A kind of browser page switching method and browser |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108052539A true CN108052539A (en) | 2018-05-18 |
Family
ID=62120326
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711153404.4A Withdrawn CN108052539A (en) | 2017-11-20 | 2017-11-20 | A kind of browser page switching method and browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108052539A (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109375918A (en) * | 2018-11-23 | 2019-02-22 | 天津字节跳动科技有限公司 | Interface rendering method, device, electronic equipment and the storage medium of small routine |
| CN109542776A (en) * | 2018-11-07 | 2019-03-29 | 北京潘达互娱科技有限公司 | Page comparison method, device and equipment |
| CN110489682A (en) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | A kind of page loading method and device |
| CN110795444A (en) * | 2019-10-25 | 2020-02-14 | 北京小米移动软件有限公司 | DOM data updating method, page updating method and device |
| WO2020082231A1 (en) * | 2018-10-23 | 2020-04-30 | Citrix Systems, Inc. | Local secure rendering of web content |
| CN111259286A (en) * | 2020-01-14 | 2020-06-09 | 上海英方软件股份有限公司 | Universal WEB page layout generation device and method |
| CN114489892A (en) * | 2022-01-12 | 2022-05-13 | 深圳Tcl新技术有限公司 | Data processing method, data processing device, computer readable storage medium and computer equipment |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102916994A (en) * | 2011-08-02 | 2013-02-06 | 华为技术有限公司 | Page viewing method, server and terminal |
| CN103577526A (en) * | 2013-08-01 | 2014-02-12 | 星云融创（北京）信息技术有限公司 | Method and system as well as browser for verifying page modification |
| US8689189B1 (en) * | 2008-02-15 | 2014-04-01 | Amazon Technologies, Inc. | Systems and methods for testing widgets |
| CN106126645A (en) * | 2016-06-24 | 2016-11-16 | 浪潮软件股份有限公司 | A kind of web page that improves renders the device of performance |
-
2017
- 2017-11-20 CN CN201711153404.4A patent/CN108052539A/en not_active Withdrawn
Patent Citations (4)
| 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 (en) * | 2011-08-02 | 2013-02-06 | 华为技术有限公司 | Page viewing method, server and terminal |
| CN103577526A (en) * | 2013-08-01 | 2014-02-12 | 星云融创（北京）信息技术有限公司 | Method and system as well as browser for verifying page modification |
| CN106126645A (en) * | 2016-06-24 | 2016-11-16 | 浪潮软件股份有限公司 | A kind of web page that improves renders the device of performance |
Non-Patent Citations (1)
| Title |
|---|
| 严新巧，白俊峰: "基于Dom Diff算法分析React刷新机制", 《电脑知识与技术》 * |
Cited By (10)
| 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 (en) * | 2018-10-23 | 2020-06-23 | 思杰系统有限公司 | Locally secure rendering of WEB content |
| US11074338B2 (en) | 2018-10-23 | 2021-07-27 | Citrix Systems, Inc. | Local secure rendering of web content |
| CN109542776A (en) * | 2018-11-07 | 2019-03-29 | 北京潘达互娱科技有限公司 | Page comparison method, device and equipment |
| CN109375918A (en) * | 2018-11-23 | 2019-02-22 | 天津字节跳动科技有限公司 | Interface rendering method, device, electronic equipment and the storage medium of small routine |
| CN110489682A (en) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | A kind of page loading method and device |
| CN110489682B (en) * | 2019-07-08 | 2022-04-15 | 北京三快在线科技有限公司 | Page loading method and device |
| CN110795444A (en) * | 2019-10-25 | 2020-02-14 | 北京小米移动软件有限公司 | DOM data updating method, page updating method and device |
| CN111259286A (en) * | 2020-01-14 | 2020-06-09 | 上海英方软件股份有限公司 | Universal WEB page layout generation device and method |
| CN114489892A (en) * | 2022-01-12 | 2022-05-13 | 深圳Tcl新技术有限公司 | Data processing method, data processing device, computer readable storage medium and computer equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108052539A (en) | A kind of browser page switching method and browser | |
| US20220318336A1 (en) | Method and Terminal Device for Extracting Web Page Content | |
| CN101777068B (en) | Web page pre-reading and integrally browsing system for mobile communication equipment terminals and application method thereof | |
| CN104820589B (en) | A kind of method and its device of dynamic adaptation webpage | |
| CN105094786B (en) | Method and system based on JavaScript customized web page | |
| CN104035753A (en) | Double-WebView customized page display method and system | |
| CN105205080B (en) | Redundant file method for cleaning, device and system | |
| CN104346403A (en) | Browser page display method and device as well as browser and terminal | |
| CN103577171B (en) | A kind of method and mobile terminal of display web page contents | |
| CN102663050B (en) | Method and device for processing electronic book data | |
| CN103942231B (en) | A kind of display methods and electronic equipment of webpage | |
| CN107016282A (en) | A kind of information processing method and device | |
| CN109145235A (en) | Method, apparatus and electronic equipment for analyzing web page | |
| CN102346619A (en) | Network television for user to customize user interface (UI) and customization method for network television | |
| CN105528389A (en) | A logic control method and device based on mobile phone browser core | |
| CN109683978A (en) | A kind of method, apparatus and electronic equipment of the rendering of streaming layout interface | |
| CN110045956A (en) | Configuration method, device, equipment and the readable storage medium storing program for executing of component | |
| CN102662737A (en) | Calling method and device of extension program | |
| CN111104117A (en) | Page theme style switching method and device, electronic equipment and computer storage medium | |
| CN103605675A (en) | XML (extensive markup language) path expression extracting method and device | |
| CN109976755A (en) | Language is the method and electronic equipment of Vue making of cartoon effect based on programming | |
| CN105205845A (en) | Webpage animation rendering method and device | |
| CN106033387A (en) | A method and a device for testing flash intrinsic controls | |
| CN103309741A (en) | Method and device for calling plug-in function | |
| CN106156128A (en) | A kind of realize website multi-lingual mention multiple domain name service method and device |
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 |