WO2019109889A1 - 网页显示方法、浏览器、终端和计算机可读存储介质 - Google Patents

网页显示方法、浏览器、终端和计算机可读存储介质 Download PDF

Info

Publication number
WO2019109889A1
WO2019109889A1 PCT/CN2018/118947 CN2018118947W WO2019109889A1 WO 2019109889 A1 WO2019109889 A1 WO 2019109889A1 CN 2018118947 W CN2018118947 W CN 2018118947W WO 2019109889 A1 WO2019109889 A1 WO 2019109889A1
Authority
WO
WIPO (PCT)
Prior art keywords
webpage
web page
preset
tag
browser
Prior art date
Application number
PCT/CN2018/118947
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 中兴通讯股份有限公司
Priority to US16/765,518 priority Critical patent/US20200320156A1/en
Publication of WO2019109889A1 publication Critical patent/WO2019109889A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • 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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9562—Bookmark management
    • 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
    • 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • 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

Definitions

  • the present disclosure relates to, but is not limited to, network technology.
  • At least one embodiment of the present disclosure provides a webpage display method, a browser, a terminal, and a computer readable storage medium, which enable simultaneous browsing of different elements in a webpage.
  • At least one embodiment of the present disclosure provides a webpage display method, including: when a preset element is included in a first webpage, generating a second webpage according to the first webpage, where the second webpage includes the first webpage All the elements, and the positioning attribute of the area where the preset element is located in the second webpage is positioned relative to the browser window; and the second webpage is displayed.
  • An embodiment of the present disclosure provides a browser, including: a main control module, a detection module, and a reconstruction module, where the main control module is configured to invoke the detection module, so that the detection module detects the first webpage. Whether there is a preset element, when receiving the detection result of the preset element in the first webpage returned by the detection module, calling the reconstruction module, so that the reconstruction module generates the first page according to the first webpage And the detecting module is configured to detect whether there is a preset element in the first webpage, and return a detection result to the main control module; and the refactoring module is configured to generate according to the first webpage.
  • the second webpage includes all the elements of the first webpage, and the positioning attribute of the area where the preset element is located in the second webpage is positioned relative to the browser window.
  • An embodiment of the present disclosure provides a terminal including a memory and a processor, the memory storing a program, and the program, when read and executed by the processor, implements a web page display method according to the present disclosure.
  • An embodiment of the present disclosure provides a computer readable storage medium storing one or more programs, the one or more programs being executable by one or more processors to implement Public web page display method.
  • FIG. 1 is a flowchart of a web page display method according to an embodiment of the present disclosure
  • FIG. 2 is a flowchart of a webpage display method according to another embodiment of the present disclosure.
  • FIG. 3 is a flowchart of a webpage reconstruction method according to an embodiment of the present disclosure
  • FIG. 4A is a schematic diagram of a Document Object Model (DOM) tree according to an embodiment of the present disclosure
  • FIG. 4B is a schematic diagram of a reconstructed DOM tree according to another embodiment of the present disclosure.
  • 4C is a schematic diagram of a reconstructed DOM tree according to another embodiment of the present disclosure.
  • FIG. 5 is a schematic diagram of a layout of a webpage after a webpage display method is reconstructed according to an embodiment of the present disclosure
  • FIG. 6 is a block diagram of a browser in accordance with an embodiment of the present disclosure.
  • FIG. 7 is a block diagram of a terminal in accordance with an embodiment of the present disclosure.
  • Google’s chrome browser uses a control video hover playback technology. It mainly downloads a plug-in called Video Tape on the browser. This plug-in helps users fix the location and size of the video. After the user installs the Video Tape plugin in chrome, it can accomplish similar purposes to video tiles. During the video playback, the video playback will not be affected by the user pulling the scroll bar. Its main drawback is the need to download the independent play plug-in, which has certain requirements for system compatibility, and affects the user's traffic and storage space.
  • Qihoo proposes a method that does not require a plug-in.
  • a control script By injecting a control script into the web page, when the browser scroll bar moves, it will continuously detect whether the video element is partially missing or not seen, and then re-adjust the position of the video element to make it visible.
  • This method is simpler than the former method, but because of its continuous detection and movement operations, it is easy to cause flashing display of web pages and browser power consumption problems.
  • the embodiment of the present disclosure provides a webpage display method, as shown in FIG. 1, including steps 101 and 102.
  • step 101 when there is a preset element in the first webpage, generating a second webpage according to the first webpage, the second webpage includes all elements of the first webpage, and the second webpage is described in the second webpage
  • the positioning attribute of the area where the preset element is located is positioned relative to the browser window.
  • the second web page is displayed.
  • the location of the area where the preset element is located is fixed relative to the browser window.
  • the preset element is still displayed at the fixed position, and does not scroll with the scroll bar. Changes occur so that users can browse for preset elements while browsing other elements of the page.
  • the webpage display method provided in this embodiment does not need to download the independent play plug-in, and does not affect the user's traffic and storage space.
  • the preset element is a video element.
  • the preset element is not limited to a video element, and may also be other elements, such as a picture.
  • the positioning attribute of the area where the preset element is located in the first webpage may be modified to be positioned relative to the browser window, so that the modified first webpage is used as Second page.
  • the positioning attribute of the parent node of the child node corresponding to the video element in the DOM tree of the first webpage may be modified to be positioned relative to the browser window.
  • Cascading Style Sheets are used to define how elements in a web page are displayed.
  • the position of the element can be set by the CSS Positioning property.
  • the Positioning property usually includes four types: static, relative, absolute, and fixed.
  • the fixed is positioned relative to the browser window, that is, the element is in the browser window.
  • the location is fixed, so you can set the targeting property of the area where the video element is located to fixed.
  • the first webpage may be reconstructed to generate a second webpage, that is, the position of each element in the first webpage is adjusted, the video element is separately extracted and placed in an area, and other elements of the first webpage are Place it in another area.
  • the DOM defines the objects and properties of all web page elements. All the content in the webpage is a node. The whole document is a document node. Each element is an element node. All the elements of each webpage constitute a DOM tree. The top node is called the root node, and the root node includes multiple levels. node.
  • the step of generating the second webpage according to the first webpage may include: acquiring a root node of the first DOM tree of the first webpage as a root node of the second DOM tree of the second webpage; An element label and a second element label, and the first element label and the second element label respectively as child nodes of a root node of the second DOM tree; setting a positioning attribute of the first element label to Positioning relative to the browser window; extracting a child node corresponding to the preset element in the first DOM tree as a child node of the first element label; and extracting the root node in the first DOM tree
  • the other child nodes outside the child node corresponding to the preset element are placed under the second element label according to their structure in the first DOM tree.
  • the second element label may not be created, and other child nodes in the first DOM tree except the root node and the child node corresponding to the preset element may be directly in the first A structure in a DOM tree is placed under the root node of the second DOM tree.
  • the area corresponding to the first element label and the area corresponding to the second element label may each occupy half of the browser window.
  • the area corresponding to the first element label occupies the upper part of the browser window.
  • the area corresponding to the two-element tag occupies the lower half of the browser window.
  • it can also be set to other values as needed.
  • the area corresponding to the first element label occupies one third of the browser window
  • the area corresponding to the second element label occupies two-thirds of the browser window, and the like.
  • Elements in a web page can be divided into block-level elements and in-row elements.
  • Block-level elements are represented in blocks that can accommodate in-row elements and other block-level elements, such as height, width, and so on.
  • Inline elements do not occupy a separate space and are attached to block-level elements.
  • the first element tag can be a block level element such as a DIV tag, an h1 tag, a section tag, an area tag, and the like.
  • the second element tag can be a block level element or an inline web page tag, ie an IFRAME tag.
  • the IFRAME tag is used to display additional web pages in one web page.
  • the second element tag is an IFRAME tag
  • the user is allowed to jump to other web pages when browsing, and does not affect the content displayed in the area corresponding to the first element tag.
  • the display content in the area corresponding to the second element label changes (displays the content corresponding to the link), but the The video in the area corresponding to an element label is played as usual, so that the user can browse the web while watching the video.
  • the first element label may also be an IFRAME label.
  • the child nodes corresponding to the preset elements are not included in the child nodes of the second element label.
  • the child nodes of the second element tag may also include child nodes corresponding to the preset elements.
  • the child node of the first element label may also include other child nodes except the child node corresponding to the preset element, that is, the video corresponding to the first element label may play the video, and some non-video elements may also be displayed.
  • the step of generating a second webpage according to the first webpage may include: acquiring a layout height of the first webpage; and determining whether a layout height of the first webpage exceeds a first a height of the terminal screen of the webpage, when the layout height of the first webpage exceeds a height of the terminal screen for displaying the first webpage, generating a second webpage according to the first webpage; if the first webpage is If the layout height is less than or equal to the height of the terminal screen, the first web page is directly displayed.
  • the layout height of a web page refers to the total height of the web page, that is, the total height of all the content contained in the web page.
  • the layout height of the web page is not necessarily the height of the web page displayed in the current browser window (ie, the browser window does not display the entire content of the web page), but the total height of the web page. If the terminal screen height cannot display the entire content of the first webpage, the first webpage is processed using the solution in the present disclosure; if the terminal screen height can display the entire content of the first webpage, the first webpage is not processed.
  • the determining of the layout height of the first webpage may not be performed, and the step of generating the second webpage according to the first webpage may be performed, that is, the second webpage is generated regardless of whether the layout height of the first webpage exceeds the screen height.
  • the layout height of the first webpage is smaller than the height of the terminal screen, the user needs to browse the webpage and jump when watching the video. At this time, the user's needs can be met by the solution of the present disclosure.
  • the displaying method may further include: scrolling and displaying the elements in the area corresponding to the second area label according to the preset speed. That is, the user does not need to manually pull the scroll bar, and automatically scrolls the content in the area corresponding to the second area label.
  • Scroll display can be achieved by the scroll bar timer. In other embodiments, the scroll bar can be pulled by the user to browse.
  • the preset speed can be preset, such as the average reading speed of a normal person.
  • the browser when the web page opening detects that there is a video element, the browser reconstructs the DOM tree structure of the web page.
  • the new DOM tree structure is divided into two parts: a part of the main node is the first area of the DIV tag, which contains the original video elements of the web page; the other part is the second area of the IFRAME tag for the main node, which contains the original page.
  • Some non-video elements In this way, while watching the video content, the user can scroll through other non-video elements (such as text, pictures, etc.), thereby improving the user experience without any adverse effects on compatibility, power consumption, traffic, and storage.
  • an embodiment of the present disclosure provides a webpage display method, including steps 201 to 207.
  • step 201 the element included in the first webpage is detected when the first webpage is opened or before being opened.
  • step 202 it is determined whether the video element is included in the first webpage. If the first webpage contains the video element, go to step 203, if the video element is not included, go to step 207.
  • a layout height of the first web page is obtained.
  • step 204 it is determined whether the layout height of the first webpage exceeds the screen height. If the screen height is exceeded, the process proceeds to step 205, and if the screen height is not exceeded, the process proceeds to step 207.
  • a second webpage is generated according to the first webpage, where the second webpage includes all the elements of the first webpage, and the positioning attribute of the area where the preset element is located in the second webpage is relative to Browser window positioning.
  • step 206 the scroll bar timer is started, and the non-video element content is repeatedly scrolled up and down according to the preset speed.
  • the preset speed can be the average reading speed of a normal person, and of course, it can be set to other values as needed.
  • step 206 may not be performed, and the user pulls the scroll bar to browse. If the page layout height is small, there can be no scroll bars.
  • step 207 the normal web page displays processing.
  • the position of the video element remains unchanged, even if the user drags the scroll bar, the position of the video element is not affected, thereby Enables watching videos while browsing the web.
  • there is no need to download a new plug-in and the compatibility, power consumption, traffic, and storage of the system are not affected, and the current position of the video is not required to be moved and moved at any time, thereby avoiding the drawback of power consumption and display flicker. .
  • FIG. 3 is a flowchart of a webpage reconstruction method according to an embodiment of the present disclosure. As shown in FIG. 3, steps 301 to 306 are included.
  • step 301 the DOM tree root node of the first web page (denoted as R1) is taken as the root node (denoted as R0) of the DOM tree of the second web page.
  • a DIV tag (denoted as D1) and an IFRAME tag (denoted as IF1) are respectively created to be inserted as sub-nodes below the root node R0.
  • the CSS attributes of D1 and IF1 are set, respectively.
  • CSS is used to define how to display elements in a web page, such as the background of the element, the font of the text, the color, the size of the border, the position, and so on. It can be set as needed. Set the positioning property of D1 to be positioned relative to the browser window, that is, set the positioning property of D1 to fixed.
  • D1 and IF1 width: 100%, height: 50%, so that D1 and IF1 occupy half each in the screen height direction.
  • width 100%
  • height 50%
  • D1 and IF1 occupy half each in the screen height direction.
  • the video node (denoted as V1) in the DOM tree of the first web page is extracted to be inserted as a child node under the D1 node.
  • step 305 other child nodes (denoted as S1, S2, ..) under the root node in the DOM tree of the first web page are inserted as sub-nodes under the IF1 node.
  • the DOM tree R0 of the second web page is rendered and displayed.
  • the DOM tree shown in FIG. 4A is taken as an example to illustrate the reconstruction of the DOM tree.
  • 4A is a schematic diagram of a first DOM tree of a first web page.
  • the root node R1 of the first DOM tree includes three child nodes S1, S2, and S3, and the child node S2 further includes a child node V1 corresponding to the video element.
  • Reconstructing the first DOM tree includes: extracting a root node R1 of the first DOM tree as a root node R0 of the second DOM tree; establishing a first element label D1 as a child node of R0, and extracting a video element from the first DOM tree
  • the corresponding child node V1 is a child node of the first element label D1; and the second element label IF1 (IFRAME label in this embodiment) is established as a child node of R0, and the root node R1 and the video element are extracted from the first DOM tree.
  • the other child nodes other than the corresponding child node V1 are placed under the second element label IF1 according to the original structure to obtain a second DOM tree as shown in FIG. 4B.
  • the structure of each child node under the second element tag IF1 may be different from the structure of each child node in the first DOM tree, that is, it may be re-set.
  • the user can browse the webpage content in the area corresponding to the second element label IF1 while watching the video in the area corresponding to the first element label D1 without affecting the playing of the video.
  • the second element tag IF1 is an IFRAME tag
  • the user can also jump to other web pages to browse without affecting the playing of the current video while watching the video, thereby greatly enhancing the user's experience of enjoying the video webpage through the browser.
  • reconstructing the DOM tree shown in FIG. 4A in another manner includes: extracting a root node R1 of the first DOM tree as a root node R0 of the second DOM tree; establishing a first element label D1 As a child node of R0, and extracting the child node V1 corresponding to the video element from the first DOM tree as a child node of D1; establishing a second element label IF1 (IFRAME label in this embodiment) as a child node of R0, and from the A DOM tree extraction sub-nodes S1 and S2 are placed under IF1; and a third element label IF2 (IFRAME label in this embodiment) is established as a child node of R0, and the child node S3 is extracted from the first DOM tree and placed under IF1.
  • FIG. 5 is a schematic diagram of a webpage layout interface displayed by a browser after refactoring a webpage according to an embodiment of the present disclosure.
  • the terminal screen 500 is vertically divided into two parts: the first area 510 is an area corresponding to the first element label (the DIV label in this embodiment) for displaying a video element, and the area is relative to the browser window. The location is fixed; and the second region 520 is a region corresponding to the second element tag (IFRAME tag in this embodiment) for displaying content of other non-video elements (eg, text, pictures, links, etc.).
  • the scroll bar of the second area 520 can be controlled automatically or manually.
  • a new web page can be opened in the second area 520 without affecting the continued play display of the video in the first area 510.
  • the solution of the present disclosure does not require downloading a stand-alone play plugin, and the play plugin increases user traffic.
  • the solution of the present disclosure fixes the position of the video element by setting the positioning attribute of the fixed video element, compared with the related art, in which the video element is partially or completely missing, and then re-adjusted the position of the video element to be visible. Detecting and adjusting the position of video elements, the power consumption is relatively small. Therefore, the present disclosure can greatly improve the user's experience of watching video through a browser without increasing user traffic and power consumption. It should be noted that the layout of the first area and the second area shown in FIG.
  • the first area displays the video elements of the original web page
  • the second area displays a portion of the non-video elements of the original web page
  • the third area displays the remaining non-video elements of the original web page.
  • the second area and the third area can also display the same content.
  • a function button for web page adjustment or a setting function for adjusting the web page in the system can be set on the page. When the user selects the function button or the setting needs to be adjusted, the webpage is adjusted according to the solution provided by the present disclosure. When the user cancels the function button or the setting does not need to be adjusted, the display is performed in the normal web page display mode.
  • an embodiment of the present disclosure provides a browser, including: a main control module 601, a detection module 602, and a reconstruction module 603.
  • the main control module 601 is configured to call the detection module 602, so that the detection module 602 detects whether there is a preset element in the first webpage, and when the detection result of the preset element is received in the first webpage returned by the detection module 602, the call is heavy.
  • the module 603 is configured to cause the reconstruction module 603 to generate and display a second webpage according to the first webpage.
  • the detecting module 602 is configured to detect whether there is a preset element in the first webpage, and return the detection result to the main control module 601.
  • the reconstruction module 603 is configured to generate a second webpage according to the first webpage, where the second webpage includes all the elements of the first webpage, and the positioning attribute of the area where the preset element is located in the second webpage is Positioned relative to the browser window.
  • the reconstruction module 603 is configured to: acquire a root node of the first DOM tree of the first webpage as a root node of a second DOM tree of the second webpage; create a first element label and a two-element label, and the first element label and the second element label are respectively used as child nodes of a root node of the second DOM tree; setting a positioning attribute of the first element label to be relative to a browser window Positioning; extracting a child node corresponding to the preset element in the first DOM tree as a child node of the first element label; and extracting the root node and the preset in the first DOM tree The other child nodes outside the child nodes corresponding to the element are placed under the second element label according to their structure in the first DOM tree.
  • the detecting module 602 is further configured to acquire a layout height of the first webpage; and determine whether a layout height of the first webpage exceeds a height of a terminal screen for displaying the first webpage, and return The result is judged to the main control module 601.
  • the main control module 601 calls the heavy
  • the module 603 is configured to cause the reconstruction module 603 to generate and display a second webpage according to the first webpage.
  • the browser further includes a scroll display control module 604 configured to scroll display elements in the area corresponding to the second element label at a preset speed.
  • an embodiment of the present disclosure provides a terminal 70, which includes a memory 710 and a processor 720.
  • the memory 710 stores a program that, when read and executed by the processor 720, implements a web page display method according to various embodiments of the present disclosure.
  • An embodiment of the present disclosure provides a computer readable storage medium storing one or more programs, the one or more programs being executable by one or more processors to implement the foregoing A web page display method according to an embodiment.
  • the computer readable storage medium includes: a U disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic disk, or an optical disk, and the like, which can store program codes. Medium.

