Page split screen system, method and device

Abstract

The present invention discloses a page split-screen system, method and device, which relate to the field of computer technology. A specific implementation of the system includes: a page block selection tool, which is used to provide users with a service of selecting page blocks on a page to be split; a document generation unit, which is used to generate a page document in response to the user's page block selection operation, and save the page document in a document fragment cache pool; a page document selection tool, which is used to provide users with a visualization window for viewing page documents in the document fragment cache pool and a service for selecting a target page document through the visualization window; a page rendering agent unit, which is used to render the target page document in response to the user's operation of selecting a target page document, obtain a target page, and splice the target page into the page to be split for display. This implementation can customize the demarcation and selection of split-screen display content, save display space; save traffic consumption; and avoid repeated interactive behaviors.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a page splitting system, method and device. Background Art

[0002] Currently, web page content is becoming increasingly rich, and the length or width of web page content may exceed the size of the screen viewport. When the length or width of web page content exceeds the screen viewport, users need to slide and turn pages to view the complete web page content. In some specific situations, users need to compare and view the content of two distant blocks on the page. For example, when a user fills in the registration form at the bottom of the page and needs to view the registration instructions at the top of the page, in this case, since the pop-up soft keyboard further squeezes the screen display space, the user has to repeatedly slide the page in the narrow display space to switch between filling in the form and reading the instructions, which is very inconvenient. In order to solve this problem, split-screen display technology came into being, which divides the screen display space into two viewport areas, and each viewport area displays a different page separately. In this way, the same page can be replayed twice, sliding the page to the top in the first sub-area and sliding the page to the bottom in the second sub-area, so that different blocks of content on the page can be viewed at the same time.

[0003] In the process of implementing the present invention, the inventors found that there are at least the following problems in the prior art: the two viewport areas are equal in logic, so the common split-screen technology is to simply divide the screen display space evenly. Even if the proportion of the screen occupied by the viewport area can be customized, the content that the user needs to view or compare is often only a part of the page. Using the entire page for split-screen display not only takes up extra space, but also causes additional memory consumption; each time the split-screen function is turned on, for a single page, it is equivalent to reopening the page once additionally, resulting in traffic consumption. Since the viewport areas are logically equal, the two viewports can interact independently. For example, each viewport area can independently evoke the soft keyboard for input. This behavior will cause confusion to the user. Summary of the Invention

[0004] In view of this, the embodiments of the present invention provide a page split-screen system, method and device, which can customize the demarcation and selection of split-screen content without displaying the entire page, saving display space; the split-screen content is obtained from the document fragment cache pool, and there is no need to re-request it from the server, saving traffic consumption; because the split-screen content is inserted into the original page as part of the original page, all interactive operations are performed on this page, avoiding repeated interactive behaviors.

[0005] To achieve the above object, according to one aspect of an embodiment of the present invention, a page split screen system is provided, the system comprising:

[0006] A page block selection tool is used to provide users with a service for selecting page blocks on the page to be split;

[0007] a document generating unit, configured to generate a page document corresponding to a page block in response to a user selecting a page block on a page to be split, and save the page document in a document fragment cache pool;

[0008] A page document selection tool is used to provide a user with a visual window for viewing page documents in the document fragment cache pool and a service for selecting a target page document through the visual window;

[0009] The page rendering agent unit is used to render the target page document in response to the user's operation of selecting the target page document through the visualization window, obtain the target page, and insert the target page into the visible area of the page to be split for display.

[0010] Optionally, the document generation unit is also used to: determine the location information of the page block in response to the user's page block selection operation on the page to be split; determine the rendering resources of the page block based on the location information; and generate a page document corresponding to the page block based on the page block and the rendering resources of the page block.

[0011] Optionally, the document generation unit is further used to: determine the minimum enclosing rectangular area of the page block in response to the user's page block selection operation on the page to be split; and determine the position information of the page block based on the minimum enclosing rectangular area of the page block.

[0012] Optionally, the document generation unit is also used to: determine the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen; and determine the position information of the page block based on the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen.

[0013] Optionally, the document generation unit is further configured to: determine a minimum-level DOM node wrapping the page block according to the location information; and parse the DOM node to determine a rendering resource for the page block.

[0014] Optionally, the document generation module is also used to: determine the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum outer rectangular area relative to the display screen and the scrolling position of the page to be split; determine the minimum level DOM node that wraps the page block according to the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum outer rectangular area.

[0015] Optionally, the system further includes an identification generating unit configured to generate identification information for the page documents in the document fragment cache pool.

