WO2014026509A1 - Page display typesetting method and device - Google Patents

Page display typesetting method and device Download PDF

Info

Publication number
WO2014026509A1
WO2014026509A1 PCT/CN2013/078308 CN2013078308W WO2014026509A1 WO 2014026509 A1 WO2014026509 A1 WO 2014026509A1 CN 2013078308 W CN2013078308 W CN 2013078308W WO 2014026509 A1 WO2014026509 A1 WO 2014026509A1
Authority
WO
WIPO (PCT)
Prior art keywords
node
predetermined
typesetting
page
nodes
Prior art date
Application number
PCT/CN2013/078308
Other languages
French (fr)
Chinese (zh)
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 WO2014026509A1 publication Critical patent/WO2014026509A1/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR 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

Definitions

  • the present invention claims the priority of the Chinese patent application filed on August 14, 2012 by the Chinese Patent Office, the application number is 201210289330.8, and the invention name is "page display typesetting method and device", the entire contents thereof The invention is incorporated by reference.
  • TECHNICAL FIELD The present invention relates to the field of communications, and in particular to a method and apparatus for typesetting a page display. Background technique
  • JS code is triggered by some events or timers, and may eventually generate some other elements on the page, which affects the display effect of the forum mode page, thus affecting the user's browsing experience.
  • . 1 is a schematic diagram of displaying a Tianya Forum page on a mobile terminal according to the related art. As shown in Figure 1, after the forum mode page is generated in the browser and the web page of the original Tianya Forum is hidden, some JS of the original web page of the Tianya Forum will generate some new Hypertext Markup Language (HTML) elements. , for example: The navigation bar that appears at the bottom of the page.
  • HTML Hypertext Markup Language
  • the JS of these elements Since the JS of these elements is triggered by a timer, it may be executed after the JS we injected. At this time, although we hide other HTML elements, we can't hide the newly created HTML elements. Even if they are not newly created HTML elements, they may redisplay our hidden original page elements. Also, related attributes are pre-specified in the attribute list of these elements, and these attributes have higher priority, so they cannot be masked using Cascading Style Sheets (CSS). If you delete the JS of these elements to avoid the above situation, it may lead to negative effects such as imperfect web pages or incomplete information.
  • CSS Cascading Style Sheets
  • the invention provides a method and a device for typesetting a page display, so as to at least solve the problem that the interrogation element affects the page display effect when the page is typed by using the injected JS code in the related art.
  • a method of typesetting a page display is provided.
  • the layout method of the page display according to the present invention includes: the page parser receives the text from the target page, wherein the text includes each node set in the target page according to a preset layout manner; the page parser presets the text according to the preset Each node set by the typesetting method performs parsing.
  • the first predetermined extension program corresponding to the first predetermined calling interface is invoked through the first predetermined calling interface to perform on each node that has been set according to the preset layout mode.
  • Re-typesetting wherein the first predetermined calling interface and the first predetermined extension are configured in the browser.
  • the first predetermined calling interface is a pre-written calling function, wherein the first predetermined extension program is called by calling the function, and the first predetermined extension program is used to determine the re-layout mode of each node.
  • the first predetermined calling interface is a JS interface.
  • calling the first predetermined extension program corresponding to the first predetermined calling interface to re-type each node that has been currently set according to the preset layout manner comprises: determining, according to the first predetermined extension program, the node to be re-typed, and hiding A node other than the node to be re-formatted in each of the nodes that have been typeset according to the preset layout; re-type the target page.
  • the node to be re-formatted is determined according to the first predetermined extension program, and the nodes other than the node to be re-typed in each node that has been typeset according to the preset layout manner are hidden:
  • Each of the set nodes sets a layout identifier, wherein the determined layout identifier of the node to be re-formatted is set to a first predetermined value, and the nodes that have been typeset according to the preset layout manner are excluded from the nodes to be re-formatted.
  • the typographic identifier of the other nodes is set to a second predetermined value; re-formatting the target page includes: sequentially determining the typographic identifiers of the respective nodes that have been set according to the preset typographic manner; and performing the node with the typographic identifier as the first predetermined value Reformat.
  • the method further includes: when the page parser resolves to the second predetermined calling interface And calling a second predetermined extension program corresponding to the second predetermined calling interface to redisplay part or all of the nodes that have been hidden in the current page.
  • a typesetting device for page display is provided.
  • the typesetting apparatus for displaying a page includes: a receiving module, configured to receive text from a target page, wherein the text includes each node set in a preset typesetting manner in the target page; For parsing each node in the text according to the preset layout mode, after acquiring the text end message, calling the first predetermined extension program corresponding to the first predetermined calling interface through the first predetermined calling interface has been followed Each node set by the preset layout mode performs re-laying, wherein the first predetermined calling interface and the first predetermined extension program are configured in the browser.
  • the typesetting module comprises: a processing unit, configured to determine a node to be re-formatted according to the first predetermined extension program, and hide other nodes of the nodes that have been typeset according to the preset layout manner except the node to be re-formatted ; typesetting unit, used to re-format the target page.
  • the processing unit includes: a setting unit, configured to set a layout identifier for each node that has been set according to a preset layout manner, wherein the determined layout identifier of the node to be re-formatted is set to a first predetermined value, and The layout identifier of the node other than the node to be re-typed in each of the nodes arranged in the preset layout manner is set to a second predetermined value;
  • the typesetting unit includes: a determination unit, configured to sequentially set the layout according to the preset layout mode The typesetting identifier of each node is judged; and the executing unit is configured to re-type the node whose typesetting identifier is the first predetermined value.
  • the device further includes: a display module, configured to, when parsing to the second predetermined calling interface, invoke a second predetermined extension program corresponding to the second predetermined calling interface to redisplay part or all of the nodes that are hidden in the current page .
  • a display module configured to, when parsing to the second predetermined calling interface, invoke a second predetermined extension program corresponding to the second predetermined calling interface to redisplay part or all of the nodes that are hidden in the current page .
  • a computer readable medium having program code executable by a processor, when executed, causes the processor to perform the steps of:
  • the re-layout has been performed by each node that has been set in accordance with a preset layout, wherein the first predetermined calling interface and the first predetermined extension are configured in a browser.
  • the first predetermined calling interface is inserted into the text of the target page, and when the page parser resolves to the first predetermined calling interface, the extension program corresponding to the first predetermined calling interface is invoked, and the extension program is set according to the extension program.
  • the fixed display mode re-types each node that has been set according to the preset layout mode, and solves the problem that the related technology can not avoid the interference element affecting the page display effect when using the injected JS code to typeset the page, thereby avoiding the display page. Interference elements appear on the screen, which improves the user's comfort in browsing the web.
  • FIG. 1 is a schematic diagram of displaying a Tianya Forum page on a mobile terminal according to the related art
  • FIG. 2 is a flow chart of a method of typesetting a page display according to an embodiment of the present invention
  • FIG. 3 is a flow chart of a method of typesetting a page display in accordance with a preferred embodiment of the present invention.
  • FIG. 4 is a schematic diagram of a re-formatted Tianya Forum display page according to a preferred embodiment of the present invention
  • FIG. 5 is a block diagram showing a structure of a page display typesetting apparatus according to an embodiment of the present invention
  • FIG. 6 is a block diagram showing the structure of a typesetting apparatus for page display according to a preferred embodiment of the present invention.
  • BEST MODE FOR CARRYING OUT THE INVENTION will be described in detail with reference to the accompanying drawings. It should be noted that the embodiments in the present application and the features in the embodiments may be combined with each other without conflict.
  • FIG. 2 is a flow chart of a method of typesetting a page display according to an embodiment of the present invention. As shown in Figure 2, the method can include the following steps:
  • Step S202 The page parser receives the text from the target page, where the text includes each node set in the target layout according to a preset layout manner;
  • Step S204 The page parser parses each node set in the text according to the preset layout mode, and after acquiring the text end message, invokes the first predetermined extension corresponding to the first predetermined calling interface through the first predetermined calling interface.
  • the program re-formats each node that has been set in accordance with a preset layout, wherein the first predetermined calling interface and the first predetermined extension are configured in the browser.
  • the text end message is set at the end of the text loaded by the webpage.
  • a first predetermined calling interface is newly added to the client of the local browser, and a first predetermined extension program is configured for the first predetermined calling interface, and the first predetermined extension program determines Re-typesetting of each node.
  • the first predetermined calling interface is a pre-written calling function, wherein the first predetermined extension is invoked by calling the function, and the first predetermined extension is used to determine the re-formatting mode of each node.
  • the first predetermined calling interface may be, but not limited to, a JS interface.
  • calling the first predetermined extension program corresponding to the first predetermined calling interface to re-type each node that has been set in the preset layout manner may include the following processing:
  • Step S1 determining a node to be re-formatted according to the first predetermined extension program, and hiding nodes other than the node to be re-typed among the nodes that have been typeset according to the preset typesetting manner.
  • Step S2 Re-type the target page.
  • the page parser resolves to the first predetermined calling interface, the first predetermined extension program is invoked, wherein the setting of the first predetermined extension program is Re-type the A node and the B node.
  • the browser will re-type the A node and the B node in the target page according to the setting of the first predetermined extension, and hide the C node.
  • the node to be re-formatted is determined according to the first predetermined extension program, and the nodes other than the node to be re-formatted among the nodes that have been typeset according to the preset layout mode may be hidden to include the following operations:
  • a layout identifier for each node that has been set according to a preset layout manner wherein the determined layout identifier of the node to be re-formatted is set to a first predetermined value, and the nodes that have been typeset according to the preset layout manner are excluded.
  • the layout identifier of the node other than the node to be reformatted is set to the second predetermined value.
  • the layout identifiers may be set for each node that has been set according to the preset layout mode, and the layout identifiers of the respective nodes determine which nodes in each node need to be re-typed, and which nodes need to be hidden.
  • the layout identifier of the node is the first predetermined value (such as: true), it indicates that the node needs to be typeset; when the layout identifier of the node is the second predetermined value (such as: false), it indicates that the node needs to be hidden.
  • re-formatting the target page may include the following operations:
  • Step S21 sequentially determining the typesetting identifiers of the respective nodes that have been set according to the preset typesetting manner;
  • Step S22 Re-type the node whose layout identifier is the first predetermined value.
  • some judgments are inserted in the typesetting process, and it is determined whether a node needs to be typeset according to the value of the typesetting identifier of each node.
  • the node is typeset only when the layout identifier of the node is the first predetermined value.
  • step S204 After the first predetermined extension program corresponding to the first predetermined calling interface is invoked to re-type each node that has been set according to the preset layout mode, the following steps may be further included in the step S204:
  • the page parser upon parsing to the second predetermined invocation interface (eg, ucweb.ui. unsetRenderElements), invokes a second predetermined extension corresponding to the second predetermined invocation interface to redisplay some or all of the nodes that are already hidden within the current page.
  • the second predetermined invocation interface eg, ucweb.ui. unsetRenderElements
  • the second predetermined calling interface is a JS interface object
  • a JS interface object is added to the JS of the browser
  • the second predetermined extension program is configured for the JS interface object
  • the JS interface object is named "ucweb.ui”
  • the user interface (User Interface, UI for short) of the browser can be controlled through the interface, and corresponding functions and attributes are added to the JS interface object by calling the function.
  • the implementation calls the second predetermined extension. Assuming that one of the functions is called "renderElements", you can change the layout of the browser by calling this function, and let the browser only type the node specified by the parameter.
  • This parameter needs to include the set of node objects to be typeset (may be One, or more than one).
  • the new JS interface can use JS code to call through layers to finally change the way the browser is typeset. This interface can be called to the Content Script of the Web App.
  • Web App developers can use the new JS interface to use the Content Script of the Web App framework to notify each Web App of the corresponding registered JS file at the end of the text loading (DOCUMENT_END) stage. You can use these JS files to set up the typeset nodes.
  • FIG. 3 is a flow chart of a typesetting method for page display of the preferred embodiment.
  • the browser's web page can be displayed, and the browser's new JS interface can be used to control the way the browser is typeset.
  • the browser kernel is responsible for loading, displaying, and executing the JS, which is the core of the browser, including the JS engine and the layout rendering engine;
  • the JS front end refers to the JS code in the web page;
  • the JS engine is Refers to the module in the browser related to JS execution.
  • Step S302 The browser kernel extends a JS interface object in the JS engine, and adds a JS sub-object in the JS interface object.
  • Step S304 The browser kernel adds a function related to the UI operation in the JS sub-object, and maps the JS to the kernel through a Bindings module to complete the call to the relevant part of the kernel and the layout display, so that the JS can be passed through the JS.
  • the function is transferred to the layout display module of the kernel;
  • Step S306 When the page parser resolves to the JS interface to change the layout node (ie, calls ucweb.ui.renderElements), the JS front end directly notifies the browser kernel.
  • Step S308 The browser kernel adds a variable m_inSingleLayout in the text (document) to determine whether the single typesetting mode has been entered (that is, the mode of only one node is typeset), wherein true means that the single typesetting mode has been entered, and false means no Enter single layout mode, the default setting is false.
  • the browser kernel receives the notification from the JS front end, set the document's mjnSingleLayout to true, and record the node m_singleRender that needs to be typeset (set the parameters of the JS function interface that only typeset some nodes to be saved. node).
  • Step S312 The browser kernel traverses the RenderObject of the node that needs to be typeset again, and sets all the child nodes of the RenderObject, all the ancestors of the RenderObject, and the m_allowLayout of the RenderObject node to true, indicating that the nodes need to be typeset.
  • a new node is inserted into the dom tree and a corresponding RenderObject is generated, first determine whether the node belongs to the child node and ancestor node of m-singleRender. If yes, set the attribute of the allowableLayout of the node to true. Otherwise, Set to false.
  • the following steps may be further included:
  • the page parser is parsing to another JS interface object, which is also configured in the browser, and configures a second predetermined extension for another JS interface object, assuming that the other JS interface object is added
  • a function named "renderElements" can call the function to call the second predetermined extension, and the display of some typesetting nodes can be released. When all the nodes are unpacked, all other objects are no longer hidden. The web page element will redisplay all the nodes.
  • the step is specifically that the JS front end notifies the browser kernel of the message called by the function.
  • FIG. 4 is a schematic diagram of a Tianya Forum display page after re-typing according to the present invention. As shown in Figure 4, the browser only types the specified nodes. Although the navigation bar is generated by JS in the later stage, after the first predetermined extension is called to re-format the page by setting the first predetermined calling interface, the unnecessary interference elements are no longer displayed on the current forum mode page.
  • a WebApp search program can be implemented, and all the pictures on the current web page can be viewed on any webpage with the effect similar to the Windows Picture Viewer.
  • the viewer when the viewer is started, the original page is hidden, and a new element is generated to cause the element to display the charting program.
  • a post-generated ad element may suddenly load up and appear above the image viewer, which can have a very bad experience.
  • the browser only types the picture viewer, thereby not only does not need to manually hide all the elements of the webpage, but also does not have the problem that the display page is obscured by the advertisement.
  • FIG. 5 is a structural block diagram of a typesetting apparatus for page display according to an embodiment of the present invention.
  • the typesetting device displayed on the page may include: a receiving module 10, configured to receive text from a target page, where the text includes each node in a target page set according to a preset typesetting manner; And parsing each node set in the text according to the preset layout manner, and after obtaining the text end message, calling the first predetermined extension program corresponding to the first predetermined calling interface through the first predetermined calling interface
  • Each of the nodes set according to the preset layout mode performs re-typesetting, wherein the first predetermined calling interface and the first predetermined extension program are configured in the browser.
  • the device shown in FIG. 5 is used to solve the problem that the interrogation element affects the page display effect when the page is typed by using the injected JS code in the related art, thereby avoiding the occurrence of interference elements on the display page and improving the user browsing the webpage. Comfort.
  • the typesetting module 20 may include: a processing unit 200, configured to determine a node to be re-formatted according to the first predetermined extension program, and hide each node that has been typeset according to a preset typesetting manner. a node other than the node to be re-formatted; a typesetting unit 202 for re-formatting the target page.
  • the processing unit 200 may include: a setting unit 2000, configured to set a layout identifier for each node that has been set according to a preset layout manner, where the determined layout identifier of the node to be re-formatted is determined. The first predetermined value is set, and the typesetting identifier of the nodes other than the node to be re-typed among the respective nodes that have been typeset in the preset layout manner is set to the second predetermined value.
  • the typesetting unit 202 may include: a determining unit 2020, configured to sequentially determine a typesetting identifier of each node that has been set according to a preset typesetting manner; and an executing unit 2022, configured to identify the typesetting as The node of the first predetermined value is re-formatted.
  • the apparatus may further include: a display module 30, configured to, when parsing to the second predetermined calling interface, invoke a second predetermined extension program corresponding to the second predetermined calling interface to redisplay the current page. Some or all of the nodes that have been hidden inside.
  • an embodiment of the present invention further provides a computer readable medium having program code executable by a processor, when executed, the program code causes the processor to perform the following steps:
  • the re-layout has been performed by each node that has been set in accordance with a preset layout, wherein the first predetermined calling interface and the first predetermined extension are configured in a browser.
  • modules or steps of the present invention can be implemented by a general-purpose computing device, which can be concentrated on a single computing device or distributed over a network composed of multiple computing devices. Alternatively, they may be implemented by program code executable by the computing device, such that they may be stored in the storage device by the computing device and, in some cases, may be different from the order herein.
  • the steps shown or described are performed, or they are separately fabricated into individual integrated circuit modules, or a plurality of modules or steps are fabricated as a single integrated circuit module.
  • the invention is not limited to any specific combination of hardware and software.

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)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