Landscapes

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

Abstract

本公开提供了一种网页显示方法、浏览器、终端和计算机可读存储介质。所述网页显示方法包括：当第一网页中有预设元素时，根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位；以及显示所述第二网页。

Description

网页显示方法、浏览器、终端和计算机可读存储介质 技术领域
本公开涉及(但不限于)网络技术。
背景技术
随着4G无线通讯技术的迅猛发展和普及，现在越来越多的用户习惯在移动终端上浏览网页。但通常用户会遇到这样一个场景，用户滚动网页时，用户在浏览网页下部的内容时，无法同时浏览网页上部的内容，比如，网页中包含视频时，用户浏览网页上视频下面的其他信息时，可能导致视频无法播放。
发明内容
本公开至少一实施例提供了一种网页显示方法、浏览器、终端及计算机可读存储介质，实现同时浏览网页中的不同元素。
本公开至少一实施例提供了一种网页显示方法，包括：当第一网页中有预设元素时，根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位；以及显示所述第二网页。
本公开一实施例提供一种浏览器，包括：主控模块、检测模块和重构模块，其中，所述主控模块设置为调用所述检测模块，以使所述检测模块检测第一网页中是否有预设元素，在接收到所述检测模块返回的第一网页中有预设元素的检测结果时，调用所述重构模块，以使所述重构模块根据所述第一网页生成第二网页并显示；所述检测模块设置为检测所述第一网页中是否有预设元素，并返回检测结果至所述主控模块；并且所述重构模块设置为根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位。
本公开一实施例提供一种终端，包括存储器和处理器，所述存储器存储有程序，所述程序在被所述处理器读取执行时，实现根据本 公开的网页显示方法。
本公开一实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现根据本公开的网页显示方法。
本公开的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本公开而了解。本公开的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
附图说明
附图用来提供对本公开技术方案的进一步理解，并且构成说明书的一部分，与本公开的实施例一起用于解释本公开的技术方案，并不构成对本公开技术方案的限制。在附图中：
图1为根据本公开实施例的网页显示方法的流程图；
图2为根据本公开另一实施例的网页显示方法的流程图；
图3为根据本公开实施例的网页重构方法的流程图；
图4A为根据本公开实施例的文档对象模型(Document Object Model，简称DOM)树的示意图；
图4B为根据本公开另一实施例的重构后的DOM树的示意图；
图4C为根据本公开另一实施例的重构后的DOM树的示意图；
图5为根据本公开实施例的网页显示方法重构后的网页的布局示意图；
图6为根据本公开实施例的浏览器的框图；以及
图7为根据本公开实施例的终端的框图。
具体实施方式
为使本公开的目的、技术方案和优点更加清楚明白，下文中将结合附图对本公开的实施例进行详细说明。需要说明的是，在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互任意组合。
在附图的流程图示出的步骤可以在诸如一组计算机可执行指令 的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
相关技术中能实现浏览器同时收看视频和非视频元素主要有两种方案。
Google公司的chrome浏览器使用一种控制视频悬浮播放技术。它主要是在浏览器上下载一种叫视频磁带(Video Tape)的插件，这个插件可以帮助用户固定视频的位置和大小。用户在chrome中安装了Video Tape插件以后，就可以完成类似于视频贴片的目的。在视频播放的过程中，不会因用户拉动滚动条而影响视频播放。它的主要缺陷是需要下载独立播放插件，这对系统的兼容性有一定要求，同时影响用户的流量和存储空间。
奇虎公司提出一种不需要插件的方法，通过对网页注入控制脚本，当浏览器滚动条移动时，会不断检测视频元素是否部分不见或全部不见，然后重新调整该视频元素位置使其可见。这种方法较前一种方法简洁，但是因为其不断进行检测和移动操作，容易造成网页的闪烁显示以及浏览器功耗问题。
本公开实施例提供一种网页显示方法，如图1所示，包括步骤101和102。
在步骤101，当第一网页中有预设元素时，根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位。
在步骤102，显示所述第二网页。
根据本实施例供的网页显示方法，将预设元素所在区域的位置相对于浏览器窗口固定，在拉动网页的滚动条时，预设元素仍在该固定位置显示，不会随滚动条的滚动发生变化，从而使得用户在浏览网页的其他元素时，可同时浏览预设元素。与相关技术相比，本实施例提供的网页显示方法，不需要下载独立播放插件，不会影响用户的流量和存储空间。另外，无需随时去判断预设元素当前位置并对预设元素位置进行移动，从而避免功耗和显示存在闪烁的缺陷。
在一实施例中，所述预设元素为视频元素。此时，根据本公开的网页显示方法，在观看视频的同时，可以查看网页中的其他元素，而且在拉动滚动条时也不会影响视频的播放(视频元素的位置固定)。需要说明的是，该预设元素不限于视频元素，并且也可以是其他元素，比如图片等。
在一实施例中，在根据所述第一网页生成第二网页时，可以修改第一网页中预设元素所在区域的定位属性为相对于浏览器窗口定位，以将修改后的第一网页作为第二网页。比如，可以修改第一网页的DOM树中视频元素对应的子节点的父节点的定位属性为相对于浏览器窗口定位。层叠样式表(Cascading Style Sheets，CSS)用于定义如何显示网页中元素。元素的位置可以通过CSS的定位(Positioning)属性来设定。Positioning属性通常包括四种：静态定位(static)、相对定位(relative)、绝对定位(absolute)和固定定位(fixed)，其中，fixed为相对于浏览器窗口进行定位，即元素在浏览器窗口的位置固定，因此，可以将视频元素所在区域的定位属性设置为fixed。
在另一实施例中，可以对第一网页进行重构生成第二网页，即调整第一网页中各元素的位置，将视频元素单独提取出来放在一个区域，并且将第一网页的其他元素放在另一个区域。
DOM定义了所有网页元素的对象和属性。网页中的所有内容都是节点，整个文档是一个文档节点，每个元素为一个元素节点，每个网页的所有元素构成一个DOM树，其顶端节点称为根节点，根节点下包括多级子节点。
具体的，根据所述第一网页生成第二网页的步骤可以包括：获取所述第一网页的第一DOM树的根节点以作为所述第二网页的第二DOM树的根节点；创建第一元素标签和第二元素标签，并且将所述第一元素标签和所述第二元素标签分别作为所述第二DOM树的根节点的子节点；设置所述第一元素标签的定位属性为相对于浏览器窗口定位；提取所述第一DOM树中与所述预设元素对应的子节点作为所述第一元素标签的子节点；以及提取所述第一DOM树中除所述根节点和所 述预设元素对应的子节点外的其他子节点并按其在所述第一DOM树中的结构放置在所述第二元素标签下。
在其他实施例中，可以不创建第二元素标签，并且直接将所述第一DOM树中除所述根节点和所述预设元素对应的子节点外的其他子节点按其在所述第一DOM树中的结构放置在所述第二DOM树的根节点下。
在其他实施例中，可以设置第一元素标签对应的区域和第二元素标签对应的区域各占浏览器窗口的一半，比如，第一元素标签对应的区域占据浏览器窗口的上半部分，第二元素标签对应的区域占据浏览器窗口的下半部分。当然，也可以根据需要设置为其他值，比如，第一元素标签对应的区域占据浏览器窗口的三分之一，第二元素标签对应的区域占据浏览器窗口的三分之二，等等。
网页中的元素可以分为块级元素和行内元素。块级元素以块的形式表现出来，可以容纳行内元素和其他块级元素，可设置高度、宽度等。行内元素不占据单独的空间，依附于块级元素。第一元素标签可以是一个块级元素，比如DIV标签、h1标签、section标签、area标签等等。第二元素标签可以是一个块级元素，也可以是内嵌网页标签，即IFRAME标签。IFRAME标签用于在一个网页中显示另外的网页。当第二元素标签是IFRAME标签时，支持用户浏览时跳转到其他网页且不影响第一元素标签对应的区域中显示的内容。比如第一元素标签对应的区域在播放视频时，点击第二元素标签对应的区域中的链接时，第二元素标签对应的区域中的显示内容发生变化(显示该链接对应的内容)，但第一元素标签对应的区域中的视频照常播放，从而可以方便用户在观看视频的时候进行网页浏览。需要说明的是，第一元素标签也可以是IFRAME标签。
在本实施例中，所述第二元素标签的子节点中不包括预设元素对应的子节点。在其他实施例中，所述第二元素标签的子节点中也可以包括预设元素对应的子节点。另外，第一元素标签的子节点也可以包含除预设元素对应的子节点外的其他子节点，即第一元素标签对应的区域中可以播放视频，也可以显示部分非视频元素。
在一实施例中，根据所述第一网页生成第二网页的步骤可以包括：获取所述第一网页的布局高度；以及判断所述第一网页的布局高度是否超过用于显示所述第一网页的终端屏幕的高度，当所述第一网页的布局高度超过用于显示所述第一网页的终端屏幕的高度时，根据所述第一网页生成第二网页；如果所述第一网页的布局高度小于或等于终端屏幕的高度，则直接显示第一网页。
网页的布局高度是指网页页面的总高度，即网页所包含的所有内容的总高度，。网页的布局高度不一定是当前浏览器窗口中显示的网页的高度(即，浏览器窗口没有显示网页的全部内容)，而是网页的总高度。如果终端屏幕高度不能显示第一网页的全部内容时，则使用本公开中的方案对第一网页进行处理；如果终端屏幕高度能显示第一网页的全部内容，则不对第一网页进行处理。
在其他实施例中，可以不对第一网页的布局高度进行判断，而总是执行根据第一网页生成第二网页的步骤，即不管第一网页的布局高度是否超过屏幕高度，均生成第二网页。比如，虽然第一网页的布局高度小于终端屏幕的高度，但用户在观看视频同时需要浏览网页并进行跳转，此时可以通过本公开的方案满足用户需求。
在一实施例中，根据显示方法还可以包括：按照预设速度滚动显示所述第二区域标签对应的区域中的元素。即不需要用户手动拉动滚动条，自动滚动显示第二区域标签对应的区域中的内容。可以通过滚动条定时器实现滚动显示。在其他实施例中，可以由用户自己拉动滚动条进行浏览。预设速度可以进行预先设置，比如为正常人的平均阅读速度。
下面以预设元素为视频元素为例对本公开作进一步说明，预设元素为其他类型的元素时，实现方式类似，此处不再赘述。
根据本公开实施例的网页显示方法，当网页打开检测到有视频元素时，浏览器重新构造网页的DOM树结构。新的DOM树结构分为两个部分：一部分为主节点是DIV标签的第一区域，它包含网页原有的视频元素；另外一部分是为主节点是IFRAME标签的第二区域，它包含网页原有的非视频元素。这样用户在收看视频内容同时，可以滚动 浏览其他非视频元素(如正文、图片等)，从而在提升用户体验的同时，还对兼容性、功耗、流量和存储无任何不利影响。
如图2所示，本公开一实施例提供了一种网页显示方法，包括步骤201至207。
在步骤201，在第一网页打开时或打开前，检测第一网页包含的元素。
在步骤202，判断第一网页中是否包含视频元素，如果第一网页包含视频元素转到步骤203，如果不包含视频元素转到步骤207。
在步骤203，获取第一网页的布局高度。
在步骤204，判断第一网页的布局高度是否超过屏幕高度，如果超过屏幕高度则转到步骤205，如果不超过屏幕高度转到步骤207。
在步骤205，根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位。
在步骤206，启动滚动条定时器，按照预设速度上下反复滚动非视频元素内容。预设速度可以是正常人的平均阅读速度，当然，也可以根据需要设置为其他值。
需要说明的是，在其他实施例中，可以不执行步骤206，由用户自行拉动滚动条进行浏览。如果网页布局高度较小，可以没有滚动条。
在步骤207，普通网页显示处理。
在本实施例中，通过将视频元素所在的区域的定位属性设置为相对于浏览器窗口定位，使得视频元素的位置保持不变，即使用户拖动滚动条也不会影响视频元素的位置，从而实现在浏览网页的同时观看视频。根据本实施例的方案，不需要下载新的插件，不影响系统的兼容性、功耗、流量和存储，也无需随时去判断视频当前位置并进行移动，从而避免功耗和显示存在闪烁的缺陷。
图3为根据本公开实施例的网页重构方法的流程图，如图3所示，包括步骤301至306。
在步骤301，将第一网页的DOM树根节点(记为R1)作为第二网页的DOM树的根节点(记为R0)。
在步骤302，分别创建一个DIV标签(记为D1)和一个IFRAME标签(记为IF1)以作为子节点插入到根节点R0的下边。
在步骤303，分别设置D1和IF1的CSS属性。
CSS用于定义如何显示网页中的元素，比如，元素的背景、文本的字体、颜色、边框大小、位置等等。可以根据需要进行设置。设置D1的定位属性为相对于浏览器窗口定位，即设置D1的定位属性为fixed。
在本实施例中，还可以为D1和IF1设置如下属性：width:100％、height:50％，以使得D1和IF1在屏幕高度方向中各占半。当然，此处仅为示例，可以根据需要设定为其他值，比如D1占据屏幕1/3，IF1占据屏幕2/3等等。
在步骤304，将第一网页的DOM树中的视频节点(记为V1)提取出来，以作为子节点插入到D1节点下。
在步骤305，将第一网页的DOM树中的根节点下的其他子节点(记为S1，S2，..)作为子节点插入到IF1节点下。
在步骤306，将第二网页的DOM树R0进行渲染显示。
以图4A所示的DOM树为例说明DOM树的重构。图4A为第一网页的第一DOM树的示意图。如图4A所示，第一DOM树的根节点R1下包括三个子节点S1、S2和S3，子节点S2下进一步包括视频元素对应的子节点V1。对第一DOM树进行重构包括：提取第一DOM树的根节点R1作为第二DOM树的根节点R0；建立第一元素标签D1作为R0的子节点，并且从第一DOM树提取视频元素对应的子节点V1作为第一元素标签D1的子节点；以及建立第二元素标签IF1(本实施例中为IFRAME标签)作为R0的子节点，并且从第一DOM树提取除根节点R1和视频元素对应的子节点V1外的其他子节点并按原有结构放置在第二元素标签IF1下，以得到如图4B所示的第二DOM树。在其他实施例中，第二元素标签IF1下各子节点的结构可以不同于第一DOM树中各子节点的结构，即，可以重新进行设置。
根据本实施例，用户可以在观看第一元素标签D1对应的区域中的视频的同时，浏览第二元素标签IF1对应的区域中的网页内容而不 影响视频的播放。另外，由于第二元素标签IF1为IFRAME标签，使得用户在观看视频时还可以跳转到其他网页去浏览且不影响当前视频的播放，从而极大提升用户通过浏览器欣赏带视频网页的使用体验。
在另一实施例中，按另一种方式对图4A所示的DOM树进行重构包括：提取第一DOM树的根节点R1作为第二DOM树的根节点R0；建立第一元素标签D1作为R0的子节点，并且从第一DOM树提取视频元素对应的子节点V1作为D1的子节点；建立第二元素标签IF1(本实施例中为IFRAME标签)作为R0的子节点，并且从第一DOM树提取子节点S1和S2放置在IF1下；以及建立第三元素标签IF2(本实施例中为IFRAME标签)作为R0的子节点，并且从第一DOM树提取子节点S3放置在IF1下，以得到如图4C所示的第二DOM树。对该DOM树进行渲染显示后，屏幕上将得到三个区域，即，第一元素标签D1对应的第一区域，第二元素标签IF1对应的第二区域和第三元素标签IF2对应的第三区域。
图5是根据本公开实施例的对网页进行重构后浏览器显示的网页布局界面示意图。如图5所示，终端屏幕500被上下重新分成两部分：第一区域510为第一元素标签(本实施例中为DIV标签)对应的区域用于显示视频元素，该区域相对于浏览器窗口位置固定；并且第二区域520为第二元素标签(本实施例中为IFRAME标签)对应的区域用来显示其他非视频元素的内容(如正文、图片、链接等)。第二区域520的滚动条可自动或手动控制。另外如果用户点击第二区域520中的链接后，可在该第二区域520中打开新的网页，而不影响第一区域510中视频的继续播放显示。
本公开的方案不需要下载独立播放插件，而播放插件会增加用户流量。另外，相对于相关技术中检测视频元素是否部分不见或全部不见，然后重新调整该视频元素位置使其可见的方式，本公开的方案通过设置固定视频元素的定位属性固定视频元素的位置，无需时时检测和调整视频元素的位置，功耗相对较小。因此，本公开在不增加用户流量和功耗的情况下，用户通过浏览器收看视频的体验能得到极大的提升。需要说明的是，图5所示的第一区域和第二区域的布局仅为 示例，可以根据需要调整，比如，缩小第一区域的高度，增大第二区域的高度，等等。另外，在其他实施例中，如果需要也可以建立三个区域，第一区域、第二区域和第三区域。第一区域显示原网页的视频元素，第二区域显示原网页的部分非视频元素，第三区域显示原网页的剩余部分非视频元素。当然，第二区域和第三区域也可以显示相同的内容。另外，可以在页面上设置一个进行网页调整的功能按钮或在系统中提供是否对网页进行调整的设置功能。当用户选中该功能按钮或者设置需要进行调整时，按本公开提供的方案对网页进行调整后显示。当用户取消该功能按钮或者设置不需要进行调整时，按普通网页显示方式进行显示。
如图6所示，本公开实施例提供一种浏览器，包括：主控模块601、检测模块602和重构模块603。
主控模块601设置为调用检测模块602，以使检测模块602检测第一网页中是否有预设元素，在接收到检测模块602返回的第一网页中有预设元素的检测结果时，调用重构模块603，以使重构模块603根据所述第一网页生成第二网页并显示。
检测模块602设置为检测所述第一网页中是否有预设元素，并返回检测结果至主控模块601。
重构模块603设置为根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位。
在一实施例中，重构模块603设置为：获取所述第一网页的第一DOM树的根节点以作为所述第二网页的第二DOM树的根节点；创建第一元素标签和第二元素标签，并且将所述第一元素标签和所述第二元素标签分别作为所述第二DOM树的根节点的子节点；设置所述第一元素标签的定位属性为相对于浏览器窗口定位；提取所述第一DOM树中与所述预设元素对应的子节点作为所述第一元素标签的子节点；并且提取所述第一DOM树中除所述根节点和所述预设元素对应的子节点外的其他子节点并按其在所述第一DOM树中的结构放置在所述第二元素标签下。
在一实施例中，检测模块602还设置为获取所述第一网页的布局高度；以及判断所述第一网页的布局高度是否超过用于显示所述第一网页的终端屏幕的高度，并返回判断结果至主控模块601。
在检测模块602返回的所述第一网页中有预设元素且第一网页的布局高度超过用于显示所述第一网页的终端屏幕的高度的检测结果的情况下，主控模块601调用重构模块603，以使重构模块603根据所述第一网页生成第二网页并显示。
在一实施例中，所述浏览器还包括滚动显示控制模块604，其设置为按照预设速度滚动显示所述第二元素标签对应的区域中的元素。
如图7所示，本公开实施例提供一种终端70，包括存储器710和处理器720。存储器710存储有程序，所述程序在被处理器720读取执行时，实现根据本公开各实施例的网页显示方法。
本公开一实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现上述任一实施例所述的网页显示方法。
所述计算机可读存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
虽然本公开所揭露的实施方式如上，但所述的内容仅为便于理解本公开而采用的实施方式，并非用以限定本公开。任何本公开所属领域内的技术人员，在不脱离本公开所揭露的精神和范围的前提下，可以在实施的形式及细节上进行任何的修改与变化，但本公开的专利保护范围，仍须以所附的权利要求书所界定的范围为准。