[0016] Optionally, the system further includes a split-screen activation unit for activating a split-screen display function in response to a user operation.

[0017] Optionally, the system further includes an adjusting unit, configured to adjust the size of the target page displayed on the display screen in response to a user operation.

[0018] Optionally, the page rendering proxy unit is further configured to render the target page document using an isolated container.

[0019] To achieve the above object, according to another aspect of an embodiment of the present invention, a page splitting method is provided, comprising:

[0020] In response to a user selecting a page block on a page to be split, generating a page document corresponding to the page block;

[0021] Storing the page document in a document fragment cache pool, and providing a user with a visualization window for viewing the page document in the document fragment cache pool;

[0022] In response to the user selecting a target page document through the visualization window, the target page document is rendered to obtain a target page, and the target page is inserted into the visible area of the page to be split for display.

[0023] Optionally, in response to a user selecting a page block on the page to be split, generating a page document corresponding to the page block includes:

[0024] In response to a user selecting a page block on a page to be split, determining position information of the page block;

[0025] Determining rendering resources for the page block according to the location information;

[0026] A page document corresponding to the page block is generated according to the page block and the rendering resources of the page block.

[0027] Optionally, in response to a user selecting a page block on the page to be split, determining the position information of the page block includes:

[0028] In response to a user selecting a page block on a page to be split, determining a minimum enclosing rectangular area of the page block;

[0029] The position information of the page block is determined according to the minimum bounding rectangular area of the page block.

[0030] Optionally, determining the position information of the page block according to the minimum bounding rectangular area of the page block includes:

[0031] Determining the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen;

[0032] The position information of the page block is determined according to the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen.

[0033] Optionally, determining the rendering resource of the page block according to the location information includes:

[0034] Determine, based on the location information, a minimum-level DOM node that wraps the page block;

[0035] Parse the DOM node to determine the rendering resources of the page block.

[0036] Optionally, determining, based on the position information, a minimum-level DOM node that wraps the page block includes:

[0037] Determining the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum enclosing rectangular area relative to the display screen and the scrolling position of the page to be split;

[0038] The minimum-level DOM node that wraps the page block is determined based on the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum outer rectangular area.

[0039] Optionally, after storing the page document in the document fragment cache pool, the method further includes: generating identification information for the page document in the document fragment cache pool.

[0040] Optionally, before responding to the user's page block selection operation on the page to be split-screen, the method further includes: turning on the split-screen display function in response to the user's operation.

[0041] Optionally, the method further comprises adjusting the size of the target page displayed on the display screen in response to a user operation.

[0042] Optionally, rendering the target page document includes: rendering the target page document using an isolated container.

[0043] To achieve the above-mentioned object, according to another aspect of an embodiment of the present invention, a page splitting device is provided, comprising:

[0044] A document generation module, configured to generate a page document corresponding to a page block in response to a user selecting a page block on a page to be split;

[0045] A cache module, configured to store the page document in a document fragment cache pool and provide a user with a visual window for viewing the page document in the document fragment cache pool;

[0046] The display module is used to render the target page document in response to the user selecting the target page document through the visualization window, obtain the target page, and insert the target page into the visible area of the page to be split for display.

[0047] Optionally, the document generation module is also used to: determine the location information of the page block in response to the user's page block selection operation on the page to be split; determine the rendering resources of the page block based on the location information; and generate a page document corresponding to the page block based on the page block and the rendering resources of the page block.

[0048] Optionally, the document generation module is also used to: determine the minimum enclosing rectangular area of the page block in response to the user's page block selection operation on the page to be split; and determine the position information of the page block based on the minimum enclosing rectangular area of the page block.

[0049] Optionally, the document generation module is also used to: determine the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen; determine the position information of the page block based on the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen.

[0050] Optionally, the document generation module is further configured to: determine a minimum-level DOM node that wraps the page block based on the location information; and parse the DOM node to determine a rendering resource for the page block.

[0051] Optionally, the document generation module is also used to: determine the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum outer rectangular area relative to the display screen and the scrolling position of the page to be split; determine the minimum level DOM node that wraps the page block according to the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum outer rectangular area.

[0052] Optionally, after storing the page document in the document fragment cache pool, the device further includes an identification generating unit configured to generate identification information for the page document in the document fragment cache pool.

[0053] Optionally, the device further includes a split-screen activation module for activating a split-screen display function in response to a user operation.

[0054] Optionally, the device further comprises an adjustment module, configured to adjust the size of the target page displayed on the display screen in response to a user operation.