A page display typesetting method and device. In the above-mentioned method, a page parser receiving text from a target page, the text comprising various nodes arranged in a preset typesetting manner in the target page; and the page parser parsing various nodes arranged in a preset typesetting manner in the text, and typesetting the various nodes already arranged in a preset typesetting manner again using a first predetermined invocation interface to invoke a first predetermined extension corresponding to the first predetermined invocation interface after acquiring a message about end of text, the first predetermined invocation interface and the first predetermined extension being configured in a browser. The method and device prevent an interference element from appearing on a display page, and improve the degree of comfort for a user to browse a webpage.

Description

页面显示的排版方法及装置 本发明要求于 2012年 8月 14日提交中国专利局、 申请号为 201210289330.8、发 明名称为 "页面显示的排版方法及装置"的中国专利申请的优先权, 其全部内容通过 引用结合在本发明中。 技术领域 本发明涉及通信领域, 具体而言, 涉及一种页面显示的排版方法及装置。 背景技术  The present invention claims the priority of the Chinese patent application filed on August 14, 2012 by the Chinese Patent Office, the application number is 201210289330.8, and the invention name is "page display typesetting method and device", the entire contents thereof The invention is incorporated by reference. TECHNICAL FIELD The present invention relates to the field of communications, and in particular to a method and apparatus for typesetting a page display. Background technique
目前, 相关技术中的浏览器大都通过集成一套网络应用 (Web App) 框架, 利用 注入计算机脚本语言例如: JS (JavaScript) 达到修改网页显示效果的目的, 例如: uc浏览的论坛模式, 其通常采用的做法是生成一个论坛模式的页面, 并隐藏原有网 页页面。  Currently, most browsers in the related art use a computer-based scripting language such as JS (JavaScript) to modify the display effect of a web page by integrating a web application (Web App) framework, for example: a forum mode of uc browsing, which is usually The approach taken is to generate a forum mode page and hide the original web page.
然而, 该做法存在着一定的问题。 因为原网页可能会运行着一些 JS代码, 这些 JS 代码通过某些事件或定时器触发, 并最终可能在页面上生成一些其他的元素, 影 响了论坛模式页面的展示效果, 从而影响用户的浏览体验。 图 1是根据相关技术的在 移动终端上显示天涯论坛页面的示意图。如图 1所示,在浏览器中生成了论坛模式的 页面, 并隐藏了原天涯论坛的网页页面后, 天涯论坛原有网页页面的一些 JS会生成 一些新的超文本标记语言 (HTML) 元素, 例如: 页面底部出现的导航栏。 由于这些 元素的 JS是通过定时器触发的, 因此可能在我们注入的 JS执行完后执行。 这时, 虽 然我们隐藏了其他的 HTML元素,但是它们新创建的 HTML元素我们已经无法隐藏。 即使不是新创建 HTML元素,他们也可能把我们隐藏的原页面元素又重新显示出来。 并且,这些元素的属性列表里已经预先规定了相关属性, 而这些属性又具有更高的优 先级, 因而无法使用级联样式表 (CSS ) 对它进行屏蔽。 若通过删除这些元素的 JS 以避免上述情况, 又可能会导致网页功能不健全或者信息不完整等负面效果。  However, there are certain problems with this approach. Because the original web page may run some JS code, these JS code is triggered by some events or timers, and may eventually generate some other elements on the page, which affects the display effect of the forum mode page, thus affecting the user's browsing experience. . 1 is a schematic diagram of displaying a Tianya Forum page on a mobile terminal according to the related art. As shown in Figure 1, after the forum mode page is generated in the browser and the web page of the original Tianya Forum is hidden, some JS of the original web page of the Tianya Forum will generate some new Hypertext Markup Language (HTML) elements. , for example: The navigation bar that appears at the bottom of the page. Since the JS of these elements is triggered by a timer, it may be executed after the JS we injected. At this time, although we hide other HTML elements, we can't hide the newly created HTML elements. Even if they are not newly created HTML elements, they may redisplay our hidden original page elements. Also, related attributes are pre-specified in the attribute list of these elements, and these attributes have higher priority, so they cannot be masked using Cascading Style Sheets (CSS). If you delete the JS of these elements to avoid the above situation, it may lead to negative effects such as imperfect web pages or incomplete information.
由于这些原本应该隐藏的元素出现在浏览器的页面上,导致原本清爽的论坛模式 页面增加了一些其他的干扰元素, 用户浏览网页的舒适度明显降低。 发明内容 Since these elements that should be hidden appear on the browser's page, the original refreshed forum mode page adds some other interference elements, and the user's browsing webpage comfort is significantly reduced. Summary of the invention
本发明提供了一种页面显示的排版方法及装置,以至少解决相关技术中利用注入 JS代码对页面进行排版时无法避免出现干扰元素影响页面显示效果的问题。  The invention provides a method and a device for typesetting a page display, so as to at least solve the problem that the interrogation element affects the page display effect when the page is typed by using the injected JS code in the related art.
根据本发明的一个方面, 提供了一种页面显示的排版方法。  According to an aspect of the present invention, a method of typesetting a page display is provided.
根据本发明的页面显示的排版方法包括: 页面解析器接收来自于目标页面的文 本, 其中, 该文本包括目标页面中按照预设排版方式设置的各个节点; 页面解析器对 文本中的按照预设排版方式设置的各个节点进行解析,在获取到文本结束消息后,通 过第一预定调用接口调用与该第一预定调用接口对应的第一预定扩展程序对已经按 照预设排版方式设置的各个节点进行重新排版,其中,第一预定调用接口和第一预定 扩展程序配置在浏览器中。  The layout method of the page display according to the present invention includes: the page parser receives the text from the target page, wherein the text includes each node set in the target page according to a preset layout manner; the page parser presets the text according to the preset Each node set by the typesetting method performs parsing. After the text end message is obtained, the first predetermined extension program corresponding to the first predetermined calling interface is invoked through the first predetermined calling interface to perform on each node that has been set according to the preset layout mode. Re-typesetting, wherein the first predetermined calling interface and the first predetermined extension are configured in the browser.
优选地, 第一预定调用接口为预先编写的调用函数, 其中, 通过调用函数调用第 一预定扩展程序, 第一预定扩展程序用于确定各个节点的重新排版方式。  Preferably, the first predetermined calling interface is a pre-written calling function, wherein the first predetermined extension program is called by calling the function, and the first predetermined extension program is used to determine the re-layout mode of each node.
优选地, 第一预定调用接口为 JS接口。  Preferably, the first predetermined calling interface is a JS interface.
优选地,调用与该第一预定调用接口对应的第一预定扩展程序对当前已经按照预 设排版方式设置的各个节点进行重新排版包括:根据第一预定扩展程序确定待重新排 版的节点,并隐藏已经按照预设排版方式进行排版的各个节点中除待重新排版的节点 之外的其他节点; 对目标页面进行重新排版。  Preferably, calling the first predetermined extension program corresponding to the first predetermined calling interface to re-type each node that has been currently set according to the preset layout manner comprises: determining, according to the first predetermined extension program, the node to be re-typed, and hiding A node other than the node to be re-formatted in each of the nodes that have been typeset according to the preset layout; re-type the target page.
优选地,根据第一预定扩展程序确定待重新排版的节点, 并隐藏已经按照预设排 版方式进行排版的各个节点中除待重新排版的节点之外的其他节点包括:为已经按照 预设排版方式设置的各个节点设置排版标识,其中,将确定的待重新排版的节点的排 版标识设置为第一预定值,并将已经按照预设排版方式进行排版的各个节点中除待重 新排版的节点之外的其他节点的排版标识设置为第二预定值;对目标页面进行重新排 版包括: 依次对已经按照预设排版方式设置的各个节点的排版标识进行判断; 对排版 标识为第一预定值的节点进行重新排版。  Preferably, the node to be re-formatted is determined according to the first predetermined extension program, and the nodes other than the node to be re-typed in each node that has been typeset according to the preset layout manner are hidden: Each of the set nodes sets a layout identifier, wherein the determined layout identifier of the node to be re-formatted is set to a first predetermined value, and the nodes that have been typeset according to the preset layout manner are excluded from the nodes to be re-formatted. The typographic identifier of the other nodes is set to a second predetermined value; re-formatting the target page includes: sequentially determining the typographic identifiers of the respective nodes that have been set according to the preset typographic manner; and performing the node with the typographic identifier as the first predetermined value Reformat.
优选地,在调用与该第一预定调用接口对应的第一预定扩展程序对已经按照预设 排版方式设置的各个节点进行重新排版之后,还包括: 页面解析器在解析到第二预定 调用接口时,调用与该第二预定调用接口对应的第二预定扩展程序重新显示当前页面 内已经隐藏的部分或者全部节点。  Preferably, after the first predetermined extension program corresponding to the first predetermined calling interface is called to re-type the respective nodes that have been set according to the preset layout manner, the method further includes: when the page parser resolves to the second predetermined calling interface And calling a second predetermined extension program corresponding to the second predetermined calling interface to redisplay part or all of the nodes that have been hidden in the current page.
根据本发明的另一方面, 提供了一种页面显示的排版装置。  According to another aspect of the present invention, a typesetting device for page display is provided.
根据本发明的页面显示的排版装置包括: 接收模块,用于接收来自于目标页面的 文本, 其中, 该文本包括目标页面中按照预设排版方式设置的各个节点; 排版模块, 用于对文本中的按照预设排版方式设置的各个节点进行解析,在获取到文本结束消息 后,通过第一预定调用接口调用与该第一预定调用接口对应的第一预定扩展程序对已 经按照预设排版方式设置的各个节点进行重新排版,其中,第一预定调用接口和第一 预定扩展程序配置在浏览器中。 The typesetting apparatus for displaying a page according to the present invention includes: a receiving module, configured to receive text from a target page, wherein the text includes each node set in a preset typesetting manner in the target page; For parsing each node in the text according to the preset layout mode, after acquiring the text end message, calling the first predetermined extension program corresponding to the first predetermined calling interface through the first predetermined calling interface has been followed Each node set by the preset layout mode performs re-laying, wherein the first predetermined calling interface and the first predetermined extension program are configured in the browser.
优选地, 排版模块包括: 处理单元, 用于根据第一预定扩展程序确定待重新排版 的节点,并隐藏已经按照预设排版方式进行排版的各个节点中除待重新排版的节点之 外的其他节点; 排版单元, 用于对目标页面进行重新排版。  Preferably, the typesetting module comprises: a processing unit, configured to determine a node to be re-formatted according to the first predetermined extension program, and hide other nodes of the nodes that have been typeset according to the preset layout manner except the node to be re-formatted ; typesetting unit, used to re-format the target page.
优选地, 处理单元包括: 设置单元, 用于为已经按照预设排版方式设置的各个节 点设置排版标识, 其中, 将确定的待重新排版的节点的排版标识设置为第一预定值, 并将已经按照预设排版方式进行排版的各个节点中除待重新排版的节点之外的其他 节点的排版标识设置为第二预定值; 排版单元包括: 判断单元, 用于依次对已经按照 预设排版方式设置的各个节点的排版标识进行判断; 执行单元,用于对排版标识为第 一预定值的节点进行重新排版。  Preferably, the processing unit includes: a setting unit, configured to set a layout identifier for each node that has been set according to a preset layout manner, wherein the determined layout identifier of the node to be re-formatted is set to a first predetermined value, and The layout identifier of the node other than the node to be re-typed in each of the nodes arranged in the preset layout manner is set to a second predetermined value; the typesetting unit includes: a determination unit, configured to sequentially set the layout according to the preset layout mode The typesetting identifier of each node is judged; and the executing unit is configured to re-type the node whose typesetting identifier is the first predetermined value.
优选地, 上述装置还包括: 显示模块, 用于在解析到第二预定调用接口时, 调用 与该第二预定调用接口对应的第二预定扩展程序重新显示当前页面内已经隐藏的部 分或者全部节点。  Preferably, the device further includes: a display module, configured to, when parsing to the second predetermined calling interface, invoke a second predetermined extension program corresponding to the second predetermined calling interface to redisplay part or all of the nodes that are hidden in the current page .
根据本发明的另一方法,提供了一种具有处理器可执行的程序代码的计算机可读 介质, 在被执行时, 所述程序代码使得处理器执行下述步骤:  In accordance with another method of the present invention, a computer readable medium having program code executable by a processor, when executed, causes the processor to perform the steps of:
接收来自于目标页面的文本,其中, 该文本包括所述目标页面中按照预设排版方 式设置的各个节点;  Receiving text from a target page, wherein the text includes each node in the target page set according to a preset layout;
对所述文本中的按照所述预设排版方式设置的各个节点进行解析,在获取到文本 结束消息后,通过第一预定调用接口调用与该第一预定调用接口对应的第一预定扩展 程序对已经按照预设排版方式设置的各个节点进行重新排版,其中,所述第一预定调 用接口和所述第一预定扩展程序配置在浏览器中。  Parsing each node set according to the preset layout manner in the text, and after acquiring the text end message, calling a first predetermined extension program pair corresponding to the first predetermined calling interface through the first predetermined calling interface The re-layout has been performed by each node that has been set in accordance with a preset layout, wherein the first predetermined calling interface and the first predetermined extension are configured in a browser.
通过本发明,采用在目标页面的文本中插入第一预定调用接口,在页面解析器解 析到该第一预定调用接口时,调用与该第一预定调用接口对应的扩展程序,通过按照 扩展程序设定的显示方式对已经按照预设排版方式设置的各个节点进行重新排版,解 决了相关技术中利用注入 JS代码对页面进行排版时无法避免出现干扰元素影响页面 显示效果的问题,进而避免了显示页面上出现干扰元素,提高了用户浏览网页的舒适 度。 附图说明 According to the present invention, the first predetermined calling interface is inserted into the text of the target page, and when the page parser resolves to the first predetermined calling interface, the extension program corresponding to the first predetermined calling interface is invoked, and the extension program is set according to the extension program. The fixed display mode re-types each node that has been set according to the preset layout mode, and solves the problem that the related technology can not avoid the interference element affecting the page display effect when using the injected JS code to typeset the page, thereby avoiding the display page. Interference elements appear on the screen, which improves the user's comfort in browsing the web. DRAWINGS
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍, 显而易见地, 下面描述中的附图仅仅 是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前 提下, 还可以根据这些附图获得其他的附图。  In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings to be used in the embodiments or the description of the prior art will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present invention, and other drawings can be obtained from those skilled in the art without any inventive labor.
图 1是根据相关技术的在移动终端上显示天涯论坛页面的示意图;  1 is a schematic diagram of displaying a Tianya Forum page on a mobile terminal according to the related art;
图 2是根据本发明实施例的页面显示的排版方法的流程图;  2 is a flow chart of a method of typesetting a page display according to an embodiment of the present invention;
图 3是根据本发明优选实施例的页面显示的排版方法的流程图;  3 is a flow chart of a method of typesetting a page display in accordance with a preferred embodiment of the present invention;
图 4是根据本发明优选实施例的重新排版后的天涯论坛显示页面的示意图; 图 5是根据本发明实施例的页面显示的排版装置的结构框图; 以及  4 is a schematic diagram of a re-formatted Tianya Forum display page according to a preferred embodiment of the present invention; FIG. 5 is a block diagram showing a structure of a page display typesetting apparatus according to an embodiment of the present invention;
图 6是根据本发明优选实施例的页面显示的排版装置的结构框图。 具体实施方式 下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的 情况下, 本申请中的实施例及实施例中的特征可以相互组合。  6 is a block diagram showing the structure of a typesetting apparatus for page display according to a preferred embodiment of the present invention. BEST MODE FOR CARRYING OUT THE INVENTION Hereinafter, the present invention will be described in detail with reference to the accompanying drawings. It should be noted that the embodiments in the present application and the features in the embodiments may be combined with each other without conflict.
图 2是根据本发明实施例的页面显示的排版方法的流程图。如图 2所示, 该方法 可以包括以下步骤:  2 is a flow chart of a method of typesetting a page display according to an embodiment of the present invention. As shown in Figure 2, the method can include the following steps:
步骤 S202: 页面解析器接收来自于目标页面的文本, 其中, 该文本包括目标页 面中按照预设排版方式设置的各个节点;  Step S202: The page parser receives the text from the target page, where the text includes each node set in the target layout according to a preset layout manner;
步骤 S204: 页面解析器对文本中的按照预设排版方式设置的各个节点进行解析, 在获取到文本结束消息后,通过第一预定调用接口调用与该第一预定调用接口对应的 第一预定扩展程序对已经按照预设排版方式设置的各个节点进行重新排版,其中,第 一预定调用接口和第一预定扩展程序配置在浏览器中。  Step S204: The page parser parses each node set in the text according to the preset layout mode, and after acquiring the text end message, invokes the first predetermined extension corresponding to the first predetermined calling interface through the first predetermined calling interface. The program re-formats each node that has been set in accordance with a preset layout, wherein the first predetermined calling interface and the first predetermined extension are configured in the browser.
其中, 所述文本结束消息设置于网页加载的文本结束阶段。  The text end message is set at the end of the text loaded by the webpage.
相关技术中, 利用注入 JS代码对页面进行排版时, 无法避免出现干扰元素, 从 而影响页面的显示效果。采用如图 2所示的方法, 预先在本地浏览器的客户端中新增 一个第一预定调用接口, 并对应该第一预定调用接口配置第一预定扩展程序, 该第一 预定扩展程序确定了各个节点的重新排版方式。当页面解析器解析到该第一预定调用 接口时,调用与该第一预定调用接口对应的扩展程序,通过按照扩展程序设定的显示 方式对已经按照预设排版方式设置的各个节点进行重新排版,解决了相关技术中利用 注入 JS代码对页面进行排版时无法避免出现干扰元素影响页面显示效果的问题, 进 而避免了显示页面上出现干扰元素, 提高了用户浏览网页的舒适度。 In the related art, when the page is typed by injecting the JS code, the interference element cannot be avoided, thereby affecting the display effect of the page. Using the method shown in FIG. 2, a first predetermined calling interface is newly added to the client of the local browser, and a first predetermined extension program is configured for the first predetermined calling interface, and the first predetermined extension program determines Re-typesetting of each node. When the page parser resolves to the first predetermined calling interface, calling an extension program corresponding to the first predetermined calling interface, and re-provisioning each node that has been set according to the preset layout mode according to the display manner set by the extension program , solved the use of related technologies When injecting JS code to typeset a page, it is impossible to avoid the problem that the interference element affects the display effect of the page, thereby avoiding the occurrence of interference elements on the display page and improving the comfort of the user browsing the webpage.
在优选实施过程中, 上述第一预定调用接口为预先编写的调用函数, 其中, 通过 调用函数调用第一预定扩展程序,第一预定扩展程序用于确定各个节点的重新排版方 式。  In a preferred implementation, the first predetermined calling interface is a pre-written calling function, wherein the first predetermined extension is invoked by calling the function, and the first predetermined extension is used to determine the re-formatting mode of each node.
在优选实施过程中, 上述第一预定调用接口可以为但不限于: JS接口。  In a preferred implementation, the first predetermined calling interface may be, but not limited to, a JS interface.
在上述步骤 S204中, 调用与该第一预定调用接口对应的第一预定扩展程序对当 前已经按照预设排版方式设置的各个节点进行重新排版可以包括以下处理:  In the above step S204, calling the first predetermined extension program corresponding to the first predetermined calling interface to re-type each node that has been set in the preset layout manner may include the following processing:
步骤 S1 : 根据第一预定扩展程序确定待重新排版的节点, 并隐藏已经按照预设 排版方式进行排版的各个节点中除待重新排版的节点之外的其他节点。  Step S1: determining a node to be re-formatted according to the first predetermined extension program, and hiding nodes other than the node to be re-typed among the nodes that have been typeset according to the preset typesetting manner.
步骤 S2: 对目标页面进行重新排版。  Step S2: Re-type the target page.
通过调用扩展程序可以让浏览器只显示某个或某些节点,而让其他的节点均被隐 藏。 由此, 即使存在可以通过定时器或其他方式触发的 JS, 都无法对已经生成的目 标页面造成影响。  By calling the extension, you can have the browser display only one or some of the nodes, leaving the other nodes hidden. Thus, even if there is a JS that can be triggered by a timer or other means, it cannot affect the target page that has already been generated.
假设有 A、 B、 C三个节点已经按照预设的排版方式进行显示, 当页面解析器解 析到第一预定调用接口时, 调用第一预定扩展程序, 其中, 第一预定扩展程序的设置 为对 A节点和 B节点进行重新排版。 此时, 浏览器会根据第一预定扩展程序的设置 对目标页面中的 A节点和 B节点进行重新排版, 而将 C节点进行隐藏。  It is assumed that three nodes A, B, and C have been displayed according to a preset typesetting manner. When the page parser resolves to the first predetermined calling interface, the first predetermined extension program is invoked, wherein the setting of the first predetermined extension program is Re-type the A node and the B node. At this time, the browser will re-type the A node and the B node in the target page according to the setting of the first predetermined extension, and hide the C node.
在上述步骤 S1中, 根据第一预定扩展程序确定待重新排版的节点, 并隐藏已经 按照预设排版方式进行排版的各个节点中除待重新排版的节点之外的其他节点可以 包括以下操作:  In the above step S1, the node to be re-formatted is determined according to the first predetermined extension program, and the nodes other than the node to be re-formatted among the nodes that have been typeset according to the preset layout mode may be hidden to include the following operations:
为已经按照预设排版方式设置的各个节点设置排版标识,其中,将确定的待重新 排版的节点的排版标识设置为第一预定值,并将已经按照预设排版方式进行排版的各 个节点中除待重新排版的节点之外的其他节点的排版标识设置为第二预定值。  Setting a layout identifier for each node that has been set according to a preset layout manner, wherein the determined layout identifier of the node to be re-formatted is set to a first predetermined value, and the nodes that have been typeset according to the preset layout manner are excluded. The layout identifier of the node other than the node to be reformatted is set to the second predetermined value.
在本发明的一个实施例中,可以为已经按照预设排版方式设置的各个节点设置排 版标识,通过各个节点的排版标识确定各个节点中哪些节点需要重新排版, 而又有哪 些节点需要被隐藏。 当节点的排版标识为第一预定值 (如: true) 时, 表示该节点需 要进行排版; 当节点的排版标识为第二预定值(如: false) 时, 表示该节点需要被隐 藏。  In an embodiment of the present invention, the layout identifiers may be set for each node that has been set according to the preset layout mode, and the layout identifiers of the respective nodes determine which nodes in each node need to be re-typed, and which nodes need to be hidden. When the layout identifier of the node is the first predetermined value (such as: true), it indicates that the node needs to be typeset; when the layout identifier of the node is the second predetermined value (such as: false), it indicates that the node needs to be hidden.
在上述步骤 S2中, 对目标页面进行重新排版可以包括以下操作:  In the above step S2, re-formatting the target page may include the following operations:
步骤 S21 : 依次对已经按照预设排版方式设置的各个节点的排版标识进行判断; 步骤 S22: 对排版标识为第一预定值的节点进行重新排版。 Step S21: sequentially determining the typesetting identifiers of the respective nodes that have been set according to the preset typesetting manner; Step S22: Re-type the node whose layout identifier is the first predetermined value.
在本发明的另一个实施例中,在排版流程中插入一些判断,根据各个节点的排版 标识的取值判断某个节点是否需要排版。只有在节点的排版标识为第一预定值时,才 对该节点进行排版。  In another embodiment of the present invention, some judgments are inserted in the typesetting process, and it is determined whether a node needs to be typeset according to the value of the typesetting identifier of each node. The node is typeset only when the layout identifier of the node is the first predetermined value.
此外, 在上述步骤 S204, 在调用与该第一预定调用接口对应的第一预定扩展程 序对已经按照预设排版方式设置的各个节点进行重新排版之后, 还可以包括以下步 骤:  In addition, after the first predetermined extension program corresponding to the first predetermined calling interface is invoked to re-type each node that has been set according to the preset layout mode, the following steps may be further included in the step S204:
页面解析器在解析到第二预定调用接口 (例如: ucweb.ui. unsetRenderElements) 时,调用与该第二预定调用接口对应的第二预定扩展程序重新显示当前页面内已经隐 藏的部分或者全部节点。  The page parser, upon parsing to the second predetermined invocation interface (eg, ucweb.ui. unsetRenderElements), invokes a second predetermined extension corresponding to the second predetermined invocation interface to redisplay some or all of the nodes that are already hidden within the current page.
在本发明的再一个实施例中, 所述第二预定调用接口为一 JS接口对象, 在浏览 器的 JS中新增一个 JS接口对象, 并对应该 JS接口对象配置第二预定扩展程序, 假 设将该 JS 接口对象取名为 "ucweb.ui", 可以通过该接口来控制浏览器的用户界面 (User Interface, 简称为 UI), 为该 JS接口对象添加相应的函数和属性, 通过调用该 函数实现调用所述第二预定扩展程序。 假设其中的一个函数名为 "renderElements", 可以通过调用这个函数, 就可以更改浏览器的排版方式, 让浏览器只排版参数指定的 节点, 该参数需要包括待排版的节点对象的集合 (可以是一个, 也可以是多个)。 该 新增的 JS接口, 可以利用 JS代码, 通过层层调用, 最终达到改变浏览器排版方式的 效果。 该接口可以给 Web App的 Content Script调用。 Web App开发者通过使用新增 的 JS接口, 利用 Web App框架的内容脚本(Content Script), 能在网页加载的文本结 束 (DOCUMENT_END) 阶段, 通知各个 Web App相应的注册 JS文件。 可以利用这 些 JS文件设置排版的节点。  In still another embodiment of the present invention, the second predetermined calling interface is a JS interface object, a JS interface object is added to the JS of the browser, and the second predetermined extension program is configured for the JS interface object, assuming The JS interface object is named "ucweb.ui", and the user interface (User Interface, UI for short) of the browser can be controlled through the interface, and corresponding functions and attributes are added to the JS interface object by calling the function. The implementation calls the second predetermined extension. Assuming that one of the functions is called "renderElements", you can change the layout of the browser by calling this function, and let the browser only type the node specified by the parameter. This parameter needs to include the set of node objects to be typeset (may be One, or more than one). The new JS interface can use JS code to call through layers to finally change the way the browser is typeset. This interface can be called to the Content Script of the Web App. Web App developers can use the new JS interface to use the Content Script of the Web App framework to notify each Web App of the corresponding registered JS file at the end of the text loading (DOCUMENT_END) stage. You can use these JS files to set up the typeset nodes.
图 3是该优选实施例的页面显示的排版方法的流程图。如图 3所示,在该优选实 施例中, 可以在展示浏览器网页页面时, 利用浏览器新增的 JS接口, 从而控制浏览 器排版的方式。  3 is a flow chart of a typesetting method for page display of the preferred embodiment. As shown in FIG. 3, in the preferred embodiment, the browser's web page can be displayed, and the browser's new JS interface can be used to control the way the browser is typeset.
需要说明的是, 浏览器内核负责对网页进行加载、 显示、 以及 JS的执行的部分, 是浏览器的核心, 包括 JS引擎以及排版渲染引擎; JS前端是指网页中的 JS代码; JS 引擎是指浏览器中与 JS执行相关的模块。  It should be noted that the browser kernel is responsible for loading, displaying, and executing the JS, which is the core of the browser, including the JS engine and the layout rendering engine; the JS front end refers to the JS code in the web page; the JS engine is Refers to the module in the browser related to JS execution.
该优选实施例可以包括以下处理步骤:  The preferred embodiment can include the following processing steps:
步骤 S302: 浏览器内核在 JS引擎中扩展一个 JS接口对象, 并在这个 JS接口对 象中添加一个 JS子对象; 步骤 S304: 浏览器内核在这个 JS子对象中添加 UI操作相关的函数, 通过绑定 (Bindings)模块将 JS映射到内核, 以完成对内核中与排版显示相关部分的调用, 这 样就能通过 JS函数调到内核的排版显示模块; Step S302: The browser kernel extends a JS interface object in the JS engine, and adds a JS sub-object in the JS interface object. Step S304: The browser kernel adds a function related to the UI operation in the JS sub-object, and maps the JS to the kernel through a Bindings module to complete the call to the relevant part of the kernel and the layout display, so that the JS can be passed through the JS. The function is transferred to the layout display module of the kernel;
步骤 S306: 当页面解析器解析到 JS 接口改变排版节点 (即调用 ucweb.ui.renderElements) 时, JS前端会直接通知浏览器内核。  Step S306: When the page parser resolves to the JS interface to change the layout node (ie, calls ucweb.ui.renderElements), the JS front end directly notifies the browser kernel.
步骤 S308 : 浏览器内核在文本 ( document ) 内预先增加一个变量 m_inSingleLayout, 用于判定是否已进入单排版模式(即只排版一个节点的模式), 其 中, true代表已经进入单排版模式, false代表没有进入单排版模式,默认设置为 false。 当浏览器内核接收到 JS前端的通知后,将 document 的 mjnSingleLayout设置为 true, 并记录下需要排版的节点 m—singleRender (设置只排版某些节点的 JS函数接口的参 数存入的就是需要排版的节点)。  Step S308: The browser kernel adds a variable m_inSingleLayout in the text (document) to determine whether the single typesetting mode has been entered (that is, the mode of only one node is typeset), wherein true means that the single typesetting mode has been entered, and false means no Enter single layout mode, the default setting is false. When the browser kernel receives the notification from the JS front end, set the document's mjnSingleLayout to true, and record the node m_singleRender that needs to be typeset (set the parameters of the JS function interface that only typeset some nodes to be saved. node).
步骤 S310 : 浏览器内核遍历整个 render 树, 然后设置所有待排版的对象 (RenderObject) 的 m_allowLayout=false, 其中, 浏览器内核在每个 RenderObject内 新增一个排版开关 m_all0WLay0Ut, 用于判定是否允许当前节点进行排版, 若 m_allowLayout=ture , 则表示当前节点需要进行排版; 若 m_allowLayout=false , 则表 示当前节点不需要进行排版。 Step S310: browser kernel render traverse the entire tree, and then to be provided for all layout objects (RenderObject) of m_allowLayout = false, wherein a new browser kernel in each switch layout RenderObject m_ a ll 0W Lay 0U t , with In order to determine whether to allow the current node to typeset, if m_allowLayout=ture, it means that the current node needs to be typeset; if m_allowLayout=false, it means that the current node does not need to typeset.
步骤 S312 : 浏览器内核再次遍历需要排版的节点的 RenderObject , 并将该 RenderObject 的所有子节点、 该 RenderObject 的所有祖先节点以及该 RenderObject 节点本身的 m_allowLayout都设为 true, 表示该些节点需要进行排版。  Step S312: The browser kernel traverses the RenderObject of the node that needs to be typeset again, and sets all the child nodes of the RenderObject, all the ancestors of the RenderObject, and the m_allowLayout of the RenderObject node to true, indicating that the nodes need to be typeset.
在排版流程中插入一些判断,根据 m_all0WLay0Ut的取值判断某个节点是否需要 排版。 当节点 m_all0WLay0Ut的属性值为 true时, 才对该节点进行排版。 Insert some judgments in the layout process, and judge whether a node needs to be typeset according to the value of m_ a ll 0W Lay 0U t. When the attribute value of the node m_ a ll 0W Lay 0U t is true, the node is typeset.
如果后续有新的节点插入到 dom树, 并生成对应的 RenderObject时, 先判断该 节点是否属于 m—singleRender 的子节点、 祖先节点, 如果是则设置该节点的 m allowLayout的属性值为 true, 否则置为 false。  If a new node is inserted into the dom tree and a corresponding RenderObject is generated, first determine whether the node belongs to the child node and ancestor node of m-singleRender. If yes, set the attribute of the allowableLayout of the node to true. Otherwise, Set to false.
优选地, 在调用与该 JS接口对象对应的第一预定扩展程序对已经按照预设排版 方式设置的各个节点进行重新排版之后, 还可以包括以下步骤:  Preferably, after the first predetermined extension program corresponding to the JS interface object is invoked to re-type each node that has been set according to the preset layout manner, the following steps may be further included:
页面解析器在解析到另一 JS接口对象,该另一 JS接口对象也被配置于浏览器中, 并对应该另一 JS接口对象配置第二预定扩展程序,假设该另一 JS接口对象被添加的 一个函数名为 "renderElements",可以通过调用这个函数,调用该第二预定扩展程序, 就可以达到解除某些排版节点的显示, 当解除了所有的节点的排版之后, 就不再隐藏 所有其他的网页元素了, 会将所有的节点都重新显示出来。 该步骤具体为, JS 前端将函数调用的消息通知给浏览器内核。 浏览器内核查找 出 "解除设置只排版节点" 的 RenderObject, 并遍历其他的 RenderObject, 确认是否 存在非自身, 非祖先、 也非子节点的 m_all0WLay0Ut的属性值为 true。 如果存在, 则 将 "解除设置只排版节点"的 RenderObject的 m_allowLayout属性设置为 false; 如果 不存在,则将 document 的 mjnSingleLayout设置为 false。浏览器内核遍历整个 render 树, 然后将所有 RenderObject的m_allowLayout设置为 true。 浏览器内核重新排版整 个页面。 The page parser is parsing to another JS interface object, which is also configured in the browser, and configures a second predetermined extension for another JS interface object, assuming that the other JS interface object is added A function named "renderElements" can call the function to call the second predetermined extension, and the display of some typesetting nodes can be released. When all the nodes are unpacked, all other objects are no longer hidden. The web page element will redisplay all the nodes. The step is specifically that the JS front end notifies the browser kernel of the message called by the function. Find out the browser kernel RenderObject "released only set the layout nodes", and traverse the other RenderObject, confirm the presence of non-self, non ancestors, but also non-child node m_ a ll 0W Lay 0U t attribute is true. If it exists, set the m_allowLayout property of the RenderObject of the "Unset Only Typeset Node" to false; if it does not exist, set the document's mjnSingleLayout to false. The browser kernel traverses the entire render tree and then sets the m_allowLayout of all RenderObjects to true. The browser kernel re-formats the entire page.
图 4是根据本发明重新排版后的天涯论坛显示页面的示意图。如图 4所示, 浏览 器仅排版指定的节点。 虽然那个导航栏是在后期由 JS生成的, 但是通过设定第一预 定调用接口,调用第一预定扩展程序对页面进行重新排版后, 当前论坛模式的页面上 将不再显示多余的干扰元素。  4 is a schematic diagram of a Tianya Forum display page after re-typing according to the present invention. As shown in Figure 4, the browser only types the specified nodes. Although the navigation bar is generated by JS in the later stage, after the first predetermined extension is called to re-format the page by setting the first predetermined calling interface, the unnecessary interference elements are no longer displayed on the current forum mode page.
此外, 根据本发明可以实现一个 WebApp 查图程序, 能在任意的网页上以类似 windows 图片查看器的效果查看当前网页上的所有图片。相关技术中, 当启动该查看 器之后, 会隐藏原有页面, 并生成一个新的元素让该元素显示查图程序。 然而, 一个 后期生成的广告元素可能突然加载完成并在图片查看器的上方显示,这样就造成了很 坏的体验效果。 采用本发明的技术方案, 让浏览器只排版图片查看器, 由此, 不仅不 需要手动去隐藏网页的所有元素, 也不会出现显示页面被广告遮避的问题。  In addition, according to the present invention, a WebApp search program can be implemented, and all the pictures on the current web page can be viewed on any webpage with the effect similar to the Windows Picture Viewer. In the related art, when the viewer is started, the original page is hidden, and a new element is generated to cause the element to display the charting program. However, a post-generated ad element may suddenly load up and appear above the image viewer, which can have a very bad experience. By adopting the technical solution of the present invention, the browser only types the picture viewer, thereby not only does not need to manually hide all the elements of the webpage, but also does not have the problem that the display page is obscured by the advertisement.
图 5是根据本发明实施例的页面显示的排版装置的结构框图。如图 5所示, 该页 面显示的排版装置可以包括: 接收模块 10, 用于接收来自于目标页面的文本, 其中, 该文本包括目标页面中按照预设排版方式设置的各个节点; 排版模块 20, 用于对文 本中的按照预设排版方式设置的各个节点进行解析,在获取到文本结束消息后,通过 第一预定调用接口调用与该第一预定调用接口对应的第一预定扩展程序对已经按照 预设排版方式设置的各个节点进行重新排版,其中,第一预定调用接口和第一预定扩 展程序配置在浏览器中。  FIG. 5 is a structural block diagram of a typesetting apparatus for page display according to an embodiment of the present invention. As shown in FIG. 5, the typesetting device displayed on the page may include: a receiving module 10, configured to receive text from a target page, where the text includes each node in a target page set according to a preset typesetting manner; And parsing each node set in the text according to the preset layout manner, and after obtaining the text end message, calling the first predetermined extension program corresponding to the first predetermined calling interface through the first predetermined calling interface Each of the nodes set according to the preset layout mode performs re-typesetting, wherein the first predetermined calling interface and the first predetermined extension program are configured in the browser.
采用如图 5所示的装置, 解决了相关技术中利用注入 JS代码对页面进行排版时 无法避免出现干扰元素影响页面显示效果的问题,进而避免了显示页面上出现干扰元 素, 提高了用户浏览网页的舒适度。  The device shown in FIG. 5 is used to solve the problem that the interrogation element affects the page display effect when the page is typed by using the injected JS code in the related art, thereby avoiding the occurrence of interference elements on the display page and improving the user browsing the webpage. Comfort.
优选地, 如图 6所示, 上述排版模块 20可以包括: 处理单元 200, 用于根据第 一预定扩展程序确定待重新排版的节点,并隐藏已经按照预设排版方式进行排版的各 个节点中除待重新排版的节点之外的其他节点; 排版单元 202, 用于对目标页面进行 重新排版。 优选地, 如图 6所示, 上述处理单元 200可以包括: 设置单元 2000, 用于为已 经按照预设排版方式设置的各个节点设置排版标识,其中,将确定的待重新排版的节 点的排版标识设置为第一预定值,并将已经按照预设排版方式进行排版的各个节点中 除待重新排版的节点之外的其他节点的排版标识设置为第二预定值。 Preferably, as shown in FIG. 6, the typesetting module 20 may include: a processing unit 200, configured to determine a node to be re-formatted according to the first predetermined extension program, and hide each node that has been typeset according to a preset typesetting manner. a node other than the node to be re-formatted; a typesetting unit 202 for re-formatting the target page. Preferably, as shown in FIG. 6, the processing unit 200 may include: a setting unit 2000, configured to set a layout identifier for each node that has been set according to a preset layout manner, where the determined layout identifier of the node to be re-formatted is determined. The first predetermined value is set, and the typesetting identifier of the nodes other than the node to be re-typed among the respective nodes that have been typeset in the preset layout manner is set to the second predetermined value.
优选地, 如图 6所示, 上述排版单元 202可以包括: 判断单元 2020, 用于依次 对已经按照预设排版方式设置的各个节点的排版标识进行判断; 执行单元 2022, 用 于对排版标识为第一预定值的节点进行重新排版。  Preferably, as shown in FIG. 6, the typesetting unit 202 may include: a determining unit 2020, configured to sequentially determine a typesetting identifier of each node that has been set according to a preset typesetting manner; and an executing unit 2022, configured to identify the typesetting as The node of the first predetermined value is re-formatted.
优选地, 如图 6所示, 上述装置还可以包括: 显示模块 30, 用于在解析到第二 预定调用接口时,调用与该第二预定调用接口对应的第二预定扩展程序重新显示当前 页面内已经隐藏的部分或者全部节点。  Preferably, as shown in FIG. 6, the apparatus may further include: a display module 30, configured to, when parsing to the second predetermined calling interface, invoke a second predetermined extension program corresponding to the second predetermined calling interface to redisplay the current page. Some or all of the nodes that have been hidden inside.
需要说明的是,图 5和图 6中所示的各模块以及各单元之间相互作用的优选工作 方式可以参见图 2至图 4所示的优选实施例, 此处不再赘述。  It should be noted that the preferred operation modes of the modules shown in FIG. 5 and FIG. 6 and the interaction between the units can be referred to the preferred embodiment shown in FIG. 2 to FIG. 4, and details are not described herein again.
从以上的描述中, 可以看出, 上述实施例实现了如下技术效果(需要说明的是这 些效果是某些优选实施例可以达到的效果): 让浏览器只排版指定的节点, 以达到不 被原页面元素干扰的目的。  From the above description, it can be seen that the above embodiments achieve the following technical effects (it is required that these effects are effects that can be achieved by some preferred embodiments): Let the browser only type the designated node to achieve The purpose of the original page element interference.
另外, 本发明实施例还提供一种具有处理器可执行的程序代码的计算机可读介 质, 在被执行时, 所述程序代码使得处理器执行下述步骤:  In addition, an embodiment of the present invention further provides a computer readable medium having program code executable by a processor, when executed, the program code causes the processor to perform the following steps:
接收来自于目标页面的文本,其中, 该文本包括所述目标页面中按照预设排版方 式设置的各个节点;  Receiving text from a target page, wherein the text includes each node in the target page set according to a preset layout;
对所述文本中的按照所述预设排版方式设置的各个节点进行解析,在获取到文本 结束消息后,通过第一预定调用接口调用与该第一预定调用接口对应的第一预定扩展 程序对已经按照预设排版方式设置的各个节点进行重新排版,其中,所述第一预定调 用接口和所述第一预定扩展程序配置在浏览器中。  Parsing each node set according to the preset layout manner in the text, and after acquiring the text end message, calling a first predetermined extension program pair corresponding to the first predetermined calling interface through the first predetermined calling interface The re-layout has been performed by each node that has been set in accordance with a preset layout, wherein the first predetermined calling interface and the first predetermined extension are configured in a browser.
显然,本领域的技术人员应该明白, 上述的本发明的各模块或各步骤可以用通用 的计算装置来实现, 它们可以集中在单个的计算装置上, 或者分布在多个计算装置所 组成的网络上, 可选地, 它们可以用计算装置可执行的程序代码来实现, 从而, 可以 将它们存储在存储装置中由计算装置来执行, 并且在某些情况下,可以以不同于此处 的顺序执行所示出或描述的步骤, 或者将它们分别制作成各个集成电路模块, 或者将 它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任 何特定的硬件和软件结合。  Obviously, those skilled in the art should understand that the above modules or steps of the present invention can be implemented by a general-purpose computing device, which can be concentrated on a single computing device or distributed over a network composed of multiple computing devices. Alternatively, they may be implemented by program code executable by the computing device, such that they may be stored in the storage device by the computing device and, in some cases, may be different from the order herein. The steps shown or described are performed, or they are separately fabricated into individual integrated circuit modules, or a plurality of modules or steps are fabricated as a single integrated circuit module. Thus, the invention is not limited to any specific combination of hardware and software.
以上所述仅为本发明的优选实施例而已, 并不用于限制本发明,对于本领域的技 术人员来说, 本发明可以有各种更改和变化。凡在本发明的精神和原则之内, 所作的 任何修改、 等同替换、 改进等, 均应包含在本发明的保护范围之内。 The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. The invention is susceptible to various modifications and changes. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and scope of the present invention are intended to be included within the scope of the present invention.

