WO2015062292A1 - 页面排版方法及系统 - Google Patents

页面排版方法及系统 Download PDF

Info

Publication number
WO2015062292A1
WO2015062292A1 PCT/CN2014/080617 CN2014080617W WO2015062292A1 WO 2015062292 A1 WO2015062292 A1 WO 2015062292A1 CN 2014080617 W CN2014080617 W CN 2014080617W WO 2015062292 A1 WO2015062292 A1 WO 2015062292A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
node
layout
tree
update
Prior art date
Application number
PCT/CN2014/080617
Other languages
English (en)
French (fr)
Inventor
王晓振
Original Assignee
优视科技有限公司
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 优视科技有限公司 filed Critical 优视科技有限公司
Publication of WO2015062292A1 publication Critical patent/WO2015062292A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/106—Display of layout of documents; Previewing
    • 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
    • G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]

Definitions

  • the present invention relates to the field of mobile browser technologies, and in particular, to a page layout method and system.
  • BACKGROUND With the rise and development of the Internet, the way people understand information is no longer limited to traditional paper media, and people can also learn more information through web pages. Therefore, this has enabled many portal websites such as Sina and Sohu. development of. However, the rapid spread of information and the variety of types of information have led to an increase in the amount of information contained in today's portals. Usually the portal of a portal contains links to thousands of pages, and due to the rapid dissemination of information and high-speed updates, it is normal for a portal's home page to be updated dozens of times a day.
  • a news item is updated at this time. If the user refreshes the page at this time, it is equivalent to reloading the home page of the entire portal. For reloading the home page of the entire portal, it is equivalent to re-layout the entire page. That is to say, for the reloaded page, a DOM tree and a layout tree will be regenerated, and then the entire page will be rendered according to the layout tree, and the rendering effect will be presented to the user.
  • the content of the webpage is only updated a small part, and the overall layout layout of the webpage has not changed.
  • an object of the present invention is to provide a page layout method and system, which can reduce the number of page layouts and improve the page display speed.
  • a page layout method including: when parsing the page, if a layout tree of a page is cached in a local cache library, and a cache tag in the page and a cache stored in the local cache library When the tags are the same, the layout tree of the page is copied from the local cache library; according to the cache tag of the page node element, the update node of the page node element is found, and the layout tree node corresponding to the update node is generated; The corresponding layout tree node replaces the original layout tree node of the update node; in the layout tree, the typeset tree node corresponding to the generated update node, the parent node of the update node, and the ancestor node of the update node are re-typed.
  • the present invention further provides a page typesetting system, comprising: a typesetting tree copying unit, configured to: when parsing a page, when a page layout tree is cached in a local cache library, and the cached label in the page is stored locally When the cache tags in the cache library are the same, the layout tree of the page is copied from the local cache library; the layout tree node generation unit is configured to find the update node of the page node element according to the cache tag of the page node element, and generate the update node corresponding to the update node.
  • a typesetting tree copying unit configured to: when parsing a page, when a page layout tree is cached in a local cache library, and the cached label in the page is stored locally
  • the layout tree of the page is copied from the local cache library
  • the layout tree node generation unit is configured to find the update node of the page node element according to the cache tag of the page node element, and generate the update node corresponding to the update node.
  • a layout tree node updating unit configured to replace the generated layout tree node corresponding to the update node with the original layout tree node of the update node; the typesetting unit, configured to generate the corresponding layout corresponding to the update node.
  • FIG. 1 is a schematic flow chart of a page layout method according to an embodiment of the present invention
  • FIG. 2 is a detailed flow chart of page layout according to an embodiment of the present invention
  • FIG. 3-1 is an effect diagram before a web page is updated
  • -2 is an effect diagram after the webpage is updated
  • Fig. 4 is a logical structural block diagram of the page typesetting system according to an embodiment of the present invention.
  • the same reference numerals are used throughout the drawings to refer to the DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS
  • specific embodiments of the present invention will be described in detail with reference to the accompanying drawings.
  • Typesetting Tree Webkit is an open source browser engine in which each html page corresponds to a typesetting tree.
  • the layout tree is used for layout and is responsible for how the DOM (Document Object Model) tree is displayed on the screen.
  • MVC Model - View-Controller
  • the DOM tree belongs to the V part of the MVC, that is, the view part.
  • most DOM nodes have a one-to-one correspondence with typesetting nodes, not all DOM nodes have absolutely one-to-one correspondence with typesetting nodes.
  • the page layout method provided by the present invention includes: S110: When parsing the page, if the layout tree of the page is cached in the local cache library, and the cache tag in the page is the same as the cache tag stored in the local cache library, the layout tree of the page is copied from the local cache library. Specifically, when the mobile browser parses the page, according to the cache tag added in the page, the layout tree of the confirmation page can be cached in the local cache of the mobile browser.
  • the role of the cache tag indicates that the page element can be cached, and the cache tag is used to determine whether the corresponding backup of the page element in the cache is available and indicates the change of the page element. If the layout tree of the page cannot be cached in the local cache of the mobile browser, only the normal page parsing and layout process can be performed. That is to say, in the case that the layout tree that does not allow reading the page is cached in the local cache library, the page layout method provided by the present invention cannot be used, and the page can only be performed according to the conventional page analysis and layout process. typesetting.
  • the layout tree of the confirmation page can be cached in the local cache of the mobile browser
  • the layout tree of the page is searched in the local cache library, and if the layout tree of the page is not found in the local cache, the mobile browsing is performed.
  • the program parses the page through normal processes, generates a layout tree for the page, and then saves the generated layout tree of the page to the local cache library.
  • S120 Find an update node of the page node element according to the cache tag of the page node element, and generate a layout tree node corresponding to the update node. Specifically, according to the cached label of the added page node element, the update node of the page node element is found, and a layout tree node corresponding to the update node is generated.
  • the layout tree of the page in the local cache is deleted, and then the layout tree generated by the parsing page is saved to the local cache. That is to say, when the mobile browser parses the page, it finds that the cache tag in the page is inconsistent with the cache tag stored in the local cache library, indicating that the overall layout of the page has changed, and the cache in the local cache library needs to be updated. .
  • the layout tree of the page stored in the cache library is first deleted, then the page is re-parsed, and the layout tree of the page is regenerated, and then re-cached into the local cache library.
  • the cache label when the page content is updated, the cache label is marked as an update state.
  • the browser parses the node element, it determines whether the page content (ie, the node element) has been updated according to the cached tag of the added page node element. If the node element is updated, the layout tree node of the original node element is deleted, and then a new layout tree node of the node element is regenerated. S130: Replace the generated layout tree node corresponding to the update node with the original layout tree node of the update node.
  • the layout tree node corresponding to the update node is replaced with the layout tree node of the update node, and the layout switch node of the update node and the layout switch of the father node and the ancestor node are opened.
  • the layout tree node corresponding to the update node is deleted, and then the layout tree node of the update node is inserted.
  • S140 In the layout tree, re-type the generated layout tree node corresponding to the update node, the father node of the update node, and the ancestor node of the update node. Specifically, after the replacement of the layout tree node of all the update nodes is completed, all the layout tree nodes of the open layout switch are re-typed in the layout tree. Among them, after the re-typesetting is completed, the rendering process is entered, and the rendering effect (ie, the final webpage effect) is presented to the user. As can be seen from the flow shown in FIG. 1, the present invention caches the layout tree generated by the mobile browser when parsing the page according to the added cache tag in the page, and then according to the cache tag of the page node element added in the page. The node elements that only change are reconstructed, and the node elements that only change are re-typed, thereby reducing the time of page layout and improving the speed of page update display.
  • FIG. 2 shows a detailed flow of page layout according to an embodiment of the present invention.
  • the cache tag of the page needs to be added on the webpage side to mark the DOM tree and the layout tree of the page to be cached, and whether the content of the marked node element changes.
  • Each html page in the webpage webkit corresponds to a DOM tree, and the DOM tree is used to describe the information of the html page.
  • MVC Model View Controller
  • S201 The mobile browser receives webpage data.
  • S202 The mobile browser parses the cache tag of the page, determines whether to allow reading the cache of the DOM tree and the layout tree, and if it is allowed to enter S204, otherwise proceeds to S203.
  • S204 Check whether the DOM tree and the layout tree of the page are cached in the local cache library, and whether the cache tag of the page is the same as the cache tag stored in the cache of the mobile browser. If the process proceeds to S206, otherwise enter S205. . That is, if there is no DOM tree and layout tree of the page in the cache library, or there is a DOM tree and a layout tree of the page in the cache library, but the cache tags are different, then the process proceeds to S205; if there is a page in the cache inventory The DOM tree and the layout tree have the same cache label, and the process proceeds to S206.
  • S205 Clear the data in the local cache library, perform normal parsing and layout process, and cache the new DOM tree and the layout tree into the local cache library after the typography is completed.
  • S206 Copy a DOM tree and a layout tree from the local cache library.
  • S207 When the mobile browser continues to parse the page, according to the added cache attribute of the node element of the page, the updated node element is found, and the corresponding DOM tree node and the layout tree node are generated.
  • S209 Delete the node in the layout tree of the original node element corresponding to the updated node element, and insert the newly generated layout tree node, and simultaneously open the updated node element and the layout switch of the father node and the ancestor node.
  • the cache tag indicates that the page can use the cached layout tree.
  • the version of the layout tree used by the current page is "234567”.
  • Instance 2 Add the cache attribute of the page node element in the page.
  • Figure 3-1 and Figure 3-2 show the comparison of the effects before and after the web page update.
  • Figure 3-1 shows the effect before the web page is updated
  • Figure 3-2 shows the effect after the web page is updated.
  • the elements correspond to the following:
  • the present invention also provides a The page layout system
  • Figure 4 shows the logical structure of the page layout system according to the embodiment of the present invention.
  • the page layout system 400 provided by the present invention includes a layout tree copy unit 410, a layout tree node generation unit 420, The layout tree node updating unit 430 and the typesetting unit 440.
  • the typesetting tree copying unit 410 is configured to: when the page is parsed, the layout tree of the page is cached in the local cache library, and the cache tags in the page are stored in the local cache library.
  • the layout tree of the page is copied from the local cache library; the layout tree node generating unit 420 is configured to find the update node of the page node element according to the cache tag of the page node element, and generate a layout tree corresponding to the update node. node.
  • the layout tree node update unit 430 is configured to replace the generated layout tree node corresponding to the update node with the original layout tree node of the update node; the layout unit 440 is configured to generate the layout tree node corresponding to the update node, update The father of the node and the ancestor node of the update node are re-formatted.
  • the present invention caches the layout tree generated by the mobile browser when parsing the page, and then reconstructs the node element that only changes according to the cache tag of the page node element added in the page. At the same time, the node elements that only change are re-typed, thereby reducing the time of page layout and improving the speed of page update display.
  • the layout tree copy unit 410 parses the page, if the layout tree of the page is not found in the local cache library, the page is parsed, the layout tree of the page is generated, and then the generated The layout tree of the page is saved to the local cache library.
  • the layout tree copy unit 410 further includes a layout tree processing unit, configured to delete the local cache library when the cache tag in the page is different from the cache tag stored in the local cache library.
  • the layout tree of the page in the middle, and then save the layout tree generated by the parsing page to the local cache library.
  • the tree node updating unit 430 will update the original layout of the node in the process of replacing the generated layout tree node corresponding to the update node with the original layout tree node of the update node.
  • the tree node is deleted, and then the generated layout tree node corresponding to the update node is inserted.
  • the system may further include: an adding module, configured to add a cache tag to the page, and a cache tag for confirming that the page layout tree is cached in the mobile browser's local cache library.
  • the system may further include: an update cache tag unit, configured to mark, according to the cache tag of the page node element, a cache tag of the page node element when the page node element is updated
  • An update processing unit configured to determine, when the page node element is parsed, whether the page node element is updated according to a cache tag of the page node element, and if the cache tag of the page node element is detected as being updated, deleting The layout tree node of the page node element, and then regenerates the layout tree node of the new page node element.
  • embodiments of the present application may be run in a mobile terminal, a computer terminal, or the like, or may be stored as part of a storage medium.
  • embodiments of the present invention may provide a computer terminal, which may be any computer terminal device in a group of computer terminals.
  • the foregoing computer terminal may also be replaced with a terminal device such as a mobile terminal.
  • the foregoing computer terminal may be located in at least one network device of the plurality of network devices of the computer network.
  • the computer terminal may execute the program code of the following steps in the page layout method: When parsing the page, if the page layout tree is cached in the local cache library, and the cache tag in the page is stored in the local cache library When the cache tags in the same are the same, the layout tree of the page is copied from the local cache library; according to the cache tag of the page node element, the update node of the page node element is found, and the layout tree node corresponding to the update node is generated; The layout tree node corresponding to the update node replaces the original layout tree node of the update node; in the layout tree, the typeset tree node corresponding to the generated update node, the father node of the update node, and the ancestor node of the update node are re-typed.
  • the computer terminal can include: one or more processors, a memory, and a transmission device.
  • the memory can be used to store software programs and modules, such as the page layout method in the embodiment of the present invention and the program instructions/modules corresponding to the system.
  • the processor executes various functional applications by running software programs and modules stored in the memory. And data processing, that is, the above page layout method is implemented.
  • the memory may include a high speed random access memory, and may also include non-volatile memory such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory.
  • the memory can further include memory remotely located relative to the processor, the remote memory being connectable to the terminal over a network.
  • the above transmission device is for receiving or transmitting data via a network.
  • Specific examples of the above network may include a wired network and a wireless network.
  • the transmission device includes a Network Interface Controller (NIC) that can be connected to other network devices and routers via a network cable to communicate with the Internet or a local area network.
  • the transmission device is a Radio Frequency (RF) module for communicating with the Internet wirelessly.
  • the memory is used to store preset action conditions and information of the preset authority user, and an application.
  • the processor can invoke the memory stored information and the application by the transmitting device to execute the program code of the method steps of each of the alternative or preferred embodiments of the above method embodiments.
  • the computer terminal can also be a smart phone (such as an Android phone, an iOS phone, etc.), a tablet computer, an applause computer, and a mobile Internet device (MID), a PAD, and the like.
  • MID mobile Internet device
  • PAD PAD
  • all or part of the steps of the foregoing embodiments can be completed by a program to instruct terminal device related hardware, and the program can be stored in a computer readable storage medium, and the storage medium can be Including: flash drive, read-only memory (ROM), random access memory (Random Access Memory, RAM), disk or optical disc.
  • Embodiments of the present invention also provide a storage medium.
  • the foregoing storage medium may be used to save the program code executed by the page layout method provided by the foregoing method embodiment and the system embodiment.
  • the foregoing storage medium may be located in any one of the computer terminal groups in the computer network, or in any one of the mobile terminal groups.
  • the storage medium is configured to store program code for performing the following steps: when parsing the page, if the layout tree of the page is cached in the local cache library, and the cache label and storage in the page When the cache tags in the local cache library are the same, the layout tree of the page is copied from the local cache library; according to the cache tag of the page node element, the update node of the page node element is found, and the layout tree node corresponding to the update node is generated; Replacing the generated layout tree node corresponding to the update node with the original layout tree node of the update node; in the layout tree, the generated layout tree node corresponding to the update node, the parent node of the update node, and the ancestor of the update node The node is re-formatted.
  • the storage medium may also be arranged to store program code for performing various preferred or optional method steps provided by the page layout method.
  • the page layout method and system according to the present invention are described by way of example with reference to the accompanying drawings. However, those skilled in the art should understand that various improvements can be made to the page layout method and system proposed by the present invention without departing from the scope of the present invention. Therefore, the scope of the invention should be determined by the content of the appended claims.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • Document Processing Apparatus (AREA)