[0055] Optionally, the display module is further configured to render the target page document using an isolated container.

[0056] To achieve the above-mentioned purpose, according to another aspect of an embodiment of the present invention, an electronic device is provided, comprising: one or more processors; a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the page splitting method of an embodiment of the present invention.

[0057] To achieve the above-mentioned purpose, according to another aspect of an embodiment of the present invention, a computer-readable medium is provided, on which a computer program is stored. When the program is executed by a processor, the page splitting method of the embodiment of the present invention is implemented.

[0058] One embodiment of the above invention has the following advantages or beneficial effects: because a page block selection tool is used to provide users with a service for selecting page blocks on the page to be split; a document generation unit is used to generate a page document corresponding to the page block in response to the user's page block selection operation on the page to be split, and save the page document in a document fragment cache pool; a page document selection tool is used to provide users with a visual window for viewing page documents in the document fragment cache pool and a service for selecting a target page document through the visual window; a page rendering agent unit is used to render the target page document in response to the user's operation of selecting the target page document through the visual window to obtain a target page, and insert the target page into the visible area of the page to be split for display. Therefore, the split-screen content can be customized and selected without displaying the entire page, saving display space; the split-screen content is obtained from the document fragment cache pool and does not need to be re-requested from the server, saving traffic consumption; because the split-screen content is inserted into the page as part of the page, all interactive operations are performed on the current page, avoiding repeated interactive behaviors.

[0059] The further effects of the above-mentioned non-conventional optional manner will be described below in conjunction with specific embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0060] The accompanying drawings are provided for a better understanding of the present invention and are not intended to limit the present invention.

[0061] Figure 1 Schematic diagram of the main modules of the page split screen system according to an embodiment of the present invention;

[0062] Figure 2 2 is a schematic diagram of page blocks of a page split-screen system according to an embodiment of the present invention;

[0063] Figure 3 This is a schematic diagram of the main process of the page split-screen method according to an embodiment of the present invention;

[0064] Figure 4 Schematic diagram of a sub-process of a page split-screen method according to an embodiment of the present invention;

[0065] Figure 5 Schematic diagram of the main modules of the page split screen device according to an embodiment of the present invention;

[0066] Figure 6 is an exemplary system architecture diagram in which embodiments of the present invention may be applied;

[0067] Figure 7 It is a schematic diagram of the structure of a computer system of a terminal device or a server suitable for implementing an embodiment of the present invention. DETAILED DESCRIPTION

[0068] The following description of exemplary embodiments of the present invention is made in conjunction with the accompanying drawings, in which various details of the embodiments of the present invention are included to facilitate understanding. These details should be considered as merely exemplary. Therefore, it should be appreciated by those skilled in the art that various changes and modifications may be made to the embodiments described herein without departing from the scope and spirit of the present invention. Similarly, for the sake of clarity and conciseness, descriptions of well-known functions and structures are omitted in the following description.

[0069] Figure 1 Schematic diagram of the main modules of the page split screen system 100 according to an embodiment of the present invention. Figure 1 As shown, the system 100 includes a page block selection tool 101 , a document generation unit 102 , a page document selection tool 103 and a page rendering agent unit 104 .

[0070] Among them, the page block selection tool 101 is used to provide users with a service for selecting page blocks on the page to be split. The page to be split in this embodiment can be a WEB page, and the embodiment of the present invention is not limited here. The page block selection tool 101 can provide users with a service for selecting page blocks by clicking or drawing. As a specific example, a page block selection tool can be set on the display screen, through which the user can flexibly select the page content that needs to be displayed in split screen. After the user selects the page block, a confirmation pop-up box can be displayed on the display screen to prompt the user to confirm.

[0071] The document generation unit 102 is configured to generate a page document corresponding to a page block in response to a user selecting a page block on a page to be split, and store the page document in a document fragment cache pool. In this embodiment, the user utilizes the service provided by the page block selection tool 101 to delineate the content to be displayed on the page to be split. The document generation unit 102 records the position and size of the page block selected by the user, and records the rendering resources of the page block. The page block and the rendering resources of the page block generate a corresponding page document, and store the page document in a document fragment cache pool. As an example, the rendering resources of the page block may include image resources, CSS resources, JS resources, etc. CSS refers to Cascading Style Sheets. JS is the extension of a JavaScript file, such as xx.js. JavaScript is a programming language primarily used for scripting special effects and functions for web pages. CSS resources can be analyzed by analyzing the CSS rendering tree. JS resources can be analyzed by analyzing listeners and event handling. Image resources can be analyzed by analyzing node types.

