CN114816382A - Method and device for processing page - Google Patents

Abstract

The invention discloses a method and a device for processing a page, and relates to the field of application development. One embodiment of the method comprises: the page element tree can be constructed based on a plurality of page nodes of the page, the hierarchical structure among the page nodes and the style information of the page nodes, and the page is rendered and displayed based on the page element tree, so that the universality and flexibility of displaying the page of the applet are improved, and the efficiency of developing the applet is improved.

Description

A method and apparatus for processing pages

technical field

The present invention relates to the field of application development, in particular to a method and device for processing pages.

Background technique

At present, Mini Programs are widely used because they can be used without installation. Users who use Mini Programs do not need to care about installing and uninstalling applications, which greatly improves user experience.

Small programs are usually developed based on existing applications. At present, the main way for small programs to display pages is to describe the page nodes of the page and the corresponding style information through the set JSON format specification code to display the page. There are existing methods for developing pages. The flexibility is poor, especially in the case of a large number of page nodes and complex node levels, the existing methods have problems of high development cost and low development efficiency.

SUMMARY OF THE INVENTION

In view of this, embodiments of the present invention provide a method and apparatus for processing a page, which can build a page element tree based on multiple page nodes of a page, a hierarchical structure between multiple page nodes, and style information of the page nodes, Based on the page element tree, the page is rendered and displayed, thereby improving the versatility and flexibility of displaying the applet page and improving the efficiency of developing the applet.

In order to achieve the above object, according to an aspect of the embodiments of the present invention, a method for processing a page is provided, which includes: acquiring a plurality of page nodes included in a page, a hierarchical structure between the plurality of page nodes, and style information of a plurality of the page nodes; build a page element tree based on the plurality of the page nodes, the hierarchical structure between the plurality of the page nodes, and the style information of the plurality of the page nodes, wherein the page Each node included in the element tree corresponds to one of the page nodes, and the structure of the page element tree matches the hierarchical structure; in response to receiving a page display trigger, the page is rendered and displayed based on the page element tree.

Optionally, the method for processing a page is characterized in that the acquiring a plurality of page nodes included in a page, a hierarchical structure between the plurality of page nodes, and style information of the plurality of page nodes, includes: Setting tags for multiple page nodes included in the code of the page, wherein the tags are used to uniquely identify the page nodes; and parse out multiple page nodes and multiple page nodes from the code of the page The hierarchical structure; according to the tag, the style information corresponding to the page node is parsed from the code of the page.

Optionally, the method for processing a page, further comprising:

constructing a virtual document object model based on the parsed plurality of the page nodes and the hierarchical structure of the plurality of page nodes; wherein, the virtual document object model indicates a hierarchical structure between a plurality of the page nodes; the Building a page element tree includes: filling the virtual document object model with style information of a plurality of the page nodes to obtain a page element tree.

Optionally, the method for processing a page, further comprising:

constructing the corresponding relationship between the label, the page node and the style information;

The building a page element tree includes: traversing each page node included in the virtual document object model, and searching whether the page node has style information according to the label of the page node and the corresponding relationship, and if so, Then, the style information is filled into the page node.

Optionally, the method for processing a page is characterized in that:

The rendering and displaying of the page includes: starting from the root node of the page element tree, according to the hierarchical structure, traversing and rendering each node in the page element tree layer by layer.

Optionally, the method for processing a page is characterized in that:

The step of traversing and rendering each node in the page element tree layer by layer according to the hierarchical structure includes: in the case that a hierarchical structure includes multiple nodes, sequentially traversing and rendering the multiple nodes according to a set order node.

Optionally, the method for processing a page, further comprising:

A corresponding image is generated for the displayed page, so that the user can share the image of the page.

In order to achieve the above object, according to a second aspect of the embodiments of the present invention, there is provided an apparatus for processing a page, which is characterized by comprising: a module for acquiring a node, a module for constructing a node tree, and a module for displaying a page; wherein,

The acquiring node module is configured to acquire a plurality of page nodes included in a page, a hierarchical structure between a plurality of the page nodes, and style information of a plurality of the page nodes;

The building node tree module is configured to build a page element tree based on a plurality of the page nodes, the hierarchical structure between the plurality of page nodes, and the style information of the plurality of page nodes, wherein the page element Each node included in the tree corresponds to one of the page nodes, and the structure of the page element tree matches the hierarchical structure;