Claims

权 利 要 求 Rights request
1. 一种页面显示的排版方法, 其特征在于, 包括: A typesetting method for displaying a page, comprising:
页面解析器接收来自于目标页面的文本, 其中, 该文本包括所述目标页面中 按照预设排版方式设置的各个节点;  The page parser receives text from the target page, where the text includes each node in the target page set according to a preset layout manner;
所述页面解析器对所述文本中的按照所述预设排版方式设置的各个节点进 行解析, 在获取到文本结束消息后, 通过第一预定调用接口调用与该第一预定调 用接口对应的第一预定扩展程序对已经按照预设排版方式设置的各个节点进行 重新排版, 其中, 所述第一预定调用接口和所述第一预定扩展程序配置在浏览器 中。  The page parser parses each node set in the preset layout manner in the text, and after acquiring the text end message, invokes the first corresponding to the first predetermined calling interface through the first predetermined calling interface. A predetermined extension program re-formats each node that has been set in a preset layout manner, wherein the first predetermined calling interface and the first predetermined extension program are configured in a browser.
2. 根据权利要求 1所述的方法, 其特征在于, 所述第一预定调用接口为预 先编写的调用函数, 其中, 通过所述调用函数调用所述第一预定扩展程序, 所述 第一预定扩展程序用于确定所述各个节点的重新排版方式。  The method according to claim 1, wherein the first predetermined calling interface is a pre-written calling function, wherein the first predetermined extended program is invoked by the calling function, the first predetermined The extension program is used to determine the re-formatting of each of the nodes.
3. 根据权利要求 1或 2所述的方法, 其特征在于, 所述第一预定调用接口 为 JS接口。  The method according to claim 1 or 2, wherein the first predetermined calling interface is a JS interface.
4. 根据权利要求 1至 3任一项所述的方法, 其特征在于, 调用与该第一预 定调用接口对应的第一预定扩展程序对当前已经按照预设排版方式设置的各个 节点进行重新排版包括:  The method according to any one of claims 1 to 3, wherein the first predetermined extension program corresponding to the first predetermined calling interface is called to re-type each node that has been set according to the preset layout mode. Includes:
根据所述第一预定扩展程序确定待重新排版的节点,并隐藏所述已经按照预 设排版方式进行排版的各个节点中除所述待重新排版的节点之外的其他节点; 对所述目标页面进行重新排版。  Determining, according to the first predetermined extension program, a node to be re-typed, and hiding, among the nodes that have been typeset according to the preset layout manner, other nodes than the node to be re-formatted; Make a re-typesetting.
5. 根据权利要求 4所述的方法, 其特征在于, 根据所述第一预定扩展程序 确定待重新排版的节点,并隐藏所述已经按照预设排版方式进行排版的各个节点 中除所述待重新排版的节点之外的其他节点包括:  The method according to claim 4, wherein the node to be re-formatted is determined according to the first predetermined extension program, and the nodes that have been typeset according to a preset typesetting manner are hidden from the Other nodes than the re-formatted node include:
为已经按照预设排版方式设置的各个节点设置排版标识, 其中, 将确定的所 述待重新排版的节点的所述排版标识设置为第一预定值,并将所述已经按照预设 排版方式进行排版的各个节点中除所述待重新排版的节点之外的其他节点的所 述排版标识设置为第二预定值;  Setting a layout identifier for each node that has been set according to a preset layout manner, wherein the determined layout identifier of the node to be re-formatted is set to a first predetermined value, and the method has been performed according to a preset layout manner The typesetting identifier of the nodes other than the node to be reformatted in each of the typesetting nodes is set to a second predetermined value;
对所述目标页面进行重新排版包括:  Re-formatting the target page includes:
依次对所述已经按照预设排版方式设置的各个节点的排版标识进行判断; 对所述排版标识为所述第一预定值的节点进行重新排版。  Determining, in sequence, the layout identifier of each node that has been set according to the preset layout manner; and re-typesetting the node whose layout identifier is the first predetermined value.
6. 根据权利要求 1至 5任一项所述的方法, 其特征在于, 在调用与该第一 预定调用接口对应的第一预定扩展程序对已经按照预设排版方式设置的各个节 点进行重新排版之后, 还包括: The method according to any one of claims 1 to 5, characterized in that After the first predetermined extension program corresponding to the predetermined calling interface re-types each node that has been set according to the preset layout mode, the method further includes:
所述页面解析器在解析到第二预定调用接口时,调用与该第二预定调用接口 对应的第二预定扩展程序重新显示当前页面内已经隐藏的部分或者全部节点。  The page parser, when parsing to the second predetermined calling interface, calls a second predetermined extension program corresponding to the second predetermined calling interface to redisplay some or all of the nodes that have been hidden in the current page.
7. 一种页面显示的排版装置, 其特征在于, 包括:  A typesetting device for displaying a page, comprising:
接收模块, 用于接收来自于目标页面的文本, 其中, 该文本包括所述目标页 面中按照预设排版方式设置的各个节点;  a receiving module, configured to receive text from a target page, where the text includes each node in the target page set according to a preset typesetting manner;
排版模块,用于对所述文本中的按照所述预设排版方式设置的各个节点进行 解析, 在获取到文本结束消息后, 通过第一预定调用接口调用与该第一预定调用 接口对应的第一预定扩展程序对已经按照预设排版方式设置的各个节点进行重 新排版,其中,所述第一预定调用接口和所述第一预定扩展程序配置在浏览器中。  a typesetting module, configured to parse each node in the text according to the preset layout manner, and after acquiring the text end message, invoke a first corresponding call interface through the first predetermined calling interface A predetermined extension program re-formats each node that has been set in a preset layout manner, wherein the first predetermined calling interface and the first predetermined extension program are configured in a browser.
8. 根据权利要求 7所述的装置, 其特征在于, 所述排版模块包括: 处理单元, 用于根据所述第一预定扩展程序确定待重新排版的节点, 并隐藏 所述已经按照预设排版方式进行排版的各个节点中除所述待重新排版的节点之 外的其他节点;  The device according to claim 7, wherein the typesetting module comprises: a processing unit, configured to determine, according to the first predetermined extension program, a node to be re-formatted, and hide the a node other than the node to be re-typed among the nodes that perform the typesetting;
排版单元, 用于对所述目标页面进行重新排版。  a typesetting unit, configured to re-type the target page.
9. 根据权利要求 8所述的装置, 其特征在于, 所述处理单元包括: 设置单元, 用于为已经按照预设排版方式设置的各个节点设置排版标识, 其 中, 将确定的所述待重新排版的节点的所述排版标识设置为第一预定值, 并将所 述已经按照预设排版方式进行排版的各个节点中除所述待重新排版的节点之外 的其他节点的所述排版标识设置为第二预定值;  The device according to claim 8, wherein the processing unit comprises: a setting unit, configured to set a typesetting identifier for each node that has been set according to a preset typesetting manner, wherein the determined to be re-established Setting the typesetting identifier of the typeset node to a first predetermined value, and setting the typesetting identifier of the node other than the node to be re-typed among the nodes that have been typeset according to the preset typesetting manner Is a second predetermined value;
所述排版单元包括:  The typesetting unit includes:
判断单元,用于依次对所述已经按照预设排版方式设置的各个节点的排版标 识进行判断;  a judging unit, configured to sequentially judge the typesetting identifiers of the nodes that have been set according to the preset typesetting manner;
执行单元, 用于对所述排版标识为所述第一预定值的节点进行重新排版。 And an execution unit, configured to re-type the node whose layout identifier is the first predetermined value.
10.根据权利要求 7至 9任一项所述的装置, 其特征在于, 所述装置还包括: 显示模块, 用于在解析到第二预定调用接口时, 调用与该第二预定调用接口 对应的第二预定扩展程序重新显示当前页面内已经隐藏的部分或者全部节点。 The device according to any one of claims 7 to 9, wherein the device further comprises: a display module, configured to, when parsing to the second predetermined calling interface, invoke a call corresponding to the second predetermined calling interface The second predetermined extension redisplays some or all of the nodes that are already hidden within the current page.
11. 一种具有处理器可执行的程序代码的计算机可读介质, 在被执行时, 所 述程序代码使得处理器执行下述步骤:  11. A computer readable medium having program code executable by a processor, when executed, the program code causing a processor to perform the steps of:
接收来自于目标页面的文本, 其中, 该文本包括所述目标页面中按照预设排 版方式设置的各个节点; 对所述文本中的按照所述预设排版方式设置的各个节点进行解析,在获取到 文本结束消息后,通过第一预定调用接口调用与该第一预定调用接口对应的第一 预定扩展程序对已经按照预设排版方式设置的各个节点进行重新排版, 其中, 所 述第一预定调用接口和所述第一预定扩展程序配置在浏览器中。 Receiving text from a target page, where the text includes each node in the target page set according to a preset layout manner; Parsing each node set according to the preset layout manner in the text, and after acquiring the text end message, calling a first predetermined extension program pair corresponding to the first predetermined calling interface through the first predetermined calling interface The respective nodes that have been set in the preset layout manner are re-typed, wherein the first predetermined calling interface and the first predetermined extension program are configured in the browser.
PCT/CN2013/078308 2012-08-14 2013-06-28 Page display typesetting method and device WO2014026509A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201210289330.8 2012-08-14
CN201210289330.8A CN102831212B (en) 2012-08-14 2012-08-14 The composition method of page display and device