[0072] Specifically, the document generation unit 102 is also used to: determine the location information of the page block in response to the user's page block selection operation on the page to be split; determine the rendering resources of the page block based on the location information; and generate a page document corresponding to the page block based on the page block and the rendering resources of the page block.

[0073] The step in which the document generation unit 102 determines the location information of the page block includes: determining the minimum enclosing rectangular area of the page block in response to a user's page block selection operation on the page to be split; and determining the location information of the page block based on the minimum enclosing rectangular area of the page block. The step in which the document generation unit 102 determines the rendering resources of the page block based on the location information includes: determining the minimum-level DOM node that wraps the page block based on the location information of the page block; and parsing the DOM node to determine the rendering resources of the page block. The DOM (Document Object Model) is a tree-based API (Application Programming Interface) document that requires the entire document to be represented in memory during processing. The DOM provides an access model for the entire document, treating the document as a tree structure, with each node in the tree representing an HTML tag or a text item within the tag. In this embodiment, the DOM interface is used to parse the structure of the minimum-level DOM node (such as parsing the parent-child relationship, sibling relationship, etc. of the DOM node).

[0074] More specifically, the step of the document generation unit 102 determining the rendering resources of the page block includes: determining the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen; determining the position information of the page block based on the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen; determining the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum enclosing rectangular area relative to the display screen and the scrolling position of the page to be split; determining the minimum-level DOM node that wraps the page block based on the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum enclosing rectangular area; parsing the DOM node to determine the rendering resources of the page block.

[0075] As a specific example, Figure 2 As shown in this Figure 2 In the example, the elliptical area is the page block selected by the user, and the rectangular area is the smallest enclosing rectangular area of the page block. The process of the document generation unit 102 generating a page document includes:

[0076] (1) The offset of the minimum enclosing rectangular area relative to the screen is (left, top), and the width and height of the minimum enclosing rectangular area itself. For example, if the offset of the minimum enclosing rectangular area relative to the screen is (left, top), the width of the minimum enclosing rectangular area itself is width, and the height of the minimum enclosing rectangular area itself is height.

[0077] (2) Based on the current scroll position (scrollX, scrollY) of the page to be split and the offset (left, top) of the minimum bounding rectangle relative to the screen, the position of the page block relative to the DOM document is obtained. The vertical offset of the page block relative to the DOM document is Y = top + scrollY, and the horizontal offset is X = left + scrollX.

[0078] (3) Parse the DOM document structure and locate the minimum-level DOM node that wraps the page block, that is, the parent node selected by the user, based on the offset (X, Y) of the page block relative to the DOM document and the width and height (width, height) of the minimum enclosing rectangular area.

[0079] (4) Parse the DOM node at the minimum level and recursively analyze the rendering resources required to render the DOM node at the minimum level, such as CSS, JS, image resources, etc.

[0080] (5) The page block and the rendering resources of the page block are added to the document fragment cache pool as a whole page document.

[0081] The document fragment cache pool is used to store the page document. The page block selected by the user will be added to the document fragment cache pool in the form of a document fragment. The document fragment cache pool is used to store and manage page documents.

[0082] In an optional embodiment, the page split-screen system 100 further includes an identification generating unit for generating identification information for the page document in the document fragment cache pool, such as generating a unique ID for the page document.

[0083] The page document selection tool 104 is used to provide a user with a visual window for viewing the page documents in the document fragment cache pool and a service for selecting a target page document through the visual window. The user can delete, search, and select the required page documents through this visual window. When the user needs to use a page document in the document fragment cache pool, he can select one or more page documents from the document fragment cache pool through this visual window and import them into the page rendering agent unit 105 as resources for subsequent split-screen rendering.

[0084] The page rendering agent unit 105 is used to render the target page document in response to the user selecting the target page document through the visualization window, obtain the target page, and insert the target page into the visible area of the page to be split for display.

[0085] After detecting that the user has selected the target page document through the visualization window, the page rendering agent 105 requests the page server to obtain the rendering resources and data of the original page to be split, pulls the rendering resources of the target page document selected by the user from the document fragment cache pool, renders them separately, splices the rendered target page with the page to be split, and then returns it to the user. Compared to the prior art, the page splitting method of the embodiment of the present invention does not require pulling the resources of the split-screen page from the page server, thereby saving data traffic.