The display page module is configured to render and display a page based on the page element tree in response to receiving a page display trigger.

Optionally, the apparatus for processing a page is characterized in that the acquiring a plurality of page nodes included in a page, a hierarchical structure among the plurality of page nodes, and style information of the plurality of page nodes includes: Setting tags for multiple page nodes included in the code of the page, wherein the tags are used to uniquely identify the page nodes; and parse out multiple page nodes and multiple page nodes from the code of the page The hierarchical structure; according to the tag, the style information corresponding to the page node is parsed from the code of the page.

Optionally, the device for processing pages, further comprising:

constructing a virtual document object model based on the parsed plurality of the page nodes and the hierarchical structure of the plurality of page nodes; wherein, the virtual document object model indicates a hierarchical structure between a plurality of the page nodes; the Building a page element tree includes: filling the virtual document object model with style information of a plurality of the page nodes to obtain a page element tree.

Optionally, the device for processing pages, further comprising:

constructing the corresponding relationship between the label, the page node and the style information;

The building a page element tree includes: traversing each page node included in the virtual document object model, and searching whether the page node has style information according to the label of the page node and the corresponding relationship, and if so, Then, the style information is filled into the page node.

Optionally, the device for processing pages is characterized in that:

The rendering and displaying of the page includes: starting from the root node of the page element tree, according to the hierarchical structure, traversing and rendering each node in the page element tree layer by layer.

Optionally, the device for processing pages is characterized in that:

The step of traversing and rendering each node in the page element tree layer by layer according to the hierarchical structure includes: in the case that a hierarchical structure includes multiple nodes, sequentially traversing and rendering the multiple nodes according to a set order node.

Optionally, the device for processing pages is characterized in that, further comprising:

A corresponding image is generated for the displayed page, so that the user can share the image of the page.

In order to achieve the above object, according to a third aspect of the embodiments of the present invention, an electronic device for processing pages is provided, which is characterized by comprising: 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 are caused to implement the method as described in any one of the above-mentioned methods of processing pages.

In order to achieve the above object, according to a fourth aspect of the embodiments of the present invention, there is provided a computer-readable medium on which a computer program is stored, characterized in that, when the program is executed by a processor, the above-mentioned method for processing a page is implemented any of the methods described above.

One embodiment of the above invention has the following advantages or beneficial effects: a page element tree can be constructed based on multiple page nodes of a page, a hierarchical structure between multiple page nodes, and style information of the page nodes, and based on the page Element tree, rendering and displaying pages, thereby improving the versatility and flexibility of displaying applet pages, and improving the efficiency of developing applet programs.

Further effects of the above non-conventional alternatives will be described below in conjunction with specific embodiments.

Description of drawings

The accompanying drawings are used for better understanding of the present invention and do not constitute an improper limitation of the present invention. in:

1 is a schematic flowchart of a method for processing a page provided by an embodiment of the present invention;

2 is a schematic layout diagram of a page node provided by an embodiment of the present invention;

3 is a schematic diagram of a page element tree provided by an embodiment of the present invention;

4 is a schematic diagram of a sequence of traversing page nodes according to an embodiment of the present invention;

5 is a schematic structural diagram of an apparatus for processing a page provided by an embodiment of the present invention;

FIG. 6 is an exemplary system architecture diagram to which an embodiment of the present invention may be applied;

FIG. 7 is a schematic structural diagram of a computer system suitable for implementing a terminal device or a server according to an embodiment of the present invention.

Detailed ways

Exemplary embodiments of the present invention are described below with reference to the accompanying drawings, which include various details of the embodiments of the present invention to facilitate understanding and should be considered as exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the invention. Also, descriptions of well-known functions and constructions are omitted from the following description for clarity and conciseness.

As shown in FIG. 1, an embodiment of the present invention provides a method for processing a page, and the method may include the following steps:

Step S101: Acquire a plurality of page nodes included in a page, a hierarchical structure among the plurality of page nodes, and style information of the plurality of page nodes.