Abstract

提供了一种页面排版方法及系统，其中的方法包括：在解析页面时，如果本地缓存库中有页面的排版树，且页面中的缓存标签与存储在本地缓存库中的缓存标签相同时，则从本地缓存库中复制页面的排版树；根据页面节点元素的缓存标签，找到页面节点元素的更新节点，生成与更新节点相对应的排版树节点；将生成的与更新节点相对应的排版树节点替换更新节点原有的排版树节点；在排版树内，对生成的与更新节点相对应的排版树节点、更新节点的父亲节点以及更新节点的祖先节点进行重新排版。能够减少重建树的节点、降低排版的次数、提高页面显示的速度。

Description

页面排版方法及系统 技术领域 本发明涉及移动浏览器技术领域， 更为具体地， 涉及一种页面排版方法及系统。 背景技术 随着互联网的兴起和发展， 人们了解信息的方式不再局限于传统的纸媒， 通过网 页人们同样可以了解到更多的信息资讯， 因此， 这也使例如新浪、 搜狐等众多门户网 站得以发展。 然而信息传播的快速以及信息种类的繁多， 致使当今的门户网站所包含的信息量 也日益增多。 通常一个门户网站的首页包含了上千个页面的链接， 而由于信息的快速 传播以及高速更新， 一个门户网站的首页每天更新数十次已成为常态。 以用户使用移动浏览器观看一个门户网站的首页为例， 假设用户观看首页时， 此 时有一条新闻发生了更新， 如果用户这时刷新页面， 则相当于重新加载整个门户网站 的首页。 对于重新加载整个门户网站的首页而言， 则相当于重新对整个页面进行布局 排版。 也就是说， 对于重新加载下来的页面， 会重新生成一份 DOM树及一份排版树， 然后根据排版树将整个页面渲染出来， 最终将渲染效果呈现在用户眼前。 在上述示例中， 网页内容只是更新了一小部分， 网页的整体排版布局并没有发生 任何变化，发生变化的只是页面的内容（即一部分文字）。而通过上述示例也能够看出， 在页面整体排版布局没有发生任何变化， 只更新页面内容的情况下， 现有的页面排版 同样会删除已有的 DOM树及排版树， 然后重新生成这两个树并进行排版操作。 而通 常门户网站的首页不会频繁更新页面布局， 频繁更新的只是页面的内容。 如此， 即使 频繁更新页面内容也需要将整个页面重新布局排版， 无疑将造成无端的浪费， 进而影 响到页面的显示速度的问题。 发明内容 鉴于上述问题， 本发明的目的是提供一种页面排版方法及系统， 以降低页面排版 的次数， 提高页面显示的速度。 根据本发明的一个方面， 提供一种页面排版方法， 包括： 在解析所述页面时， 如果本地缓存库中缓存有页面的排版树， 且页面中的缓存标 签与存储在本地缓存库中的缓存标签相同时， 则从本地缓存库中复制页面的排版树； 根据页面节点元素的缓存标签， 找到页面节点元素的更新节点， 生成与更新节点 相对应的排版树节点； 将生成的与更新节点相对应的排版树节点替换更新节点原有的排版树节点； 在排版树内， 对生成的与更新节点相对应的排版树节点、 更新节点的父亲节点以 及更新节点的祖先节点进行重新排版。 其中， 在解析页面时， 如果在本地缓存库中没有査找到页面的排版树， 则解析页 面， 生成页面的排版树， 然后将生成的页面的排版树保存到本地缓存库中。 另一方面， 本发明还提供一种页面排版系统， 包括： 排版树复制单元， 用于在解析页面时， 当本地缓存库中缓存有页面的排版树， 且 页面中的缓存标签与存储在本地缓存库中的缓存标签相同时， 从本地缓存库中复制页 面的排版树； 排版树节点生成单元， 用于根据页面节点元素的缓存标签， 找到页面节点元素的 更新节点， 生成与更新节点相对应的排版树节点； 排版树节点更新单元， 用于将生成的与更新节点相对应的排版树节点替换更新节 点原有的排版树节点； 排版单元， 用于对生成的与更新节点相对应的排版树节点、 更新节点的父亲节点 以及更新节点的祖先节点进行重新排版。
利用上述根据本发明的页面排版方法及系统， 通过缓存排版树， 从而只对发生变 化的页面内容进行更新， 实现减少重建树的节点， 降低排版的次数， 进而达到提高页 面显示速度的目的。 为了实现上述以及相关目的， 本发明的一个或多个方面包括后面将详细说明并在 权利要求中特别指出的特征。 下面的说明以及附图详细说明了本发明的某些示例性方 面。 然而， 这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。 此 夕卜， 本发明旨在包括所有这些方面以及它们的等同物。 附图说明 通过参考以下结合附图的说明及权利要求书的内容， 并且随着对本发明的更全面 理解， 本发明的其它目的及结果将更加明白及易于理解。 在附图中： 图 1为根据本发明实施例的页面排版方法流程示意图； 图 2为根据本发明实施例的页面排版的详细流程示意图； 图 3-1为网页更新前的效果图； 图 3-2为网页更新后的效果图； 图 4为根据本发明实施例的页面排版系统的逻辑结构框图。 在所有附图中相同的标号指示相似或相应的特征或功能。 具体实施方式 以下将结合附图对本发明的具体实施例进行详细描述。 为了清楚说明本发明提供的页面排版方法， 下面先对本发明中涉及到的部分名词 做出解释说明： 排版树： webkit是一个开源的浏览器引擎，其中每个 html页面对应于一颗排版树， 排版树用于布局， 具体负责 DOM (Document Object Model, 文件对象模型）树如何显 示在屏幕上。 从 MVC (Model -View- Controller, 模型—视图—控制器） 的角度来看， DOM树属于 MVC中的 V部分， 即视图部分。 每生成一个 DOM节点， 就会去创建对 应的排版节点。 但是， 虽然大部分 DOM节点与排版节点是一一对应， 但并不是所有 DOM节点都与排版节点绝对一一对应。 图 1示出了根据本发明实施例的页面排版方法流程。 如图 1所示， 本发明提供的页面排版方法包括： S110: 在解析页面时， 如果本地缓存库中缓存有页面的排版树， 且页面中的缓存 标签与存储在本地缓存库中的缓存标签相同时，则从本地缓存库中复制页面的排版树。 具体地， 移动浏览器在解析页面时， 根据在页面中增加的缓存标签， 确认页面的 排版树可以在移动浏览器的本地缓存库中进行缓存。 需要说明的是， 缓存标签的作用表示此页面元素可以进行缓存， 以及利用此缓存 标签判断页面元素在缓存中对应的备份是否可用和指示此页面元素的变化情况。 其中， 如果该页面的排版树不可以在移动浏览器的本地缓存库中进行缓存， 则只 能进行正常的页面解析及排版流程。 也就是说， 在不允许读取该页面的排版树在本地 缓存库中进行缓存的情况下， 则无法使用本发明所提供的页面排版方法， 只能按照常 规的页面解析及排版流程进行页面的排版。 当确认页面的排版树可以在移动浏览器的本地缓存库中进行缓存时， 在本地缓存 库中査找该页面的排版树， 如果在本地缓存库中没有査找到该页面的排版树， 则移动 浏览器通过正常流程解析该页面， 生成该页面的排版树， 然后将生成的该页面的排版 树保存到本地缓存库中。 S120: 根据页面节点元素的缓存标签， 找到页面节点元素的更新节点， 生成与更 新节点相对应的排版树节点。 具体地， 根据增加的页面节点元素的缓存标签， 找到页面节点元素的更新节点， 生成与更新节点相对应的排版树节点。 其中， 如果页面中的缓存标签与存储在本地缓存库中的缓存标签不相同， 则删除 本地缓存库中的页面的排版树， 然后将解析页面生成的排版树保存到本地缓存库中。 也就是说， 移动浏览器在解析页面时， 发现该页面中的缓存标签与存储在本地缓 存库中的缓存标签不一致， 则说明该页面的整体排版已经发生变化， 需要更新本地缓 存库中的缓存。 在更新缓存的过程中， 首先删除存储在缓存库中的该页面的排版树， 然后重新解析该页面， 并且重新生成该页面的排版树，然后重新缓存到本地缓存库中。 具体地， 根据增加的页面节点元素的缓存标签， 当有页面内容发生更新时， 将该 缓存标签标记为更新状态。 当浏览器解析到该节点元素时， 根据增加的页面节点元素 的缓存标签来判断该页面内容 （即节点元素） 是否发生了更新。 如果该节点元素发生 了更新， 则删除原节点元素的排版树节点， 然后重新生成新的该节点元素的排版树节 点。 S130:将生成的与更新节点相对应的排版树节点替换更新节点原有的排版树节点。 具体地， 在复制的页面的排版树中， 用更新节点的排版树节点替换与更新节点对 应的排版树节点， 并打开更新节点的排版树节点及其父亲节点、祖先节点的排版开关。 其中， 在用更新节点的排版树节点替换更新节点对应排版树节点的过程中， 将与 更新节点对应的排版树节点删除， 然后插入更新节点的排版树节点。 也就是说， 在将生成的与更新节点相对应的排版树节点替换更新节点原有的排版 树节点的过程中， 将更新节点原有的排版树节点删除， 然后插入生成的与更新节点相 对应的排版树节点。
S140: 在排版树内， 对生成的与更新节点相对应的排版树节点、 更新节点的父亲 节点以及更新节点的祖先节点进行重新排版。 具体地， 在完成所有更新节点的排版树节点的替换后， 在排版树内， 对打开排版 开关的所有排版树节点进行重新排版。 其中， 在完成重新排版后进入渲染流程， 并将渲染效果 （即最终的网页效果） 呈 现给用户。 通过图 1所示的流程可以看出， 本发明根据页面中增加的缓存标签， 将移动浏览 器在解析页面时， 生成的排版树进行缓存， 然后再根据页面中增加的页面节点元素的 缓存标签， 将只发生变化的节点元素进行重新构造， 同时将只发生变化的节点元素进 行重新排版， 从而减少页面排版的时间， 提升网页更新显示的速度。
为了更为详细地说明本发明提供的页面排版的流程， 图 2示出了根据本发明实施 例的页面排版的详细流程。 需要说明的是， 在进入图 2所示的流程之前， 在网页端需要增加该页面的缓存标 签， 以标记该页面的 DOM树与排版树可以进行缓存， 以及标记节点元素的内容是否 发生变化。 其中，网页端 webkit中每个 html页面对应于一棵 DOM树， DOM树用于描述 html 页面的信息。 从 MVC (Model View Controller, 模型视图控制器） 的角度来看， DOM 树属于 MVC中的 M部分， 即模型部分。 接下来， 如图 2所示:
S201 : 移动浏览器接收网页数据。
S202: 移动浏览器解析该页面的缓存标签， 判断是否允许读取 DOM树与排版树 的缓存， 如果允许进入 S204, 否则进入 S203。
S203 : 进入正常的解析、 排版流程。
S204: 査看本地缓存库中是否缓存有该页面的 DOM树与排版树， 且该页面的缓 存标签与存储在移动浏览器的缓存库中的缓存标签是否相同， 如果是进入 S206, 否则 进入 S205。 也就是说， 如果缓存库中没有该页面的 DOM树与排版树， 或者缓存库中有该页 面的 DOM树与排版树， 但缓存标签不相同， 则进入 S205; 如果缓存库存中有该页 面的 DOM树与排版树， 且缓存标签也相同， 则进入 S206。
S205 : 清空本地缓存库中的数据， 进行正常的解析、 排版流程， 在完成排版后， 将新的 DOM树与排版树缓存到本地缓存库中。
S206: 从本地缓存库中复制一份 DOM树与排版树。 S207: 移动浏览器在继续解析该页面时， 根据增加的该页面的节点元素的缓存属 性， 找到更新的节点元素， 生成对应的 DOM树节点和排版树节点。
S208: 将更新的节点元素所对应的原节点元素的 DOM树内的节点删除， 并插入 新生成的 DOM树节点。
S209: 将更新的节点元素所对应的原节点元素的排版树内的节点删除， 并插入新 生成的排版树节点， 同时打开更新的节点元素及其父亲节点、 祖先节点的排版开关。
S210: 完成全部更新节点的替换后， 对打开排版开关的排版树内的全部节点重新 进行排版。
S211 : 完成排版后进入渲染流程， 最终将网页效果呈现给用户。 通过图 2所示的流程可以看出， 采用本发明提供的页面排版方法， 在页面内容发 生变化后， 能够大大减少分配节点及排版节点的操作， 节省了排版时间， 提高了页面 的刷新速度。 以下将以两个实例对本发明提供的页面排版方法进行更为详细地说明。 实例一 在网站首页内增加缓存标签：
<meta name= "cache DOM tree" version="123456"> 该缓存标签表明该页面可以使用缓存的 DOM树， 当前页面使用的 DOM树的版 本是" 123456"。
<meta name= "cache render tree" version="234567"> 该缓存标签表明该页面可以使用缓存的排版树， 当前页面使用的排版树的版本 是" 234567"。 实例二 在页面内增加该页面节点元素的缓存属性
<li volitatexa href="http://news.sina.com.cn/c/2013-09-10/192628182198.shtml" target="_blank" > 李 克 强 出 席 夏 季 达 沃 斯 答 问 </a> <a href="http://news.sina.com.cn/c/2013-09-10/181628181738.shtml" target="_blank">称当农 民对任总理受益匪浅 </a></li> 该页面节点元素增加了 volitate关键字， 浏览器在解析到这个关键字时，会査看对 应的节点内容是否发生了变化， 如果没有发生变化， 则保留原节点， 否则删除并创建 新的节点， 同时打开该元素对应的排版节点的排版开关。 图 3-1与图 3-2分别为网页更新前与更新后的效果对比图，其中图 3-1示出了网页 更新前的效果， 图 3-2示出了网页更新后的效果。 对于图 3-2， 其元素对应如下：
<ul class="uni-blk-listO 1 list-a"><li><a class="videoNewsLeft" href="http://video. sina.com.cn/news/" target="_blank"> 新 |¾ </a>|<a target="_blank" href="http://video.sina.com.cn/news/">朱镕基说英文介绍新书<^></1
<li volitate ><a target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/xlyhw/?opsubject_id=topl#l 14377138" class="videoNewsLeft"> 奥 巴 马 称 妻 子 反 战 </a> <a target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/xlyhw/?opsubject_id=topl#l 14383361"〉访叙 总统 </a></li>
<li volitate ><a target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/zsgdtrz/?opsubject_id=topl#l 14361952" class="videoNewsLeft"> 张 曙 光 案 公 审 </a> <a target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/gzfwbz/?opsubject_id=topl#l 14363193">广州 爆炸现场</&></1
<li><a target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/topvideos/?opsubject_id=topl#l 14328443" class="videoNewsLeft"> 乘 客 坠 地 铁 隧 道 </a> <a volitate target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/topvideos/?opsubject_id=topl#11433726r'>女 汉子摁贼</&></1
<li><a target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/topvideos/?opsubject_id=topl#l 14331366" class="videoNewsLeft"> 老 头 强 吻 女 童 </a> <a volitate target="_blank" href="http：〃 video. sina.com. cn/vlist/news/zt/18newsroom/?opsubject_id=topl#l 14387151"
>奇葩老师盘点 </a></li>
</ul> 改变的页面节点元素被标记为' olitate", 即意味着该页面内容发生了变化， 需要 移动浏览器对变化的内容进行刷新处理。 与上述方法相对应， 本发明还提供一种页面排版系统， 图 4示出了根据本发明实 施例的页面排版系统的逻辑结构。 如图 4所示， 本发明提供的页面排版系统 400包括排版树复制单元 410、 排版树 节点生成单元 420、 排版树节点更新单元 430和排版单元 440。 其中， 排版树复制单元 410用于在解析页面时， 当本地缓存库中缓存有页面的排 版树， 且页面中的缓存标签与存储在本地缓存库中的缓存标签相同时， 从本地缓存库 中复制页面的排版树； 排版树节点生成单元 420用于根据页面节点元素的缓存标签， 找到页面节点元素的更新节点， 生成与更新节点相对应的排版树节点。 排版树节点更新单元 430用于在将生成的与更新节点相对应的排版树节点替换更 新节点原有的排版树节点； 排版单元 440用于对生成的与更新节点相对应的排版树节点、 更新节点的父亲以 及更新节点的祖先节点进行重新排版。 本发明根据页面中增加的缓存标签， 将移动浏览器在解析页面时， 生成的排版树 进行缓存， 然后再根据页面中增加的页面节点元素的缓存标签， 将只发生变化的节点 元素进行重新构造， 同时将只发生变化的节点元素进行重新排版， 从而减少页面排版 的时间， 提升网页更新显示的速度。 在本发明的一个或者多个实施方式中， 排版树复制单元 410在解析页面时， 如果 在本地缓存库中没有査找到页面的排版树， 则解析页面， 生成页面的排版树， 然后将 生成的页面的排版树保存到本地缓存库中。 在本发明的一个或者多个实施方式中， 排版树复制单元 410 进一步包括排版树处 理单元， 用于当页面中的缓存标签与存储在本地缓存库中的缓存标签不相同时， 删除 本地缓存库中的页面的排版树， 然后将解析页面生成的排版树保存到本地缓存库中。 在本发明的一个或者多个实施方式中， 树节点更新单元 430在将生成的与更新节 点相对应的排版树节点替换更新节点原有的排版树节点的过程中， 将更新节点原有的 排版树节点删除， 然后插入生成的与更新节点相对应的排版树节点。 在本发明的一个或者多个实施方式中， 系统还可以包括： 添加模块， 用于在页面 中增加缓存标签， 缓存标签用于确认页面的排版树在移动浏览器的本地缓存库中进行 缓存。 在本发明的一个或者多个实施方式中， 系统还可以包括： 更新缓存标签单元， 用 于根据页面节点元素的缓存标签， 当有页面节点元素发生更新时， 将页面节点元素的 缓存标签标记为更新状态； 更新处理单元， 用于当解析到页面节点元素时， 根据页面 节点元素的缓存标签来判断页面节点元素是否发生了更新， 如果检测到页面节点元素 的缓存标签标记为更新状态， 则删除页面节点元素的排版树节点， 然后重新生成新的 页面节点元素的排版树节点。 本申请实施例所提供的各个功能单元可以在移动终端、 计算机终端或者类似的运 算装置中运行， 也可以作为存储介质的一部分进行存储。 由此， 本发明的实施例可以提供一种计算机终端， 该计算机终端可以是计算机终 端群中的任意一个计算机终端设备。 可选地， 在本实施例中， 上述计算机终端也可以 替换为移动终端等终端设备。 可选地， 在本实施例中， 上述计算机终端可以位于计算机网络的多个网络设备中 的至少一个网络设备。 在本实施例中， 上述计算机终端可以执行页面排版方法中以下步骤的程序代码： 在解析页面时， 如果本地缓存库中缓存有页面的排版树， 且页面中的缓存标签与存储 在本地缓存库中的缓存标签相同时， 则从本地缓存库中复制页面的排版树； 根据页面 节点元素的缓存标签， 找到页面节点元素的更新节点， 生成与更新节点相对应的排版 树节点； 将生成的与更新节点相对应的排版树节点替换更新节点原有的排版树节点； 在排版树内， 对生成的与更新节点相对应的排版树节点、 更新节点的父亲节点以及更 新节点的祖先节点进行重新排版。 可选地， 该计算机终端可以包括： 一个或多个处理器、 存储器、 以及传输装置。 其中， 存储器可用于存储软件程序以及模块， 如本发明实施例中的页面排版方法 和系统对应的程序指令 /模块， 处理器通过运行存储在存储器内的软件程序以及模块， 从而执行各种功能应用以及数据处理， 即实现上述的页面排版方法。 存储器可包括高 速随机存储器， 还可以包括非易失性存储器， 如一个或者多个磁性存储装置、 闪存、 或者其他非易失性固态存储器。 在一些实例中， 存储器可进一步包括相对于处理器远 程设置的存储器， 这些远程存储器可以通过网络连接至终端。 上述网络的实例包括但 不限于互联网、 企业内部网、 局域网、 移动通信网及其组合。 上述的传输装置用于经由一个网络接收或者发送数据。 上述的网络具体实例可包 括有线网络及无线网络。 在一个实例中， 传输装置包括一个网络适配器 （Network Interface Controller, NIC), 其可通过网线与其他网络设备与路由器相连从而可与互联 网或局域网进行通讯。 在一个实例中， 传输装置为射频（Radio Frequency, RF)模块， 其用于通过无线方式与互联网进行通讯。 其中， 具体地， 存储器用于存储预设动作条件和预设权限用户的信息、 以及应用 程序。 处理器可以通过传输装置调用存储器存储的信息及应用程序， 以执行上述方法实 施例中的各个可选或优选实施例的方法步骤的程序代码。 本领域普通技术人员可以理解， 计算机终端也可以是智能手机（如 Android手机、 iOS手机等）、平板电脑、掌声电脑以及移动互联网设备（ Mobile Internet Devices, MID )、 PAD等终端设备。 本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以 通过程序来指令终端设备相关的硬件来完成， 该程序可以存储于一计算机可读存储介 质中， 存储介质可以包括： 闪存盘、 只读存储器 （Read-Only Memory, ROM)、 随机 存取器 （Random Access Memory, RAM)、 磁盘或光盘等。 本发明的实施例还提供了一种存储介质。 可选地， 在本实施例中， 上述存储介质 可以用于保存上述方法实施例和系统实施例所提供的页面排版方法所执行的程序代 码。 可选地， 在本实施例中， 上述存储介质可以位于计算机网络中计算机终端群中的 任意一个计算机终端中， 或者位于移动终端群中的任意一个移动终端中。 可选地， 在本实施例中， 存储介质被设置为存储用于执行以下步骤的程序代码： 在解析页面时， 如果本地缓存库中缓存有页面的排版树， 且页面中的缓存标签与存储 在本地缓存库中的缓存标签相同时， 则从本地缓存库中复制页面的排版树； 根据页面 节点元素的缓存标签， 找到页面节点元素的更新节点， 生成与更新节点相对应的排版 树节点； 将生成的与更新节点相对应的排版树节点替换更新节点原有的排版树节点； 在排版树内， 对生成的与更新节点相对应的排版树节点、 更新节点的父亲节点以及更 新节点的祖先节点进行重新排版。 可选地， 在本实施例中， 存储介质还可以被设置为存储用于执行页面排版方法提 供的各种优选地或可选的方法步骤的程序代码。 如上参照附图以示例的方式描述了根据本发明的页面排版方法及系统。 但是， 本 领域技术人员应当理解， 对于上述本发明所提出的页面排版方法及系统， 还可以在不 脱离本发明内容的基础上做出各种改进。 因此， 本发明的保护范围应当由所附的权利 要求书的内容确定。

Claims

权 利 要 求 书 、 一种页面排版方法， 包括：
在解析页面时， 如果本地缓存库中缓存有所述页面的排版树， 且所述页面 中的缓存标签与存储在所述本地缓存库中的缓存标签相同时， 则从所述本地缓 存库中复制所述页面的排版树；
根据页面节点元素的缓存标签， 找到所述页面节点元素的更新节点， 生成 与所述更新节点相对应的排版树节点；
将生成的与所述更新节点相对应的排版树节点替换所述更新节点原有的排 版树节点； 以及
在所述排版树内， 对生成的与所述更新节点相对应的排版树节点、 所述更 新节点的父亲节点以及所述更新节点的祖先节点进行重新排版。 、 如权利要求 1所述的页面排版方法， 其特征在于， 在解析所述页面之前， 所述 方法还包括： 在所述页面中增加缓存标签， 所述缓存标签用于确认所述页面的排版树在 移动浏览器的所述本地缓存库中进行缓存。 、 如权利要求 1所述的页面排版方法， 其特征在于， 在解析页面时， 所述方法还 包括：
判断在所述本地缓存库中是否査找到所述页面的排版树， 其中， 在解析所述页面时， 如果在所述本地缓存库中没有査找到所述页面的排版 树， 则解析所述页面， 生成所述页面的排版树， 然后将生成的所述页面的排版 树保存到所述本地缓存库中。 、 如权利要求 1所述的页面排版方法， 其特征在于， 在解析页面时， 所述方法还 包括： 判断所述页面中的缓存标签与存储在所述本地缓存库中的缓存标签是否相 同， 其中，
如果所述页面中的缓存标签与存储在所述本地缓存库中的缓存标签不相 同， 则删除所述本地缓存库中的所述页面的排版树， 然后将解析所述页面生成 的排版树保存到所述本地缓存库中。 、 如权利要求 1所述的页面排版方法， 在根据页面节点元素的缓存标签， 找到所 述页面节点元素的更新节点， 生成与所述更新节点相对应的排版树节点之前， 所述方法还包括： 根据所述页面节点元素的缓存标签， 当有所述页面节点元素发生更新时， 将所述页面节点元素的缓存标签标记为更新状态； 以及 其中， 当解析到所述页面节点元素时， 根据所述页面节点元素的缓存标签 来判断所述页面节点元素是否发生了更新， 如果检测到所述页面节点元素的缓 存标签标记为更新状态， 则删除所述页面节点元素的排版树节点， 然后重新生 成新的所述页面节点元素的排版树节点。 、 如权利要求 1至 5任一项所述的页面排版方法， 其中， 在将生成的与所述更新 节点相对应的排版树节点替换所述更新节点原有的排版树节点的过程中，
将所述更新节点原有的排版树节点删除， 然后插入生成的与更新节点相对 应的排版树节点。 、 一种页面排版系统， 包括： 排版树复制单元， 用于在解析页面时， 当本地缓存库中缓存有所述页面的 排版树， 且所述页面中的缓存标签与存储在所述本地缓存库中的缓存标签相同 时， 从所述本地缓存库中复制所述页面的排版树； 排版树节点生成单元， 用于根据页面节点元素的缓存标签， 找到所述页面 节点元素的更新节点， 生成与所述更新节点相对应的排版树节点；
排版树节点更新单元， 用于将生成的与所述更新节点相对应的排版树节点 替换所述更新节点原有的排版树节点； 以及
排版单元， 用于在所述排版树内， 对生成的与所述更新节点相对应的排版 树节点、所述更新节点的父亲节点以及所述更新节点的祖先节点进行重新排版。 、 如权利要求 7所述的页面排版方法， 其特征在于， 所述系统还包括： 添加模块， 用于在所述页面中增加缓存标签， 所述缓存标签用于确认所述 页面的排版树在移动浏览器的所述本地缓存库中进行缓存。 、 如权利要求 7所述的页面排版系统， 其特征在于， 所述排版树复制单元进一步 包括： 第一排版树处理单元， 用于在所述排版树复制单元在解析所述页面时， 如 果在所述本地缓存库中没有査找到所述页面的排版树， 则解析所述页面， 生成 所述页面的排版树，然后将生成的所述页面的排版树保存到所述本地缓存库中。 、 如权利要求 7所述的页面排版系统， 其特征在于， 所述排版树复制单元进一步 包括： 第二排版树处理单元， 用于当所述页面中的缓存标签与存储在所述本地缓 存库中的缓存标签不相同时， 删除所述本地缓存库中的所述页面的排版树， 然 后将解析所述页面生成的排版树保存到所述本地缓存库中。 、 如权利要求 7所述的页面排版系统， 所述系统还包括： 更新缓存标签单元， 用于根据所述页面节点元素的缓存标签， 当有所述页 面节点元素发生更新时， 将所述页面节点元素的缓存标签标记为更新状态； 以 及
更新处理单元， 用于当解析到所述页面节点元素时， 根据所述页面节点元 素的缓存标签来判断所述页面节点元素是否发生了更新， 如果检测到所述页面 节点元素的缓存标签标记为更新状态，则删除所述页面节点元素的排版树节点， 然后重新生成新的所述页面节点元素的排版树节点。 、 如权利要求 7至 11任一项所述的页面排版系统，其中，所述排版树节点更新单 元包括：
子更新处理单元， 用于将所述更新节点原有的排版树节点删除， 然后插入 生成的与更新节点相对应的排版树节点。 、 一种计算机终端， 用于执行所述权利要求 1所述的页面排版方法提供的步骤的 程序代码。 种存储介质， 用于保存所述权利要求 1所述的页面排版方法所执行的程序代
PCT/CN2014/080617 2013-10-31 2014-06-24 页面排版方法及系统 WO2015062292A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201310533531.2A CN103678486A (zh) 2013-10-31 2013-10-31 页面排版方法及系统
CN201310533531.2 2013-10-31

Publications (1)

Publication Number Publication Date
WO2015062292A1 true WO2015062292A1 (zh) 2015-05-07

Family

ID=50316031

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2014/080617 WO2015062292A1 (zh) 2013-10-31 2014-06-24 页面排版方法及系统

Country Status (2)

Country Link
CN (1) CN103678486A (zh)
WO (1) WO2015062292A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115905761A (zh) * 2022-10-27 2023-04-04 智网安云(武汉)信息技术有限公司 一种浏览器渲染性能提升的方法

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103678486A (zh) * 2013-10-31 2014-03-26 北京优视网络有限公司 页面排版方法及系统
CN106599263B (zh) * 2016-12-21 2020-05-19 阿里巴巴（中国）有限公司 一种内容筛选方法、系统及用户终端
CN107066524B (zh) * 2017-02-20 2020-01-07 平安科技（深圳）有限公司 产品项的显示方法和装置
CN107688650B (zh) * 2017-08-31 2021-12-10 麒麟合盛网络技术股份有限公司 一种web页面生成方法和装置
CN111428167B (zh) * 2020-03-05 2023-09-08 亚美智联数据科技有限公司 一种页面显示方法和装置
CN111931089A (zh) * 2020-06-28 2020-11-13 北京摩迅筑路机械有限公司 前端页面信息流广告展示方法及系统

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101082915A (zh) * 2006-05-29 2007-12-05 陈鹰 一种浏览器本地页面的存储和更新方法
CN101192233A (zh) * 2007-03-29 2008-06-04 腾讯科技（深圳）有限公司 一种对网页进行动态更新的方法、系统及设备
CN102365636A (zh) * 2009-03-31 2012-02-29 高通股份有限公司 用于再现页的设备和方法
CN102982181A (zh) * 2012-12-18 2013-03-20 北京奇虎科技有限公司 一种在浏览器侧展现网页数据的方法及装置
CN103678486A (zh) * 2013-10-31 2014-03-26 北京优视网络有限公司 页面排版方法及系统

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120110437A1 (en) * 2010-10-28 2012-05-03 Microsoft Corporation Style and layout caching of web content
US8539338B2 (en) * 2011-04-11 2013-09-17 Microsoft Corporation Cooperative rendering cache for mobile browser

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101082915A (zh) * 2006-05-29 2007-12-05 陈鹰 一种浏览器本地页面的存储和更新方法
CN101192233A (zh) * 2007-03-29 2008-06-04 腾讯科技（深圳）有限公司 一种对网页进行动态更新的方法、系统及设备
CN102365636A (zh) * 2009-03-31 2012-02-29 高通股份有限公司 用于再现页的设备和方法
CN102982181A (zh) * 2012-12-18 2013-03-20 北京奇虎科技有限公司 一种在浏览器侧展现网页数据的方法及装置
CN103678486A (zh) * 2013-10-31 2014-03-26 北京优视网络有限公司 页面排版方法及系统

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115905761A (zh) * 2022-10-27 2023-04-04 智网安云(武汉)信息技术有限公司 一种浏览器渲染性能提升的方法
CN115905761B (zh) * 2022-10-27 2024-01-26 智网安云(武汉)信息技术有限公司 一种浏览器渲染性能提升的方法

Also Published As

Publication number Publication date
CN103678486A (zh) 2014-03-26

Similar Documents

Publication Publication Date Title
WO2015062292A1 (zh) 页面排版方法及系统
RU2611965C2 (ru) Способ и устройство отображения страницы
US10699061B2 (en) Application page quick access
RU2604326C2 (ru) Метод просмотра web-страниц, платформа webapp, метод и устройство для исполнения javascript для мобильных терминалов
CN104035753B (zh) 一种双WebView展示定制页面的方法及系统
US10289649B2 (en) Webpage advertisement interception method, device and browser
JP6488508B2 (ja) ウェブページのアクセス方法、装置、デバイス及びプログラム
US8756313B2 (en) Method and system for notifying network resource updates
CN103502983A (zh) 利用基于DOM的同构来备忘缓存Web浏览计算
CN103106196A (zh) 一种恢复浏览器网页的方法和装置
WO2016016734A1 (en) Managing web browser cache for offline browsing
KR101785595B1 (ko) 구조화 문서의 페이지렛의 캐싱
CN103473326A (zh) 一种提供搜索建议的方法和装置
WO2021098242A1 (zh) 页面处理方法、装置、电子设备和计算机可读介质
US20180285458A1 (en) Method and system for generating an offline search engine result page
CN104268229A (zh) 一种基于多进程浏览器的资源获得方法及装置
EP2933731A1 (en) Method for configuring browser bookmarks, device and terminal thereof
CN104809173A (zh) 一种搜索结果的处理方法和装置
CN102779172B (zh) 一种网页中非正文文本的识别系统及方法
CN103150355A (zh) 一种网页内容预览的方法、装置及设备
EP2998885A1 (en) Method and device for information search
CN105808636B (zh) 一种基于app信息数据的超文本链接推送系统
KR20150029719A (ko) 웹 브라우저 동작 방법 및 시스템
US10417296B1 (en) Intelligent bookmarking with URL modification
CN105808628A (zh) 网页转码方法、装置及系统

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 14857012

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 14857012

Country of ref document: EP

Kind code of ref document: A1