Publications (1)

Publication Number Publication Date
WO2014026509A1 true WO2014026509A1 (en) 2014-02-20

Family

ID=47334348

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2013/078308 WO2014026509A1 (en) 2012-08-14 2013-06-28 Page display typesetting method and device

Country Status (2)

Country Link
CN (1) CN102831212B (en)
WO (1) WO2014026509A1 (en)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102831212B (en) * 2012-08-14 2015-08-26 优视科技有限公司 The composition method of page display and device
CN103559241B (en) * 2013-10-28 2016-10-05 北京京东尚科信息技术有限公司 A kind of method and apparatus of webpage layout
CN106708958B (en) * 2016-11-30 2020-03-17 北京小米移动软件有限公司 Method and device for displaying typesetting structure of browser kernel
CN111800492A (en) * 2020-06-22 2020-10-20 深圳壹账通智能科技有限公司 Method and device for marking characters in web page, computer equipment and storage medium

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101639774A (en) * 2009-08-31 2010-02-03 腾讯科技(深圳)有限公司 Encapsulation method of browser control part and device thereof
CN101819584A (en) * 2010-03-18 2010-09-01 上海引跑信息科技有限公司 Light weight intelligent webpage content analysis method
CN102420842A (en) * 2010-09-28 2012-04-18 腾讯科技(深圳)有限公司 Method and system for sending webpage in mobile network
CN102831212A (en) * 2012-08-14 2012-12-19 优视科技有限公司 Typesetting method and device for page display

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8001551B2 (en) * 2007-04-24 2011-08-16 Microsoft Corporation Providing localized resources for client-side script execution
CN102375851B (en) * 2010-08-23 2014-05-07 中国移动通信有限公司 Method and equipment for display page

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101639774A (en) * 2009-08-31 2010-02-03 腾讯科技(深圳)有限公司 Encapsulation method of browser control part and device thereof
CN101819584A (en) * 2010-03-18 2010-09-01 上海引跑信息科技有限公司 Light weight intelligent webpage content analysis method
CN102420842A (en) * 2010-09-28 2012-04-18 腾讯科技(深圳)有限公司 Method and system for sending webpage in mobile network
CN102831212A (en) * 2012-08-14 2012-12-19 优视科技有限公司 Typesetting method and device for page display