[0086] The target page can be joined to the page to be split in a flexible manner. For example, the target page can be joined to the top of the page to be split. When the page to be split is slid down or turned, the target page remains on top of the page to be split. In other optional embodiments, the target page can also float above the page to be split.

[0087] The page split-screen system of an embodiment of the present invention uses a page block selection tool to provide users with a service for selecting page blocks on the page to be split; a document generation unit is used to generate a page document corresponding to the page block in response to the user's page block selection operation on the page to be split, and save the page document in a document fragment cache pool; a page document selection tool is used to provide users with a visual window for viewing page documents in the document fragment cache pool and a service for selecting a target page document through the visual window; a page rendering agent unit is used to render the target page document in response to the user's operation of selecting the target page document through the visual window to obtain a target page, and insert the target page into the visible area of the page to be split for display. The technical means realizes customized demarcation and selection of split-screen content, does not need to display the entire page, and saves display space; the split-screen content is obtained from the document fragment cache pool, and does not need to be re-requested from the server, which saves traffic consumption; because the split-screen content is inserted into the page as part of the page, all interactive operations are performed on the current page, avoiding repeated interactive behaviors.

[0088] In an optional embodiment, the page split-screen system further includes an adjustment unit for adjusting the size of the target page displayed on the display screen in response to a user operation. To prevent the split-screen resources from occupying too much of the screen, the size of the target page can be adjusted, for example, by shrinking or enlarging the target page.

[0089] In an optional embodiment, in order to ensure that the split-screen content does not interfere with the data or layout of the original page to be split, the page rendering agent unit is further used to render the target page document using an isolated container. As an example, the isolated container can be an IFRAME. IFRAME is an HTML tag that acts as a document within a document, or a floating frame (FRAME). The iframe element creates an inline frame (i.e., an inline frame) that contains another document.

[0090] Figure 3 This is a schematic diagram of the main process of a page split screen method according to an embodiment of the present invention. Figure 3 As shown, the method includes:

[0091] Step S301: In response to a user selecting a page block on a page to be split, generating a page document corresponding to the page block;

[0092] Step S302: storing the page document in a document fragment cache pool, and providing a user with a visualization window for viewing the page document in the document fragment cache pool;

[0093] Step S303: In response to the user selecting the target page document through the visualization window, the target page document is rendered to obtain a target page, and the target page is inserted into the visible area of the page to be split for display.

[0094] Alternatively, as Figure 4 As shown, in response to a user selecting a page block on a page to be split, the step of generating a page document corresponding to the page block includes:

[0095] Step S401: In response to a user selecting a page block on a page to be split, determining position information of the page block;

[0096] Step S402: determining the rendering resources of the page block according to the location information;

[0097] Step S403: Generate a page document corresponding to the page block according to the page block and the rendering resources of the page block.

[0098] Optionally, in response to a user selecting a page block on the page to be split, determining the position information of the page block includes:

[0099] In response to a user selecting a page block on a page to be split, determining a minimum enclosing rectangular area of the page block;

[0100] The position information of the page block is determined according to the minimum bounding rectangular area of the page block.

[0101] Optionally, determining the position information of the page block according to the minimum bounding rectangular area of the page block includes:

[0102] Determining the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen;

[0103] The position information of the page block is determined according to the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen.

[0104] Optionally, determining the rendering resource of the page block according to the location information includes:

[0105] Determine, based on the location information, a minimum-level DOM node that wraps the page block;

[0106] Parse the DOM node to determine the rendering resources of the page block.

[0107] Optionally, determining, based on the position information, a minimum-level DOM node that wraps the page block includes:

[0108] Determining the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum enclosing rectangular area relative to the display screen and the scrolling position of the page to be split;

[0109] The minimum-level DOM node that wraps the page block is determined based on the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum outer rectangular area.

[0110] Optionally, after storing the page document in the document fragment cache pool, the method further includes: generating identification information for the page document in the document fragment cache pool.

[0111] Optionally, before responding to the user's page block selection operation on the page to be split-screen, the method further includes: turning on the split-screen display function in response to the user's operation.

[0112] Optionally, the method further comprises adjusting the size of the target page displayed on the display screen in response to a user operation.

[0113] Optionally, rendering the target page document includes: rendering the target page document using an isolated container.