Specifically, the page can be a page to be displayed in the applet; the page contains multiple page nodes to be displayed, wherein the page nodes can correspond to the components included in the page, such as: container components, text components, button components, image components , custom components, etc.; there is a hierarchical structure of one or more levels between page nodes, for example: in the page schematic diagram shown in Figure 2, for example, page node A is a container component, including page node B and page node C; page Node C also includes page node G and page node H; it can be seen that page node B and page node C are the next level of page node A, and page node B and page node C are the same level; further, obtain multiple The style information of the page node, wherein one or more page nodes to be displayed have corresponding style information, for example: the style information of the button component includes the component size, the display position of the component on the page, the component label, the component color, etc.; It can be understood that the display style of the component (ie, the page node) can be determined through the style information.

Further, the acquiring a plurality of page nodes included in a page, a hierarchical structure between a plurality of the page nodes, and style information of a plurality of the page nodes includes: acquiring a plurality of pages included in the code of the page A node setting label, wherein the label is used to uniquely identify the page node; a plurality of page nodes and a hierarchical structure of a plurality of the page nodes are parsed from the code of the page; according to the label, from the The style information corresponding to the page node is parsed from the code of the page. Exemplarily, small programs can be developed based on Taro, which is an open cross-end and cross-framework solution, which can support the use of React, Vue, Nerv and other frameworks to develop small programs for multiple application platforms; in the present invention , the code of the applet page can be laid out and developed based on the set encoding format, for example: the React.js encoding format based on the React framework or the encoding format corresponding to the Vue framework, in the case of using the React.js encoding format, you can also Use an interface (such as Poster Component) to encapsulate page nodes (components).

Further, obtaining the code of the page, traversing the page nodes to be displayed in the code of the page, and setting labels on the plurality of page nodes included in the code of the page, wherein the labels are used to uniquely identify the page nodes, The label can be a unique identifier composed of one or more of letters, symbols or numbers, which is used to distinguish different page nodes; for example, in the page schematic diagram of FIG. B is labeled "B". That is, there is a one-to-one correspondence between the label and the page node; further, according to the label, the style information corresponding to the page node is parsed from the code of the page, for example: for the page node F, the corresponding page node F is obtained. style information, that is, establish a one-to-one correspondence between the style information of the page node and the label; that is, build the corresponding relationship between the label and the page node and the style information; Unique identification) binds and associates the same page node with one or more corresponding style information, and distinguishes different page nodes and style information, which improves the efficiency of determining page nodes.

Further, according to the label, the style information corresponding to the page node is parsed from the code of the page, and the style information and the corresponding relationship between the style information and the label are stored in data structures such as arrays and databases; Style information can be obtained from this data structure in building the element tree.

Further, a plurality of page nodes and a plurality of hierarchical structures of the plurality of page nodes are parsed from the code of the page; wherein, the analysis of the plurality of page nodes and the hierarchical structure of the plurality of the page nodes can be performed by constructing the corresponding pages of the page. The virtual document object model is used to obtain the hierarchical structure of the page nodes, and the virtual document object model is the virtual DOM (Document Object Model, Document Object Model, DOM for short); that is, the virtual document object model indicates the Hierarchical structure; Take the applet developed based on the React tool as an example, you can use the React tool to parse the component structure code contained in the page, generate a virtual DOM containing the hierarchical structure of the page nodes, and use the React tool's internal objects (such as fibers) to store virtual DOM information; wherein, the method of storing the information of the virtual DOM may be a data composite linked list, a database, etc., and the present invention does not limit the storage method of the virtual DOM. The virtual DOM may include, in addition to the hierarchical structure of the page nodes, the type of the page node, and the type of the page node may be the label type of the HTML component, such as: div, text, span, p, img, and so on. Wherein, the virtual DOM used in the present invention includes the label of the page node and the corresponding relationship between the page node and the corresponding label; in the subsequent construction of the element tree, the information of the page node (for example: node type, etc.) can be obtained from the data structure. ).

Step S102: Build a page element tree based on a plurality of the page nodes, the hierarchical structure between the plurality of the page nodes, and the style information of the plurality of the page nodes, wherein each node included in the page element tree Corresponding to one of the page nodes, the structure of the page element tree matches the hierarchical structure.

Specifically, the description about the page node, the hierarchical structure between the page nodes, and the style information of the plurality of page nodes is consistent with the description of step S101, and details are not repeated here.

Further, a page element tree is constructed based on the plurality of page nodes, the hierarchical structure between the plurality of page nodes, and the style information of the plurality of page nodes. Wherein, each node included in the page element tree corresponds to one of the page nodes, and the structure of the page element tree matches the hierarchical structure.