Also Published As

Publication number Publication date
CN102831212B (en) 2015-08-26
CN102831212A (en) 2012-12-19

Similar Documents

Publication Publication Date Title
US10726195B2 (en) Filtered stylesheets
US20240004949A1 (en) Systems and Methods for Hosted Applications
US8799353B2 (en) Scope-based extensibility for control surfaces
US10185704B2 (en) Webpage browsing method, webapp framework, method and device for executing javascript and mobile terminal
US8041763B2 (en) Method and system for providing sharable bookmarking of web pages consisting of dynamic content
US9253013B1 (en) Efficient delivery of content by virtualization of dynamic interaction with the document object model
CN112711418B (en) Front-end interface layout method and device for multiple components, electronic equipment and storage medium
US10599754B2 (en) Context editing without interfering with target page
US7143359B2 (en) Emulating advanced graphical user interface elements in a hypermedia content browser
WO2014075509A1 (en) Method and device for browser to process page element
WO2014026509A1 (en) Page display typesetting method and device
US20110004602A1 (en) Method for generating widget icon, apparatus for generating widget summary information file, and widget engine
WO2013135188A1 (en) Calling method and device for extender
US9645984B2 (en) Efficient delivery of content by virtualization of static interaction with the document object model
CN110866208B (en) Page response type layout method, device and equipment
CN108874373B (en) Method and device for inserting information into webpage, display terminal and storage medium
WO2014187202A1 (en) Method, device, terminal, and computer storage medium for implementing webpage layout
CN113760281A (en) Transition animation realization method and device, terminal equipment and storage medium
KR101370714B1 (en) Dividing web page screen method and system for using multiscreen apparatus
TWI610183B (en) An operational system for centralized management base on ajax website
Sambells et al. AdvancED DOM Scripting: Dynamic Web Design Techniques
CN116881098A (en) Page performance data reporting method, device, equipment and medium for front-end application
CN112714360A (en) Media content playing method and system
CN114461421A (en) Method and device for calling client, electronic equipment and storage medium

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: 13829519

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205N DATED 170615)

122 Ep: pct application non-entry in european phase

Ref document number: 13829519

Country of ref document: EP

Kind code of ref document: A1