[0114] The page splitting method of an embodiment of the present invention generates a page document corresponding to the page block in response to the user's page block selection operation on the page to be split; stores the page document in a document fragment cache pool, and provides the user with a visualization window for viewing the page documents in the document fragment cache pool; in response to the user's operation of selecting the target page document through the visualization window, renders the target page document to obtain the target page, and inserts the target page into the visible area of the page to be split for display, thereby realizing customized demarcation and selection of split-screen content, without the need to display the entire page, saving display space; the split-screen content is obtained from the document fragment cache pool, and there is no need to re-request to the server to obtain it, saving traffic consumption; since the split-screen content is inserted into the page as part of the page, all interactive operations are performed on this page, avoiding repeated interactive behaviors.

[0115] Figure 5 Schematic diagram of the main modules of a page split screen device 500 according to an embodiment of the present invention. Figure 5 As shown, the device 500 includes:

[0116] The document generation module 501 is configured to generate a page document corresponding to a page block in response to a user selecting a page block on a page to be split;

[0117] A cache module 502 is configured to store the page document in a document fragment cache pool and provide a user with a visual window for viewing the page document in the document fragment cache pool;

[0118] The display module 503 is used to render the target page document in response to the user selecting the target page document through the visualization window, obtain the target page, and insert the target page into the visible area of the page to be split for display.

[0119] Optionally, the document generation module 501 is also used to: determine the location information of the page block in response to the user's page block selection operation on the page to be split; determine the rendering resources of the page block based on the location information; and generate a page document corresponding to the page block based on the page block and the rendering resources of the page block.

[0120] Optionally, the document generation module 501 is also used to: determine the minimum enclosing rectangular area of the page block in response to the user's page block selection operation on the page to be split; and determine the position information of the page block based on the minimum enclosing rectangular area of the page block.

[0121] Optionally, the document generation module 501 is also used to: determine the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen; and determine the position information of the page block based on the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen.

[0122] Optionally, the document generation module 501 is further configured to: determine a minimum-level DOM node that wraps the page block according to the location information; and parse the DOM node to determine a rendering resource for the page block.

[0123] Optionally, the document generation module 501 is also used to: determine the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum outer rectangular area relative to the display screen and the scrolling position of the page to be split; determine the minimum level DOM node that wraps the page block according to the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum outer rectangular area.

[0124] Optionally, after storing the page document in the document fragment cache pool, the device further includes an identification generating unit configured to generate identification information for the page document in the document fragment cache pool.

[0125] Optionally, the device further includes a split-screen activation module for activating a split-screen display function in response to a user operation.

[0126] Optionally, the device further comprises an adjustment module, configured to adjust the size of the target page displayed on the display screen in response to a user operation.

[0127] Optionally, the display module 503 is further configured to render the target page document using an isolated container.

[0128] The page split-screen device of the embodiment of the present invention realizes customized demarcation and selection of split-screen content, without the need to display the entire page, thus saving display space; the split-screen content is obtained from the document fragment cache pool, and there is no need to re-request it from the server, thus saving traffic consumption; since the split-screen content is inserted into the page as part of the page, all interactive operations are performed on this page, avoiding repeated interactive behaviors.

[0129] The above device can execute the method provided by the embodiment of the present invention, and has the functional modules and beneficial effects corresponding to the execution method. For technical details not fully described in this embodiment, please refer to the method provided by the embodiment of the present invention.

[0130] Figure 6An exemplary system architecture 600 is shown to which the page split-screen method or page split-screen apparatus according to an embodiment of the present invention can be applied.

[0131] like Figure 6 As shown, system architecture 600 may include terminal devices 601, 602, 603, a network 604, and a server 605. Network 604 is used to provide a medium for communication links between terminal devices 601, 602, 603 and server 605. Network 604 may include various connection types, such as wired or wireless communication links or fiber optic cables.

[0132] Users can use terminal devices 601, 602, and 603 to interact with server 605 via network 604 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 601, 602, and 603, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc.

[0133] The terminal devices 601 , 602 , and 603 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop computers, and desktop computers.

[0134] Server 605 may be a server that provides various services, such as a backend management server that supports shopping websites browsed by users using terminal devices 601, 602, and 603. The backend management server may analyze and process received data such as product information query requests, and feed back the processing results (e.g., target push information, product information) to the terminal device.

[0135] It should be noted that the page splitting method provided in the embodiment of the present invention is generally executed by the server 605 , and accordingly, the page splitting device is generally set in the server 605 .

[0136] It should be understood that Figure 6 The number of terminal devices, networks and servers in the embodiment is merely illustrative. Any number of terminal devices, networks and servers may be provided as required.

[0137] Reference below Figure 7 , which shows a schematic structural diagram of a computer system 700 of a terminal device suitable for implementing an embodiment of the present invention. Figure 7 The terminal device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present invention.