The following takes the schematic diagram of the page element tree shown in FIG. 3 as an example, wherein the page element tree corresponding to the page node shown in FIG. 3 is obtained based on the layout and hierarchical structure of the page node shown in FIG. 2 , as shown in FIG. 3 , The node "A" of the page element tree in Fig. 3 corresponds to the page node A in Fig. 2, and so on; wherein, the hierarchical structure of the page element tree is consistent with the hierarchical structure between the page nodes indicated by the virtual document object model, and , the nodes in the page element tree are generated by the page nodes in combination with the style information corresponding to the page nodes, that is, constructing the corresponding relationship between the label, the page node and the style information; the building the page element tree includes: traversing For each page node included in the virtual document object model, according to the label of the page node and the corresponding relationship, find out whether the page node has style information, and if so, fill the style information into the page node. page node. It can be understood that, for some types of layout-related page nodes, such as: <html>, <body>, etc. may not have corresponding style information, when traversing the page nodes, there is no need to fill the style information to the page nodes; that is, Traverse each page node included in the virtual document object model, and according to the label of the page node and the corresponding relationship, find out whether the page node has style information, and if so, fill the style information into all the page nodes. the page node.

Further, based on the page node, the style information of the page node (the node of the page element tree is generated), and according to the hierarchical structure of the virtual document object model, the page element tree is generated; A page element tree can also generate multiple page element trees; that is, a virtual document object model is constructed based on the parsed multiple of the page nodes and the hierarchical structure of the multiple page nodes; wherein, the virtual document object The model indicates a hierarchical structure among a plurality of the page nodes; the building a page element tree includes: filling the virtual document object model with style information of the plurality of page nodes to obtain a page element tree.

Step S103: In response to receiving the page display trigger, render and display the page based on the page element tree.

Specifically, after receiving the request and instruction for displaying the page, that is, receiving the page display trigger, the page is rendered and displayed based on the page element tree.

Further, based on the page element tree, the method for rendering and displaying a page includes: starting from the root node of the page element tree, according to the hierarchical structure, traversing and rendering each node in the page element tree layer by layer. Taking the multiple page nodes shown in FIG. 4 as an example, starting from the root node (“page node A”), traversing layer by layer according to the hierarchical structure, that is, page node A->page node B->page node C, which corresponds to The order is ①②③, and so on for other levels of page nodes; further, according to the hierarchical structure, traversing and rendering each node in the page element tree layer by layer, including: a hierarchical structure containing multiple nodes In the case of , the multiple nodes are traversed and rendered in sequence according to the set order. Still taking the schematic diagram of FIG. 4 as an example, page node D, page node E, and page node F are 3 nodes included in a hierarchical structure, then according to the set order, the multiple nodes are traversed and rendered in turn; as shown in FIG. 4 . As shown, the setting order is ④⑤⑥, and the corresponding order of traversing and rendering page nodes is page node D, page node E, and page node F; wherein, the method for determining the setting order can be: setting the page nodes for the same hierarchical structure Index, determine the set order of traversal and rendering according to the ascending or descending order of the index value; or sort the label values of the page nodes to determine the set order of traversing and rendering page nodes; or use the attribute value z- The value of index determines the setting order.

Further, rendering and displaying the page consists of two methods:

The first method: based on the page element tree, draw (render) and display the page by using the application program interface of the Canvas tool included in HTML5. The page is rendered based on the page element tree, thereby improving the flexibility of displaying pages and the development efficiency of developing pages.

The second method: based on the page element tree, use the application program interface of the Canvas tool included in HTML5 to generate a corresponding image for the displayed page, so that the user can share the image of the page. Overcome the problem that the content of the page or the images contained in the page cannot be directly shared in the applet.

It can be seen that through the steps of processing pages of the present invention, the efficiency of developing applet pages is improved, the versatility of developing applet pages is improved, the accuracy of displaying applet pages is improved, and the applet page is obtained by rendering. The beneficial effect of pictures on the page.

As shown in FIG. 5, an embodiment of the present invention provides an apparatus 500 for processing a page, including: a node acquiring module 501, a node tree building module 502, and a page displaying module 503; wherein,

The obtaining node module 501 is configured to obtain a plurality of page nodes included in a page, a hierarchical structure between a plurality of the page nodes, and style information of a plurality of the page nodes;