Claims (14)

  1. 一种网页显示方法，包括：
    当第一网页中有预设元素时，根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位；以及
    显示所述第二网页。
  2. 如权利要求1所述的网页显示方法，其中，所述预设元素为视频元素。
  3. 如权利要求1所述的网页显示方法，其中，所述根据所述第一网页生成第二网页的步骤包括：
    获取所述第一网页的布局高度；以及
    判断所述第一网页的布局高度是否超过用于显示所述第一网页的终端屏幕的高度，并且响应于所述第一网页的布局高度超过用于显示所述第一网页的终端屏幕的高度，根据所述第一网页生成第二网页。
  4. 如权利要求1所述的网页显示方法，其中，所述根据所述第一网页生成第二网页的步骤包括：
    获取所述第一网页的第一文档对象模型树的根节点以作为所述第二网页的第二文档对象模型树的根节点；
    创建第一元素标签和第二元素标签，并且将所述第一元素标签和所述第二元素标签分别作为所述第二文档对象模型树的根节点的子节点；
    设置所述第一元素标签的定位属性为相对于浏览器窗口定位；
    提取所述第一文档对象模型树中与所述预设元素对应的子节点作为所述第一元素标签的子节点；以及
    提取所述第一文档对象模型树中除所述根节点和所述预设元素对应的子节点外的其他子节点并按其在所述第一文档对象模型树中 的结构放置在所述第二元素标签下。
  5. 如权利要求4所述的网页显示方法，其中，所述第二元素标签为内嵌网页标签。
  6. 如权利要求4所述的网页显示方法，还包括：
    按照预设速度滚动显示所述第二元素标签对应的区域中的元素。
  7. 一种浏览器，包括主控模块、检测模块和重构模块，其中，
    所述主控模块设置为调用所述检测模块，以使所述检测模块检测第一网页中是否有预设元素，在接收到所述检测模块返回的第一网页中有预设元素的检测结果时，调用所述重构模块，以使所述重构模块根据所述第一网页生成第二网页并显示；
    所述检测模块设置为检测所述第一网页中是否有预设元素，并返回检测结果至所述主控模块；并且
    所述重构模块设置为根据所述第一网页生成第二网页，所述第二网页包括所述第一网页的全部元素，且所述第二网页中所述预设元素所在区域的定位属性为相对于浏览器窗口定位。
  8. 如权利要求7所述的浏览器，其中，所述预设元素为视频元素。
  9. 如权利要求7所述的浏览器，其中，所述检测模块还设置为：
    获取所述第一网页的布局高度；并且
    判断所述第一网页的布局高度是否超过用于显示所述第一网页的终端屏幕的高度，并返回判断结果至主控模块，
    响应于检测模块返回的检测结果指示出所述第一网页中有预设元素且所述第一网页的布局高度超过用于显示所述第一网页的终端屏幕的高度，所述主控模块调用所述重构模块，以使所述重构模块根据所述第一网页生成第二网页。
  10. 如权利要求7所述的浏览器，其中，所述重构模块设置为：
    获取所述第一网页的第一文档对象模型树的根节点以作为所述第二网页的第二文档对象模型树的根节点；
    创建第一元素标签和第二元素标签，并且将所述第一元素标签和所述第二元素标签分别作为所述第二文档对象模型树的根节点的子节点；
    设置所述第一元素标签的定位属性为相对于浏览器窗口定位；
    提取所述第一文档对象模型树中与所述预设元素对应的子节点作为所述第一元素标签的子节点；并且
    提取所述第一文档对象模型树中除所述根节点和所述预设元素对应的子节点外的其他子节点并按其在所述第一文档对象模型树中的结构放置在所述第二元素标签下。
  11. 如权利要求10所述的浏览器，其中，所述第二元素标签为内嵌网页标签。
  12. 如权利要求10所述的浏览器，还包括：
    滚动显示控制模块，其设置为按照预设速度滚动显示所述第二元素标签对应的区域中的元素。
  13. 一种终端，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器读取执行时，所述处理器执行如权利要求1至6任一所述的网页显示方法。
  14. 一种计算机可读存储介质，其上存储有一个或者多个程序，所述一个或者多个程序被一个或者多个处理器执行时，所述一个或者多个处理器执行如权利要求1至6任一所述的网页显示方法。