[0138] like Figure 7As shown, the computer system 700 includes a central processing unit (CPU) 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage unit 708 into a random access memory (RAM) 703. Various programs and data required for the operation of the system 700 are also stored in the RAM 703. The CPU 701, ROM 702, and RAM 703 are connected to each other via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0139] The following components are connected to the I / O interface 705: an input section 706 including a keyboard, a mouse, and the like; an output section 707 including devices such as a cathode ray tube (CRT), a liquid crystal display (LCD), and a speaker; a storage section 708 including a hard disk; and a communication section 709 including a network interface card such as a LAN card or a modem. The communication section 709 performs communication processing via a network such as the Internet. A drive 710 is also connected to the I / O interface 705 as needed. A removable medium 711, such as a magnetic disk, an optical disk, a magneto-optical disk, or a semiconductor memory, is installed in the drive 710 as needed, so that computer programs read therefrom can be installed into the storage section 708 as needed.

[0140] In particular, according to the embodiments disclosed in the present invention, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, the embodiments disclosed in the present invention include a computer program product comprising a computer program carried on a computer-readable medium, the computer program comprising program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 709, and / or installed from a removable medium 711. When the computer program is executed by the central processing unit (CPU) 701, the above-mentioned functions defined in the system of the present invention are executed.

[0141] It should be noted that the computer-readable medium described in the present invention can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media can include, but are not limited to, an electrical connection having one or more conductors, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present invention, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present invention, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. This propagated data signal can take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. Program code embodied on a computer-readable medium may be transmitted using any suitable medium, including but not limited to wireless, wireline, optical fiber cable, RF, or any suitable combination thereof.

[0142] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present invention. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of the code, and the above-mentioned module, program segment, or a part of the code contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flowchart, and the combination of boxes in the block diagram or flowchart, can be implemented by a dedicated hardware-based system that performs the specified function or operation, or can be implemented by a combination of dedicated hardware and computer instructions.

[0143] The modules involved in the embodiments of the present invention may be implemented in software or hardware. The modules described may also be provided in a processor. For example, they may be described as follows: a processor includes a sending module, an acquisition module, a determination module, and a first processing module. The names of these modules do not, in some cases, constitute a limitation on the unit itself. For example, the sending module may also be described as a "module for sending a picture acquisition request to the connected server."

[0144] As another aspect, the present invention further provides a computer-readable medium, which may be included in the device described in the above embodiments, or may exist independently without being incorporated into the device. The computer-readable medium carries one or more programs, and when the one or more programs are executed by the device, the device includes:

[0145] In response to a user selecting a page block on a page to be split, generating a page document corresponding to the page block;

[0146] Storing the page document in a document fragment cache pool, and providing a user with a visualization window for viewing the page document in the document fragment cache pool;

[0147] In response to the user selecting a target page document through the visualization window, the target page document is rendered to obtain a target page, and the target page is inserted into the visible area of the page to be split for display.

[0148] The technical solution of the embodiment of the present invention realizes customized demarcation and selection of split-screen content, without the need to display the entire page, saving display space; the split-screen content is obtained from the document fragment cache pool, and there is no need to re-request it from the server, saving traffic consumption; since the split-screen content is inserted into the page as part of the page, all interactive operations are performed on this page, avoiding repeated interactive behaviors.

[0149] The above specific embodiments do not limit the scope of protection of the present invention. Those skilled in the art will appreciate that various modifications, combinations, sub-combinations, and substitutions may occur depending on design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of the present invention are intended to be included within the scope of protection of the present invention.

Claims

1. A page split screen system, characterized in that: The system comprises: A page block selection tool is used to provide users with a service for selecting page blocks on the page to be split; a document generation unit, configured to generate a page document corresponding to a page block in response to a user selecting a page block on a page to be split, and save the page document in a document fragment cache pool; the document fragment cache pool is configured to store and manage page documents; A page document selection tool is used to provide a user with a visual window for viewing page documents in the document fragment cache pool and a service for selecting a target page document through the visual window; a page rendering agent unit, configured to, in response to a user selecting a target page document through the visualization window, render the target page document to obtain a target page, and insert the target page into the visible area of the page to be split for display; The document generation unit is further configured to: In response to a user selecting a page block on a page to be split, determining position information of the page block; Determining rendering resources for the page block according to the location information; A page document corresponding to the page block is generated according to the page block and the rendering resources of the page block.