The building node tree module 502 is configured to build a page element tree based on a plurality of the page nodes, the hierarchical structure between the plurality of page nodes, and the style information of the plurality of page nodes, wherein the page Each node included in the element tree corresponds to one of the page nodes, and the structure of the page element tree matches the hierarchical structure;

The display page module 503 is configured to render and display a page based on the page element tree in response to receiving a page display trigger.

An embodiment of the present invention also provides an electronic device for processing pages, including: one or more processors; and a storage device for storing one or more programs, when the one or more programs are processed by the one or more programs Each processor executes, so that the one or more processors implement the method provided by any one of the foregoing embodiments.

An embodiment of the present invention further provides a computer-readable medium, on which a computer program is stored, and when the program is executed by a processor, implements the method provided by any of the foregoing embodiments.

FIG. 6 shows an exemplary system architecture 600 of a method for processing a page or an apparatus for processing a page to which embodiments of the present invention may be applied.

As shown in FIG. 6 , the system architecture 600 may include terminal devices 601 , 602 , and 603 , a network 604 and a server 605 . The network 604 is a medium used to provide a communication link between the terminal devices 601 , 602 , 603 and the server 605 . Network 604 may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.

The user can use the terminal devices 601, 602, 603 to interact with the server 605 through the network 604 to receive or send messages and the like. The terminal devices 601 , 602 , and 603 may be installed with various client applications mounted with small programs, such as electronic mall client applications, search applications, instant messaging tools, and the like.

Terminal devices 601, 602, 603 may be various electronic devices having display screens and supporting various client applications, including but not limited to smartphones, tablet computers, laptops and desktop computers, and the like.

The server 605 may be a server that provides various services, for example, a background management server that provides support for the client applications used by the terminal devices 601 , 602 , and 603 for users. The background management server can process the page node data associated with the page, and provide the page node data to the terminal device.

It should be noted that the methods for processing pages provided by the embodiments of the present invention are generally executed by terminal devices 601 , 602 and 603 , and correspondingly, apparatuses for processing pages are generally set in terminal devices 601 , 602 and 603 .

It should be understood that the numbers of terminal devices, networks and servers in FIG. 6 are merely illustrative. There can be any number of terminal devices, networks and servers according to implementation needs.

Referring next to FIG. 7 , it shows a schematic structural diagram of a computer system 700 suitable for implementing a terminal device according to an embodiment of the present invention. The terminal device shown in FIG. 7 is only an example, and should not impose any limitations on the functions and scope of use of the embodiments of the present invention.

As shown in FIG. 7, a computer system 700 includes a central processing unit (CPU) 701 which can be loaded into a random access memory (RAM) 703 according to a program stored in a read only memory (ROM) 702 or a program from a storage section 708 Instead, various appropriate actions and processes are performed. In the RAM 703, various programs and data necessary for the operation of the system 700 are also stored. The CPU 701 , the ROM 702 , and the RAM 703 are connected to each other through a bus 704 . An input/output (I/O) interface 705 is also connected to bus 704 .

The following components are connected to the I/O interface 705: an input section 706 including a keyboard, a mouse, etc.; an output section 707 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker, etc.; a storage section 708 including a hard disk, etc. ; and a communication section 709 including a network interface card such as a LAN card, a modem, and the like. 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, a semiconductor memory, etc., is mounted on the drive 710 as needed so that a computer program read therefrom is installed into the storage section 708 as needed.

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

It should be noted that the computer-readable medium shown in the present invention may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two. The 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 a combination of any of the above. More specific examples of computer readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), fiber optics, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing. In the present invention, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present invention, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the 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, etc., or any suitable combination of the foregoing.

The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more logical functions for implementing the specified functions executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams or flowchart illustrations, and combinations of blocks in the block diagrams or flowchart illustrations, can be implemented in special purpose hardware-based systems that perform the specified functions or operations, or can be implemented using A combination of dedicated hardware and computer instructions is implemented.

The modules and/or units involved in the embodiments of the present invention may be implemented in a software manner, and may also be implemented in a hardware manner. The described modules and/or units can also be set in a processor, for example, it can be described as: a processor includes a module for acquiring nodes, a module for building a node tree, and a module for displaying pages; wherein the names of these modules are in some cases. The following does not constitute a limitation of the module itself, for example, the display page module can also be described as "a module that renders and displays a page based on the page element tree".