PCT/CN2018/118947 2017-12-05 2018-12-03 网页显示方法、浏览器、终端和计算机可读存储介质 WO2019109889A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US16/765,518 US20200320156A1 (en) 2017-12-05 2018-12-03 Web page display method, browser, terminal, and computer-readable storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201711270394.2A CN110020311B (zh) 2017-12-05 2017-12-05 网页显示方法、浏览器、终端和计算机可读存储介质
CN201711270394.2 2017-12-05

Publications (1)

Publication Number Publication Date
WO2019109889A1 true WO2019109889A1 (zh) 2019-06-13

Family

ID=66751277

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/118947 WO2019109889A1 (zh) 2017-12-05 2018-12-03 网页显示方法、浏览器、终端和计算机可读存储介质

Country Status (3)

Country Link
US (1) US20200320156A1 (zh)
CN (1) CN110020311B (zh)
WO (1) WO2019109889A1 (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112394868A (zh) * 2019-08-13 2021-02-23 北京国双科技有限公司 网页弹框中目标信息的定位方法及装置
CN112035830A (zh) * 2020-08-04 2020-12-04 郑州阿帕斯数云信息科技有限公司 一种浏览器页面的重构方法、装置及其设备
CN112926010A (zh) * 2021-04-09 2021-06-08 上海臣星软件技术有限公司 web网页的生成方法、装置、电子设备及计算机存储介质
CN113204401B (zh) * 2021-05-06 2024-04-02 Oppo广东移动通信有限公司 浏览器渲染方法，终端及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101546305A (zh) * 2008-03-26 2009-09-30 天图信息技术(上海)有限公司 一种实现基于浏览器窗口的固定广告位的方法
CN103514202A (zh) * 2012-06-25 2014-01-15 北京新媒传信科技有限公司 一种网页显示的实现方法和装置
EP2977914A1 (en) * 2014-07-25 2016-01-27 Hewlett-Packard Development Company, L.P. Website framework

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6801224B1 (en) * 2000-09-14 2004-10-05 International Business Machines Corporation Method, system, and program for generating a graphical user interface window for an application program
EP1789865A4 (en) * 2004-08-02 2008-02-13 Justsystems Corp DOCUMENT PROCESSING AND ADMINISTRATIVE APPROACH TO ASSIGNING AN EVENT TO ACTION IN A MARKUP LANGUAGE ENVIRONMENT
KR20090060022A (ko) * 2007-12-07 2009-06-11 삼성전자주식회사 내용 기반의 문서 브라우징 방법 및 장치
CN101620621A (zh) * 2009-08-11 2010-01-06 中兴通讯股份有限公司 一种网页切分方法及系统
CN102117290B (zh) * 2009-12-30 2015-03-18 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及系统
US9576068B2 (en) * 2010-10-26 2017-02-21 Good Technology Holdings Limited Displaying selected portions of data sets on display devices
US8601565B1 (en) * 2013-06-19 2013-12-03 Edgecast Networks, Inc. White-list firewall based on the document object model
WO2016003487A1 (en) * 2014-07-02 2016-01-07 The Nielsen Company (Us), Llc Methods and apparatus to identify sponsored media in a document object model
CN104346465A (zh) * 2014-11-07 2015-02-11 北京奇虎科技有限公司 保存网页元素的方法、装置和浏览器客户端
WO2016115319A1 (en) * 2015-01-15 2016-07-21 The University Of North Carolina At Chapel Hill Methods, systems, and computer readable media for generating and using a web page classification model
RU2637882C2 (ru) * 2015-03-31 2017-12-07 Общество С Ограниченной Ответственностью "Яндекс" Способ управления отображением веб-ресурсов в браузерном окне, способ помещения вкладок в стек в браузерном окне, электронное устройство и сервер

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101546305A (zh) * 2008-03-26 2009-09-30 天图信息技术(上海)有限公司 一种实现基于浏览器窗口的固定广告位的方法
CN103514202A (zh) * 2012-06-25 2014-01-15 北京新媒传信科技有限公司 一种网页显示的实现方法和装置
EP2977914A1 (en) * 2014-07-25 2016-01-27 Hewlett-Packard Development Company, L.P. Website framework

Also Published As

Publication number Publication date
CN110020311A (zh) 2019-07-16
US20200320156A1 (en) 2020-10-08
CN110020311B (zh) 2023-03-28

Similar Documents

Publication Publication Date Title
WO2019109889A1 (zh) 网页显示方法、浏览器、终端和计算机可读存储介质
US10185782B2 (en) Mode identification for selective document content presentation
US10056113B2 (en) Video processing method and associated electronic device
US9842097B2 (en) Browser extension for web form fill
US10380227B2 (en) Generating layout for content presentation structures
CN110297996B (zh) 基于h5页面的动画显示方法、装置、设备及存储介质
US8266522B2 (en) Method and device for temporally displaying advertising content on a webpage
CN105373567B (zh) 页面生成方法及客户端
CN102436455B (zh) 实现文字浏览的方法、系统和客户端浏览器
US20130198659A1 (en) Implementing website themes in a website under construction
CN109683978B (zh) 一种流式布局界面渲染的方法、装置以及电子设备
CN113411664B (zh) 基于子应用的视频处理方法、装置和计算机设备
JP6975339B2 (ja) デジタルコンポーネントのバックドロップレンダリング
CN108319683A (zh) 网页显示方法、装置及终端
CN115225952B (zh) 视频的播放控制方法、装置、电子设备、存储介质及产品
CN105979392A (zh) 网页显示方法和浏览器
CN106874387B (zh) 一种自适应html滚屏展示实时信息的方法
KR20240127482A (ko) 비디오 처리 방법 및 장치, 및 비휘발 컴퓨터 판독가능 저장 매체
WO2018130069A1 (zh) 图集内容承载页生成方法、装置、计算设备以及存储介质
CN106488298B (zh) 一种在ui中图像绘制的方法及装置和电视
CN105373560A (zh) 出版物页面在线展现的方法
WO2016019874A1 (zh) 页面资源加载方法和装置
WO2018133633A1 (zh) 落地页显示内容的显示方法、装置、计算设备以及存储介质
CN112214972A (zh) 一种文章处理方法、装置、设备及计算机可读存储介质
CN107197387B (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: 18884904

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 1205 DATED 06/10/2020)

122 Ep: pct application non-entry in european phase

Ref document number: 18884904

Country of ref document: EP

Kind code of ref document: A1