2. The system according to claim 1, wherein: The document generation unit is further configured to: In response to a user selecting a page block on a page to be split, determining a minimum enclosing rectangular area of the page block; The position information of the page block is determined according to the minimum bounding rectangular area of the page block.

3. The system according to claim 2, characterized in that The document generation unit is further configured to: Determining the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen; The position information of the page block is determined according to the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen.

4. The system according to claim 3, characterized in that The document generation unit is further configured to: Determine, based on the location information, a minimum-level DOM node that wraps the page block; Parse the DOM node to determine the rendering resources of the page block.

5. The system according to claim 4, characterized in that The document generation unit is further configured to: Determining the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum enclosing rectangular area relative to the display screen and the scrolling position of the page to be split; The minimum-level DOM node that wraps the page block is determined based on the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum outer rectangular area.

6. The system according to claim 1, wherein: The system further includes an identification generating unit configured to generate identification information for the page documents in the document fragment cache pool.

7. The system according to claim 1, wherein: The system also includes a split-screen activation unit for activating a split-screen display function in response to a user's operation.

8. The system according to claim 1, wherein: The system further includes an adjusting unit for adjusting the size of the target page displayed on the display screen in response to a user operation.

9. The system according to claim 1, wherein: The page rendering proxy unit is further configured to render the target page document using an isolated container.

10. A page splitting method, characterized in that: include: In response to a user selecting a page block on a page to be split, generating a page document corresponding to the page block; The page document is stored in a document fragment cache pool, and a visual window is provided to the user for viewing the page document in the document fragment cache pool; the document fragment cache pool is used to store and manage the page document; In response to a user selecting a target page document through the visualization window, rendering the target page document to obtain a target page, and inserting the target page into a visible area of the page to be split for display; In response to a user selecting a page block on a page to be split, generating a page document corresponding to the page block includes: In response to a user selecting a page block on a page to be split, determining position information of the page block; Determining rendering resources for the page block according to the location information; A page document corresponding to the page block is generated according to the page block and the rendering resources of the page block.

11. The method according to claim 10, characterized in that In response to a user selecting a page block on a page to be split, determining the position information of the page block includes: In response to a user selecting a page block on a page to be split, determining a minimum enclosing rectangular area of the page block; The position information of the page block is determined according to the minimum bounding rectangular area of the page block.

12. The method according to claim 11, characterized in that Determining the position information of the page block according to the minimum bounding rectangular area of the page block includes: Determining the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen; The position information of the page block is determined according to the size information of the minimum enclosing rectangular area and the position of the minimum enclosing rectangular area relative to the display screen.

13. The method according to claim 12, characterized in that Determining the rendering resource of the page block according to the location information includes: Determine, based on the location information, a minimum-level DOM node that wraps the page block; Parse the DOM node to determine the rendering resources of the page block.

14. The method according to claim 13, characterized in that Determining the minimum-level DOM node that wraps the page block based on the location information includes: Determining the position of the page block relative to the DOM document corresponding to the page to be split according to the position of the minimum enclosing rectangular area relative to the display screen and the scrolling position of the page to be split; The minimum-level DOM node that wraps the page block is determined based on the position of the page block relative to the DOM document corresponding to the page to be split and the size information of the minimum outer rectangular area.

15. The method according to claim 10, characterized in that After storing the page document in the document fragment cache pool, the method further includes: generating identification information for the page document in the document fragment cache pool.

16. The method according to claim 10, characterized in that Before responding to the user's page block selection operation on the page to be split, the method further includes: in response to the user's operation, turning on the split-screen display function.

17. The method according to claim 10, wherein: The method further includes adjusting a size of the target page displayed on the display screen in response to a user operation.

18. The method according to claim 10, characterized in that The rendering of the target page document includes: rendering the target page document using an isolated container.

19. A page split screen device, characterized in that: include: A document generation module, configured to generate a page document corresponding to a page block in response to a user selecting a page block on a page to be split; A cache module, configured to store the page document in a document fragment cache pool and provide a user with a visual window for viewing the page document in the document fragment cache pool; the document fragment cache pool is used to store and manage page documents; a display module, configured to, in response to a user selecting a target page document through the visualization window, render the target page document to obtain a target page, and insert the target page into the visible area of the page to be split for display; The document generation module is also used to: In response to a user selecting a page block on a page to be split, determining position information of the page block; Determining rendering resources for the page block according to the location information; A page document corresponding to the page block is generated according to the page block and the rendering resources of the page block.

20. An electronic device, characterized in that: include: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 10 to 18.

21. A computer readable medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 10 to 18 is implemented.

Images