As another aspect, the present invention also provides a computer-readable medium, which may be included in the device described in the above embodiments; or may exist alone without being assembled into the device. The above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by a device, the device includes: acquiring a plurality of page nodes included in a page, a plurality of pages between the page nodes. A hierarchical structure and style information of a plurality of the page nodes; a page element tree is constructed based on a plurality of the page nodes, the hierarchical structure between the plurality of the page nodes, and the style information of the plurality of the page nodes, wherein, Each node included in the page element tree corresponds to one of the page nodes, and the structure of the page element tree matches the hierarchical structure; in response to receiving a page display trigger, based on the page element tree, rendering and Display the page.

In the embodiment of the present invention, a page element tree can be constructed based on multiple page nodes of a page, a hierarchical structure between multiple page nodes, and style information of the page nodes, and a page can be rendered and displayed based on the page element tree, Thus, the versatility and flexibility of displaying the applet page is improved, and the efficiency of developing the applet is improved.

The above-mentioned specific embodiments do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may occur depending on design requirements and other factors. Any modifications, equivalent replacements and improvements made within the spirit and principle of the present invention shall be included within the protection scope of the present invention.

Claims (10)

1. a method for processing pages, is characterized in that, comprises: Obtaining multiple page nodes included in the page, the hierarchical structure between the multiple page nodes, and the style information of the multiple page nodes; A page element tree is constructed based on a plurality of the page nodes, the hierarchical structure among the plurality of the page nodes, and the style information of the plurality of the page nodes, wherein each node included in the page element tree corresponds to a For the page node, the structure of the page element tree matches the hierarchical structure; In response to receiving a page display trigger, a page is rendered and displayed based on the page element tree. 2 . The method according to claim 1 , wherein the obtaining of multiple page nodes included in the page, the hierarchical structure between the multiple page nodes, and the style information of the multiple page nodes includes: 2 . Setting labels on a plurality of page nodes included in the code of the page, wherein the labels are used to uniquely identify the page nodes; Parse out a plurality of page nodes and a plurality of hierarchical structures of the page nodes from the code of the page; According to the tag, the style information corresponding to the page node is parsed from the code of the page. 3. The method of claim 2, further comprising: constructing a virtual document object model based on the parsed plurality of the page nodes and the hierarchical structure of the plurality of page nodes; wherein, the virtual document object model indicates the hierarchical structure between the plurality of page nodes; The building a page element tree includes: filling the virtual document object model with style information of a plurality of the page nodes to obtain a page element tree. 4. The method of claim 2, further comprising: constructing the corresponding relationship between the label, the page node and the style information; The building page element tree includes: Traverse each page node included in the virtual document object model, and according to the label of the page node and the corresponding relationship, find out whether the page node has style information, and if so, fill the style information into all the page nodes. the page node. 5. The method of claim 1, wherein The rendering and display of the page includes: Starting from the root node of the page element tree, according to the hierarchical structure, each node in the page element tree is traversed layer by layer and rendered. 6. The method of claim 5, wherein According to the hierarchical structure, traversing and rendering each node in the page element tree layer by layer, including: When a hierarchical structure includes multiple nodes, the multiple nodes are traversed and rendered in sequence according to the set order. 7. The method of claim 1, further comprising: A corresponding image is generated for the displayed page, so that the user can share the image of the page. 8. A device for processing pages, comprising: acquiring a node module, building a node tree module and displaying a page module; wherein, The acquiring node module is configured to acquire a plurality of page nodes included in a page, a hierarchical structure between a plurality of the page nodes, and style information of a plurality of the page nodes; The building node tree module is configured to build a page element tree based on a plurality of the page nodes, the hierarchical structure between the plurality of page nodes, and the style information of the plurality of page nodes, wherein the page element Each node included in the tree corresponds to one of the page nodes, and the structure of the page element tree matches the hierarchical structure; The display page module is configured to render and display a page based on the page element tree in response to receiving a page display trigger. 9. An electronic device, characterized in that, comprising: one or more processors; storage means for storing one or more programs, The one or more programs, when executed by the one or more processors, cause the one or more processors to implement the method of any of claims 1-7. 10. A computer-readable medium on which a computer program is stored, characterized in that, when the program is executed by a processor, the method according to any one of claims 1-7 is implemented.

Images