Page display method, terminal device, cloud server, system and storage medium

Abstract

The present application provides a page display method, a terminal device, a cloud server, a system, an electronic device and a storage medium, comprising: sending an acquisition request to a cloud server, wherein the acquisition request carries attribute information of a target page, the acquisition request is used to acquire a target rendering tree corresponding to the target page, receiving a target rendering tree corresponding to the acquisition request fed back by the cloud server, rendering the target rendering tree, acquiring and outputting a target page corresponding to the target rendering tree, acquiring the target rendering tree from the cloud server through a terminal device, without the need for the terminal device to generate the target rendering tree itself, thereby avoiding problems such as abnormal loading of the target page caused by the terminal device generating the target rendering tree and rendering the target rendering tree to generate the target page, thereby saving the time for the terminal device to generate the rendering tree, thereby improving the efficiency of generating the target page, reducing the requirements for the terminal device performance for the target page display, and improving the overall operation performance of the terminal device.

Description

Technical Field

[0001] The present application relates to the field of Internet and page display technology, and in particular to a page display method, terminal device, cloud server, system, electronic device and storage medium. Background Art

[0002] With the development of Internet technology and the popularization of terminal equipment, how to reduce the hardware performance requirements for displaying pages and improve the efficiency of page display has become an urgent problem to be solved.

[0003] In the prior art, a method for displaying a page includes: when a terminal device receives a request to display a page, obtaining static resources for displaying the page, generating a rendering tree according to the obtained static resources, and rendering the rendering tree to generate and display the page.

[0004] However, in the process of implementing the present application, the inventors found that there are at least the following technical problems: the page generation speed is slow, the stability of page generation is low, and low-performance hardware cannot run complex pages. Summary of the invention

[0005] The embodiments of the present application provide a page display method, a terminal device, a cloud server, a system, an electronic device and a storage medium, which are used to solve at least one of the above-mentioned technical problems.

[0006] In a first aspect, an embodiment of the present application provides a page display method, which is applied to a terminal device and includes:

[0007] Sending a request to the cloud server, wherein the request carries the attribute information of the target page, and the request is used to obtain a target rendering tree corresponding to the target page;

[0008] Receive the target rendering tree corresponding to the acquisition request fed back by the cloud server;

[0009] The target rendering tree is rendered to obtain and output a target page corresponding to the target rendering tree.

[0010] In this embodiment, the target rendering tree is obtained from the cloud server by the terminal device, and the terminal device itself does not need to generate the target rendering tree, thereby avoiding the problems caused by the terminal device generating the target rendering tree and rendering the target rendering tree to generate the target page: the white screen time of the terminal device display is too long and the target page is abnormally loaded, thereby saving the time of generating the rendering tree by the terminal device, thereby improving the efficiency of generating the target page, and reducing the technical effect of the target page's requirements on the performance of the terminal device.

[0011] In some embodiments, the attribute information of the target page is used to determine the target rendering tree in combination with a preset mapping relationship; wherein the mapping relationship is used to characterize the relationship between an initial page and an initial rendering tree, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0012] In this embodiment, by constructing a target rendering tree of a mapping relationship, the efficiency of determining the target rendering tree can be improved, thereby increasing the speed of displaying the target page and enhancing the browsing experience of the user.

[0013] In some embodiments, the method further comprises:

[0014] A rendering request is sent to the cloud server, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page.

[0015] In some embodiments, the mapping relationship is used to represent the relationship between the initial page and a storage address, and the storage address is an address storing the initial rendering tree.

[0016] In some embodiments, before sending the acquisition request to the cloud server, the method further includes:

[0017] Generate and store a command protocol configured jointly by the terminal device and the cloud server, the command protocol including: a command type and a command parameter, the command type including a page initialization type and a page operation type, the command parameter including page attribute information and operation information for the page;

[0018] Acquire target operation information for the terminal device, the target operation information including a target instruction type and a target instruction parameter;

[0019] The attribute information of the target page is determined according to the target instruction type and the target instruction parameter.

[0020] In some embodiments, if the target instruction type is a page initialization type and the target instruction parameter is address information, the target rendering tree is a rendering tree corresponding to the target page obtained by determining the attribute information of the target page based on the target instruction parameter and according to a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0021] In some embodiments, if the target instruction type is a page operation type, and the target instruction parameter is operation information for a page, the target rendering tree is a rendering tree obtained by determining the target page according to the operation information for the page, and updating the rendering tree of the current page based on the target page.

[0022] In some embodiments, after receiving the target rendering tree corresponding to the acquisition request fed back by the cloud server, the method further includes:

[0023] Determine the current render tree;

[0024] If the target rendering tree is the same as the current rendering tree, keep outputting the page corresponding to the current rendering tree;

[0025] And, rendering the target rendering tree to obtain the target page includes: if the target rendering tree is different from the current rendering tree, rendering the target rendering tree to obtain and output the target page corresponding to the target rendering tree.

[0026] In this embodiment, by comparing the target rendering tree with the current rendering tree, the drawbacks of wasting resources and consuming time due to rendering the same rendering tree can be avoided, thereby achieving the technical effect of improving the rational use of resources.

[0027] In a second aspect, an embodiment of the present application provides a page display method, the method using a cloud server, the method comprising:

[0028] Receiving an acquisition request sent by a terminal device, the acquisition request carrying attribute information of a target page, the acquisition request being used to acquire a target rendering tree corresponding to the target page;

[0029] Determine a target rendering tree corresponding to the acquisition request;

[0030] The target rendering tree is sent to the terminal device, where the target rendering tree is used to generate a target page corresponding to the acquisition request.

[0031] In some embodiments, determining a target rendering tree corresponding to the acquisition request includes:

[0032] Determining the target page according to the attribute information of the target page;

[0033] The target rendering tree is determined according to the target page and a preset mapping relationship, wherein the mapping relationship is used to characterize a relationship between an initial rendering tree and an initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0034] In some embodiments, before receiving the acquisition request sent by the terminal device, the method further includes:

[0035] receiving a rendering request sent by the terminal device, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page;

[0036] An initial rendering tree corresponding to the initial page is generated according to the attribute information of the initial page.

[0037] In some embodiments, after generating an initial rendering tree corresponding to the initial page according to the attribute information of the initial page, the method further includes:

[0038] Allocating a storage address for the initial rendering tree and storing the initial rendering tree;

[0039] The mapping relationship between the initial page and the storage address is constructed.

[0040] In some embodiments, the attribute information of the target page includes target operation information for the terminal device, and the target operation information includes a target instruction type and a target instruction parameter; before receiving the acquisition request sent by the terminal device, the method further includes:

[0041] Generate and store a command protocol configured jointly by the cloud server and the terminal device, the command protocol including: a command type and a command parameter, the command type including a page initialization type and a page operation type, the command parameter including page attribute information and operation information for the page;

[0042] And, determining a target rendering tree corresponding to the acquisition request includes: determining the target rendering tree according to the target instruction type and the target instruction parameter.

[0043] In some embodiments, if the target instruction type is a page initialization type, and the target instruction parameter is address information; determining the target rendering tree according to the target instruction type and the target instruction parameter includes:

[0044] Determine the target page according to the address information;

[0045] The target rendering tree corresponding to the target page is acquired according to a preset mapping relationship, wherein the mapping relationship is used to characterize a relationship between an initial rendering tree and an initial page, the initial rendering tree includes the target rendering tree, and the initial page includes the target page.

[0046] In some embodiments, if the target instruction type is a page operation type and the target instruction parameter is operation information for the page, determining the target rendering tree according to the target instruction type and the target instruction parameter includes:

[0047] Determine a target page according to the operation information on the page;

[0048] The rendering tree of the current page is updated based on the target page to obtain the target rendering tree corresponding to the target page.

[0049] In a third aspect, an embodiment of the present application provides a terminal device, the terminal device comprising:

[0050] A first sending module, configured to send a request to a cloud server, wherein the request carries attribute information of a target page, and the request is used to obtain a target rendering tree corresponding to the target page;

[0051] A first receiving module, configured to receive the target rendering tree corresponding to the acquisition request fed back by the cloud server;

[0052] A rendering module, used to render the target rendering tree to obtain a target page corresponding to the target rendering tree;

[0053] An output module is used to output the target page.

[0054] In some embodiments, the attribute information of the target page is used to determine the target rendering tree in combination with a preset mapping relationship; wherein the mapping relationship is used to characterize the relationship between an initial page and an initial rendering tree, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0055] In some embodiments, the first sending module is further used to send a rendering request to the cloud server, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page.

[0056] In some embodiments, the mapping relationship is used to represent the relationship between the initial page and a storage address, and the storage address is an address storing the initial rendering tree.

[0057] In some embodiments, the first storage module is used to generate and store the instruction protocol configured by the terminal device and the cloud server, the instruction protocol including: instruction type and instruction parameters, the instruction type including page initialization type and page operation type, the instruction parameter including page attribute information and operation information for the page;

[0058] An acquisition module, used to acquire target operation information for the terminal device, wherein the target operation information includes a target instruction type and a target instruction parameter;

[0059] The first determination module is used to determine the attribute information of the target page according to the target instruction type and the target instruction parameter.

[0060] In some embodiments, if the target instruction type is a page initialization type and the target instruction parameter is address information, the target rendering tree is a rendering tree corresponding to the target page obtained by determining the attribute information of the target page based on the target instruction parameter and according to a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0061] In some embodiments, if the target instruction type is a page operation type, and the target instruction parameter is operation information for a page, the target rendering tree is a rendering tree obtained by determining the target page according to the operation information for the page, and updating the rendering tree of the current page based on the target page.

[0062] In some embodiments, the terminal device further includes:

[0063] A second determination module is used to determine the current rendering tree;

[0064] If the target rendering tree is the same as the current rendering tree, the output module is used to keep outputting the page corresponding to the current rendering tree;

[0065] If the target rendering tree is different from the current rendering tree, the rendering module is used to render the target rendering tree to obtain the target page corresponding to the target rendering tree.

[0066] In a fourth aspect, an embodiment of the present application provides a cloud server, the cloud server comprising:

[0067] A second receiving module is used to receive an acquisition request sent by a terminal device, wherein the acquisition request carries attribute information of a target page, and the acquisition request is used to acquire a target rendering tree corresponding to the target page;

[0068] A third determination module, used to determine a target rendering tree corresponding to the acquisition request;

[0069] The second sending module is used to send the target rendering tree to the terminal device, where the target rendering tree is used to generate a target page corresponding to the acquisition request.

[0070] In some embodiments, the third determination module is used to determine the target page according to the attribute information of the target page, and determine the target rendering tree according to the target page and a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0071] In some embodiments, the cloud server further includes:

[0072] A third receiving module is used to receive a rendering request sent by the terminal device, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page;

[0073] A generating module is used to generate an initial rendering tree corresponding to the initial page according to the attribute information of the initial page.

[0074] In some embodiments, the cloud server further includes:

[0075] an allocating module, configured to allocate a storage address to the initial rendering tree and store the initial rendering tree;

[0076] A construction module is used to construct the mapping relationship between the initial page and the storage address.

[0077] In some embodiments, the cloud server further includes:

[0078] A second storage module is used to generate and store a command protocol configured by the cloud server and the terminal device, wherein the command protocol includes: a command type and a command parameter, wherein the command type includes a page initialization type and a page operation type, and the command parameter includes page attribute information and operation information for the page;

[0079] The third determination module is used to determine the target rendering tree according to the target instruction type and the target instruction parameter.

[0080] In some embodiments, if the target instruction type is a page initialization type, and the target instruction parameter is address information; the third determination module is used to determine the target page according to the address information, and obtain the target rendering tree corresponding to the target page according to a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial rendering tree includes the target rendering tree, and the initial page includes the target page.

[0081] In some embodiments, if the target instruction type is a page operation type and the target instruction parameter is operation information for a page, the third determination module is used to determine a target page according to the operation information for the page, update a rendering tree of the current page based on the target page, and obtain the target rendering tree corresponding to the target page.

[0082] In a fifth aspect, an embodiment of the present application provides a page display system, the system comprising:

[0083] The terminal device as described in any of the above embodiments;

[0084] A cloud server as described in any of the above embodiments.

[0085] In some embodiments, the cloud server includes a processor and at least one browser kernel, wherein:

[0086] The processor is used to send the received rendering request to the at least one browser kernel, where the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page;

[0087] The at least one browser kernel is used to generate an initial rendering tree corresponding to the initial page according to the attribute information of the initial page.

[0088] In some embodiments, the cloud server further includes a database, and the database includes a storage address; the processor is configured to assign a storage address to the initial rendering tree, and store the initial rendering tree in the database according to the assigned storage address.

[0089] In a sixth aspect, an embodiment of the present application provides an electronic device, including: a memory, a processor;

[0090] The memory is a memory for storing instructions executable by the processor;

[0091] When executing the instructions in the memory, the processor is configured to implement the method described in any one of the above embodiments.

[0092] In a seventh aspect, an embodiment of the present application provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the method described in any of the above embodiments.

[0093] The embodiments of the present application provide a page display method, a terminal device, a cloud server, a system, an electronic device, and a storage medium, including: sending an acquisition request to a cloud server, the acquisition request carrying attribute information of a target page, the acquisition request being used to acquire a target rendering tree corresponding to the target page, receiving a target rendering tree corresponding to the acquisition request fed back by the cloud server, rendering the target rendering tree, acquiring and outputting a target page corresponding to the target rendering tree, acquiring the target rendering tree from the cloud server through a terminal device, without the need for the terminal device itself to generate the target rendering tree, thereby avoiding the following problems caused by the terminal device generating the target rendering tree and rendering the target rendering tree to generate the target page: the white screen time of the display of the terminal device is too long and the target page is abnormally loaded, thereby achieving the technical effect of saving the time for the terminal device to generate the rendering tree, thereby improving the efficiency of generating the target page, and reducing the requirements of the target page on the performance of the terminal device. BRIEF DESCRIPTION OF THE DRAWINGS

[0094] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, a brief introduction will be given below to the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative labor.

[0095] Figure 1 A schematic diagram of the framework of a page display system according to an embodiment of the present application;

[0096] Figure 2 A schematic diagram of a flow chart of a page display method according to an embodiment of the present application;

[0097] Figure 3 A signaling diagram of a page display method according to another embodiment of the present application;

[0098] Figure 4 A signaling diagram of a page display method according to another embodiment of the present application;

[0099] Figure 5 A schematic diagram of a flow chart of page display of another embodiment of the present application;

[0100] Figure 6 A schematic diagram of a terminal device according to an embodiment of the present application;

[0101] Figure 7 A schematic diagram of a terminal device according to another embodiment of the present application;

[0102] Figure 8 A schematic diagram of a cloud server according to an embodiment of the present application;

[0103] Fig. 9A schematic diagram of a cloud server according to another embodiment of the present application;

[0104] Fig.10 A block diagram of an electronic device according to an embodiment of the present application.

[0105] The above drawings have shown clear embodiments of the present application, which will be described in more detail later. These drawings and text descriptions are not intended to limit the scope of the present application in any way, but to illustrate the concept of the present application to those skilled in the art by referring to specific embodiments. DETAILED DESCRIPTION

[0106] In order to make the purpose, technical solution and advantages of the embodiments of the present application clearer, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0107] The terms "first", "second", "third", "fourth", etc. (if any) in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein, for example. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0108] See also Figure 1 , Figure 1 A schematic diagram of the framework of a page display system according to an embodiment of the present application.

[0109] like Figure 1 As shown, the page display system may include a terminal device 100 and a cloud server 200 .

[0110] Among them, the terminal device 100 can be a mobile terminal, such as a mobile phone (or "cellular" phone) and a computer with a mobile terminal, for example, it can be a portable, pocket-sized, handheld, computer-built-in or vehicle-mounted mobile device, which exchanges language and / or data with a wireless access network; the terminal device can also be a personal communication service (Personal Communication Service, PCS) phone, a cordless phone, a session initiation protocol (Session Initiation Protocol, SIP) phone, a wireless local loop (Wireless Local Loop, WLL) station, a personal digital assistant (Personal Digital Assistant, PDA), a tablet computer, a wireless modem (modem), a handheld device (handset), a laptop computer (laptop computer), a machine type communication (Machine Type Communication, MTC) terminal and other devices; the terminal device can also be called a system, a subscriber unit (Subscriber Unit), a subscriber station (Subscriber Station), a mobile station (Mobile Station), a mobile station (Mobile), a remote station (Remote Station), a remote terminal (Remote Terminal), an access terminal (Access Terminal), a user terminal (User Terminal), a user agent (User Agent), User Device or User Equipment, etc., are not limited here.

[0111] In this embodiment, the terminal device 100 may include a display, which can provide a display interface. The user can trigger a request to browse a web page to the terminal device 100 based on the display interface. When the terminal device 100 obtains the request to browse a web page initiated by the user, the terminal device 100 can obtain a rendering tree from the cloud server 200, render the rendering tree, and generate and output a page through the display.

[0112] Among them, the display includes a liquid crystal display (Liquid Crystal Display, LCD), a light emitting diode (Light Emitting Diode, LED) display and an organic light emitting display (Organic Light Emitting Display, OLED) display, etc., which is not limited in the embodiments of the present application.

[0113] like Figure 1As shown, the cloud server 200 may include: a processor, a database, and browser kernels corresponding to multiple browsers of different categories. The browser kernel can generate a rendering tree of a page of the browser corresponding to it, and store the generated rendering tree in the database. The processor can interact with the terminal device 100 through a communication link. When the processor receives a request for obtaining the rendering tree sent by the terminal device 100, the processor obtains the rendering tree from the database and sends the rendering tree to the terminal device 100. The rendering tree is used by the terminal device 100 to generate and output the page.

[0114] In the related art, a terminal device generates and renders a rendering tree, and generates and outputs a page.

[0115] However, by adopting the related art of generating and rendering a rendering tree by a terminal device to obtain and output a page, the page loading speed may be slow and the stability of the page loading may be low.

[0116] After creative work, the inventor of the present application obtained the inventive concept of the embodiment of the present application: the terminal device obtains and renders the rendering tree from the cloud server, and generates and outputs the page.

[0117] The technical solution of the present application and how the technical solution of the present application solves the above-mentioned technical problems are described in detail below with specific embodiments. The following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of the present application will be described below in conjunction with the accompanying drawings.

[0118] According to one aspect of an embodiment of the present application, an embodiment of the present application provides a page display method, which can be applied to a terminal device.

[0119] See also Figure 2 , Figure 2 A flowchart of a page display method according to an embodiment of the present application.

[0120] like Figure 2 As shown, the method includes:

[0121] S101: The terminal device sends a request to the cloud server, where the request carries attribute information of a target page, and the request is used to obtain a target rendering tree corresponding to the target page.

[0122] Among them, the execution subject of this embodiment can be a terminal device, and the description of the terminal device can be found in the above embodiment, which will not be repeated here.

[0123] Similarly, the description of the cloud server can be found in the above embodiments and will not be repeated here.

[0124] The "target" in the target page is used to distinguish it from other pages in the following text, and can be understood as the page that the user expects to browse, but cannot be understood as a limitation on the content of the page; similarly, the "target" in the target render tree is used to distinguish it from other render trees in the following text, and can be understood as the render tree corresponding to the page that the user expects to browse, but cannot be understood as a limitation on the content of the render tree.

[0125] In combination with the above embodiments, it can be seen that a user can initiate a request to browse a page through the display of a terminal device. When the terminal device receives the request to browse a web page initiated by the user, the terminal device can determine the attribute information of the page that the user expects to browse (i.e., the target page) and generate an acquisition request carrying the attribute information of the target page.

[0126] Among them, the attribute information of the target page can be used to represent relevant information that can reflect the characteristics of the target page, such as information on the size characteristics of the target page, information on the version characteristics of the target page, and information on the browser corresponding to the target page (such as the category of the browser).

[0127] That is to say, in this embodiment, the terminal device can obtain the target rendering tree from the cloud server by sending a request to the cloud server. Compared with the related art in which the terminal device generates the target rendering tree, the method of the embodiment of the present application can reduce the time for the terminal device to generate the target rendering tree, reduce the requirements for the terminal device performance for the target page display, and reduce the computing resources of the terminal device, thereby stabilizing other performances of the terminal device and improving the technical effect of the stability of the terminal device as a whole.

[0128] S102: The terminal device receives the target rendering tree corresponding to the acquisition request fed back by the cloud server.

[0129] That is, after the cloud server receives the acquisition request sent by the terminal device, the cloud server may send the target rendering tree corresponding to the acquisition request to the terminal device.

[0130] S103: The terminal device renders the target rendering tree, obtains and outputs a target page corresponding to the target rendering tree.

[0131] That is, after the terminal device receives the target rendering tree fed back by the cloud server, it can render the target rendering tree to generate and display the target page.

[0132] It is worth noting that in the related art, the terminal device generates a target rendering tree and renders the generated target rendering tree to generate a target page. In the present embodiment, the terminal device renders the target rendering tree fed back by the cloud server, and there is no need for the terminal device itself to generate the target rendering tree. Therefore, the time and resources for the terminal device to generate the target rendering tree can be saved, thereby increasing the speed at which the terminal device generates the target page. Moreover, since the resources of the terminal device can be saved, relatively speaking, the terminal device has more resources to perform other operations, thereby improving the overall performance of the terminal device and reducing the requirements for the terminal device performance for the display of the target page.

[0133] Based on the above analysis, it can be seen that an embodiment of the present application provides a page display method, which can be applied to a terminal device, including: sending an acquisition request to a cloud server, the acquisition request carrying attribute information of a target page, the acquisition request being used to acquire a target rendering tree corresponding to the target page, receiving a target rendering tree corresponding to the acquisition request fed back by the cloud server, rendering the target rendering tree, obtaining and outputting a target page corresponding to the target rendering tree, acquiring the target rendering tree from the cloud server through the terminal device, without the need for the terminal device itself to generate the target rendering tree, thereby avoiding the generation of the target rendering tree by the terminal device, and rendering the target rendering tree to generate the target page: problems such as the terminal device's display being white for too long and the target page being abnormally loaded, thereby achieving the technical effect of saving the time for the terminal device to generate the rendering tree, thereby improving the efficiency of generating the target page, and reducing the requirements for the terminal device performance for the target page display.

[0134] In order to enable readers to have a deeper understanding of how the embodiment of the present application realizes the output of the target page through the interaction between the terminal device and the cloud server, Figure 3 The page display method of the embodiment of the present application is described in detail. Figure 3 This is a signaling diagram of a page display method according to another embodiment of the present application.

[0135] like Figure 3 As shown, the method includes:

[0136] S201: The terminal device sends a rendering request to the cloud server. The rendering request carries attribute information of the initial page. The rendering request is used to request generation of an initial rendering tree corresponding to the initial page.

[0137] Correspondingly, the cloud server receives the rendering request sent by the terminal device.

[0138] The description of the attribute information of the initial page can refer to the description of the attribute information of the target page, which will not be repeated here.

[0139] S202: The cloud server generates an initial rendering tree corresponding to the initial page according to the attribute information of the initial page.

[0140] In this embodiment, the method by which the cloud server generates the initial rendering tree is not limited.

[0141] For example, the cloud server may obtain static resources according to the attribute information of the initial page, and generate an initial rendering tree corresponding to the initial page based on the static resources.

[0142] Among them, static resources can be used to represent resources used to generate a rendering tree, such as HyperText Markup Language (HTML) files, Cascading Style Sheets (CSS) files, and programming language files (JavaScript, JS), etc. That is, in this embodiment, static resources can be understood as resources corresponding to the initial page, and the resources are used to generate an initial rendering tree corresponding to the initial page.

[0143] The initial page includes the target page described in the above embodiment, and the initial rendering tree includes the target rendering tree described in the above embodiment.

[0144] For example, in some embodiments, the cloud server generates a Document Object Model (DOM) tree based on a hypertext markup language file, and generates a Cascading Style Sheet Object Model (CSSObject Model, CSSOM) tree based on a Cascading Style Sheet file, and merges the Document Object Model tree and the Cascading Style Sheet Object Model tree to generate an initial rendering (Render) tree.

[0145] Specifically, combining Figure 1 In the page display system shown, the terminal device can send a rendering request to the processor. The processor can determine a browser kernel for processing the rendering request based on the attribute information of the initial page, and send the rendering request to the determined browser kernel, and the determined browser kernel generates an initial rendering tree corresponding to the attribute information of the initial page based on the attribute information of the initial page.

[0146] It is worth noting that the attribute information of the initial page corresponding to different browsers is not the same. Therefore, when the processor receives a rendering request, it can analyze the attribute information of the initial page and determine the browser corresponding to the attribute information of the initial page based on the analysis results, thereby determining the browser kernel used to execute the rendering request.

[0147] S203: The cloud server allocates a storage address for the initial rendering tree and stores the initial rendering tree.

[0148] Specifically, combining Figure 1 In the page display system and the description of S202, the processor divides the storage area of ​​the database based on the category of each browser kernel, and can send the storage address corresponding to the divided storage area to the browser kernel when sending a rendering request to each browser kernel. Of course, the storage address can also be sent to the browser kernel during initialization configuration. After generating the rendering tree, the browser kernel can store the rendering tree in the database based on the storage address.

[0149] Of course, in other embodiments, the processor may also send the mapping relationship between each browser kernel and the storage address corresponding to each browser kernel to the database. When the database receives any rendering tree sent by any browser kernel, it may store any rendering tree based on the mapping relationship sent by the processor.

[0150] Of course, in some other embodiments, the browser kernel sends the initial rendering tree to the database, the database allocates a storage address for the initial rendering tree, and stores the initial rendering tree in the storage address.

[0151] It should be understood that the above examples are only used to exemplify possible ways of storing the initial rendering tree, and should not be understood as limiting the way of storing the initial rendering tree.

[0152] S204: The cloud server constructs a mapping relationship between the initial page and the storage address.

[0153] Combining the above embodiments, it can be seen that in Figure 1 In the page display system shown, the mapping relationship between the initial page and the storage address can be constructed by the processor, or by the database, which is not limited in the embodiment of the present application.

[0154] S205: The terminal device sends a get request to the cloud server. The get request carries attribute information of the target page. The get request is used to obtain a target rendering tree corresponding to the target page.

[0155] Correspondingly, the cloud server receives the acquisition request sent by the terminal device.

[0156] Among them, the description of S205 can be found in S101 and will not be repeated here.

[0157] S206: The cloud server determines the target page according to the attribute information of the target page.

[0158] Based on the above embodiments, it can be seen that the attribute information of the target page can reflect the characteristics of the target page. Therefore, when the cloud server receives a request to obtain the attribute information of the target page, it can determine the page (i.e., the target page) that the terminal device needs to render and generate and display to the user based on the attribute information of the target page.

[0159] Combined with Figure 1 In the page display system shown, the processor can receive an acquisition request sent by a terminal device, and determine a target page based on the attribute information of the target page in the acquisition request.

[0160] S207: The cloud server determines a target rendering tree corresponding to the target page according to the mapping relationship.

[0161] Among them, the initial page includes the target page to be rendered, and the initial rendering tree includes the target rendering tree. Therefore, the mapping relationship reflects the relationship between the storage address of the target page and the target rendering tree. Therefore, in this step, the cloud server can determine and obtain the target rendering tree based on the mapping relationship.

[0162] Combined with Figure 1 The page display system shown and the above embodiments can be configured such that the processor determines the storage address corresponding to the target page from the database based on the mapping relationship, and obtains the target rendering tree from the storage address.

[0163] S208: The cloud server sends the target rendering tree to the terminal device.

[0164] Correspondingly, the terminal device receives the target rendering tree sent by the cloud server.

[0165] S209: The terminal device renders the target rendering tree to generate and display the target page.

[0166] The manner in which the terminal device renders the target rendering tree is not limited in this embodiment of the application.

[0167] In some embodiments, S209 may include:

[0168] S2091: The terminal device determines the current rendering tree.

[0169] It should be understood that the current state of the terminal device may be the state of displaying a page, and the terminal device can determine the rendering tree corresponding to the currently displayed page. Of course, the current state of the terminal device may not be the state of displaying a page, and the terminal device can directly render the target rendering tree to generate and display the target page.

[0170] S2092: The terminal device determines whether the target rendering tree is the same as the current rendering tree, and if so, executes S2093; if not, executes S2094.

[0171] S2093: The terminal device continues to output the page corresponding to the current rendering tree.

[0172] In this embodiment, if the current rendering tree is the same as the target rendering tree, the terminal device can determine that the page generated by rendering the target rendering tree is the same page as the page generated by rendering the current rendering tree. Therefore, the terminal device only needs to keep displaying the current page, thereby saving rendering time and resources.

[0173] S2094: The terminal device renders the target rendering tree, obtains and outputs a target page corresponding to the target rendering tree.

[0174] In this embodiment, if the current render tree is different from the target render tree, the terminal device may determine that the page generated by rendering the target render tree is different from the page generated by rendering the current render tree. Therefore, the terminal device generates and displays the target page based on the target render tree.

[0175] Based on the above analysis and Figure 1 It can be seen from the page system shown that in this embodiment, when a user initiates a request to browse a page to a terminal device, the terminal device can determine the attribute information corresponding to the page that the user wants to browse (i.e., the attribute information of the target page), generate and send an acquisition request carrying the attribute information of the target page to the processor of the cloud server, and the processor can determine the rendering tree (i.e., the target rendering tree) that the terminal device wants to render based on the target page attribute information, and determine the storage address of the target rendering tree corresponding to the target page based on the mapping relationship, and obtain the target rendering tree from the database based on the storage address, and send the target rendering tree to the terminal device. After receiving the target rendering tree, the terminal device can render the target rendering tree, thereby generating and displaying the rendered page through the display.

[0176] It is worth noting that, on the one hand, when a terminal device displays a page in a single dimension, the performance requirements for the terminal device will be relatively high, otherwise it will easily affect the running speed of the terminal device and cause the terminal device to freeze. However, through the inventive concept of combining the terminal device with the cloud server in this embodiment to display the page, the cloud server performs the operation of rendering tree generation, which reduces the load of the terminal device, thereby improving the running speed of the terminal device and avoiding problems such as freezing. On the other hand, when a terminal device displays a web page in a single dimension and the network quality is poor, it is likely to cause the terminal device to take too long to load static resources, resulting in the page being unable to display normally, reducing the user's browsing experience. Through the inventive concept of combining the terminal device with the cloud server in this embodiment to display the page, the cloud server performs the operation of rendering tree generation, which reduces the load of the terminal device, thereby improving the running speed of the terminal device and avoiding problems such as freezing. In the inventive concept of displaying a page in a combined manner, the cloud server and the terminal device pre-generate and store the rendering tree, which can avoid the problem of long loading time, ensure the normal display of the page as much as possible, and improve the user's browsing experience; on the other hand, when the terminal device displays the page in a single dimension, the rendering tree is generated by the terminal device, which may cause a long rendering time, consume the computing resources of the terminal device, and reduce the overall operating performance of the terminal device. However, through the inventive concept of displaying a page in a combined manner of the terminal device and the cloud server in this embodiment, the cloud server generates the rendering tree, which can release the computing resources occupied by the terminal device due to the generation of the rendering tree, improve the overall operating performance of the terminal device, increase the speed of generating and displaying the page, and reduce the requirements of the target page display on the terminal device performance.

[0177] Based on the above analysis, it can be seen that in this application, the display of the page can be realized through the interaction between the terminal device and the cloud server. In order to make the reader more clearly understand the interaction between the terminal device and the cloud server, Figure 4 The following is a detailed description of the above. Figure 4 This is a signaling diagram of a page display method according to another embodiment of the present application.

[0178] like Figure 4 As shown, the method includes:

[0179] S301: The cloud server and the terminal device respectively store the instruction protocol configured by the cloud server and the terminal device.

[0180] The instruction protocol includes: instruction type and instruction parameters. The instruction type includes page initialization type and page operation type. The instruction parameters include page attribute information and operation information for the page.

[0181] In other words, the instruction protocol can be understood from two dimensions, one dimension is the instruction type, and the other dimension is the instruction parameter.

[0182] Among them, the instruction type can include two types. One type is the page initialization type, which can be understood as the initialization page, such as when a user enters a URL through the display, the page corresponding to the URL is the initialization page; the other type is the page operation type, which can be understood as a derivative page obtained by performing operations based on the initialization page, such as another page obtained by a user clicking on the initialization page.

[0183] Correspondingly, the instruction parameters may also include two parameters, one parameter is the page attribute information corresponding to the page initialization type, and the page attribute information may include the URL, etc.; the other parameter is the operation information for the page corresponding to the page operation type, and the operation information may include clicks and slides, etc., and specifically may include click location information, sliding distance information, etc.

[0184] The format of the instruction protocol may be: {type: "instruction type", param: {xx: xx, xx: xx}}. For example, the format of the instruction protocol of the page initialization type may be represented by {type: "init", param: {browse: "chrome", user: "zs"}}.

[0185] S302: The terminal device obtains target operation information for the terminal device, where the target operation information includes: a target instruction type and a target instruction parameter.

[0186] In this embodiment, the operation information can be used to characterize the operation information generated by the terminal device based on the user's operation on the terminal device and based on the instruction information. The operation information may be a URL (instruction type) input by the user, or it may be the operation information (instruction parameters) generated by the user's operation (such as clicking) on ​​the current page displayed by the terminal device.

[0187] S303: The terminal device determines the attribute information of the target page according to the target instruction type and the target instruction parameters.

[0188] S304: The terminal device sends a request to the cloud server, and the request carries the attribute information of the target page. The request is used to obtain a target rendering tree corresponding to the target page.

[0189] Correspondingly, the cloud server receives the acquisition request sent by the terminal device.

[0190] Regarding triggering the terminal device to send an acquisition request to the cloud server and related content of the acquisition request, please refer to the above embodiment and will not be repeated here.

[0191] S305: The cloud server determines a target rendering tree according to the target instruction type and target instruction parameters.

[0192] In some embodiments, S305 may include:

[0193] S3051: If the target instruction type is a page initialization type and the target instruction parameter is address information, the cloud server determines the target page according to the address information.

[0194] Different address information corresponds to different pages. Therefore, in this step, when the cloud server learns the address information, it can determine the target page corresponding to the address information based on the address information.

[0195] S3052: The cloud server determines a target rendering tree corresponding to the target page according to the mapping relationship.

[0196] The description of the mapping relationship and the description of determining the target rendering tree based on the mapping relationship can be found in the above embodiments, which will not be described in detail here.

[0197] S3053: If the target instruction type is a page operation type, and the target instruction parameter is operation information for the page, the cloud server determines the target page according to the operation information for the page.

[0198] For example, if the instruction parameters include a user sliding operation on a page, and the sliding distance is x pixels, the cloud server can determine the target page based on the current page (ie, the page on which the user slid) and x pixels.

[0199] S3054: The cloud server updates the rendering tree of the current page based on the target page, and obtains a target rendering tree corresponding to the target page to be rendered.

[0200] In this step, the cloud server may adaptively update the rendering tree of the current page to obtain a target rendering tree corresponding to the target page to be rendered.

[0201] S306: The cloud server sends the target rendering tree to the terminal device.

[0202] Correspondingly, the terminal device receives the target rendering tree sent by the cloud server.

[0203] S307: The terminal device renders the target rendering tree to generate and display the target page.

[0204] Among them, the description of S307 can be found in S209 and will not be repeated here.

[0205] According to another aspect of the embodiment of the present application, the embodiment of the present application also provides a page display method, which is applied to a cloud server.

[0206] See also Figure 5 , Figure 5A schematic diagram of a page display process according to another embodiment of the present application.

[0207] like Figure 5 As shown, the method includes:

[0208] S401: The cloud server receives a request sent by a terminal device, the request carrying attribute information of a target page, and the request is used to obtain a target rendering tree corresponding to the target page.

[0209] S402: The cloud server determines a target rendering tree corresponding to the acquisition request.

[0210] S403: The cloud server sends the target rendering tree to the terminal device, where the target rendering tree is used to generate a target page corresponding to the acquisition request.

[0211] In some embodiments, S402 includes:

[0212] S4021: The cloud server determines the target page according to the attribute information of the target page;

[0213] S4022: The cloud server determines the target rendering tree according to the target page and a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0214] In some embodiments, before receiving the acquisition request sent by the terminal device, the method further includes:

[0215] The cloud server receives a rendering request sent by the terminal device, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page;

[0216] The cloud server generates an initial rendering tree corresponding to the initial page according to the attribute information of the initial page.

[0217] In some embodiments, after generating an initial rendering tree corresponding to the initial page according to the attribute information of the initial page, the method further includes:

[0218] The cloud server allocates a storage address for the initial rendering tree and stores the initial rendering tree;

[0219] The cloud server constructs the mapping relationship between the initial page and the storage address.

[0220] In some embodiments, the attribute information of the target page includes target operation information for the terminal device, and the target operation information includes a target instruction type and a target instruction parameter; before receiving the acquisition request sent by the terminal device, the method further includes:

[0221] The cloud server generates and stores a command protocol configured jointly by the cloud server and the terminal device, wherein the command protocol includes: a command type and a command parameter, wherein the command type includes a page initialization type and a page operation type, and the command parameter includes page attribute information and operation information for the page;

[0222] And, the cloud server determines a target rendering tree corresponding to the acquisition request, including: the cloud server determines the target rendering tree according to the target instruction type and the target instruction parameter.

[0223] In some embodiments, if the target instruction type is a page initialization type, and the target instruction parameter is address information; determining the target rendering tree according to the target instruction type and the target instruction parameter includes:

[0224] The cloud server determines the target page according to the address information;

[0225] The cloud server obtains the target rendering tree corresponding to the target page according to a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between an initial rendering tree and an initial page, the initial rendering tree includes the target rendering tree, and the initial page includes the target page.

[0226] In some embodiments, if the target instruction type is a page operation type and the target instruction parameter is operation information for the page, determining the target rendering tree according to the target instruction type and the target instruction parameter includes:

[0227] The cloud server determines the target page according to the operation information on the page;

[0228] The cloud server updates the rendering tree of the current page based on the target page, and obtains the target rendering tree corresponding to the target page.

[0229] According to another aspect of the embodiments of the present application, the embodiments of the present application also provide a terminal device.

[0230] See also Figure 6 , Figure 6 A schematic diagram of a terminal device according to an embodiment of the present application.

[0231] like Figure 6 As shown, the terminal device includes:

[0232] A first sending module 11 is used to send a request to a cloud server, wherein the request carries attribute information of a target page, and the request is used to obtain a target rendering tree corresponding to the target page;

[0233] A first receiving module 12 is used to receive the target rendering tree corresponding to the acquisition request fed back by the cloud server;

[0234] A rendering module 13, configured to render the target rendering tree to obtain a target page corresponding to the target rendering tree;

[0235] The output module 14 is used to output the target page.

[0236] In some embodiments, the attribute information of the target page is used to determine the target rendering tree in combination with a preset mapping relationship; wherein the mapping relationship is used to characterize the relationship between an initial page and an initial rendering tree, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0237] In some embodiments, the first sending module 11 is further used to send a rendering request to the cloud server, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page.

[0238] In some embodiments, the mapping relationship is used to represent the relationship between the initial page and a storage address, and the storage address is an address storing the initial rendering tree.

[0239] Combination Figure 7 It can be seen that, in some embodiments, the first storage module 15 is used to generate and store the instruction protocol configured by the terminal device and the cloud server, the instruction protocol including: instruction type and instruction parameters, the instruction type including page initialization type and page operation type, the instruction parameter including page attribute information and operation information for the page;

[0240] An acquisition module 16, configured to acquire target operation information for the terminal device, wherein the target operation information includes a target instruction type and a target instruction parameter;

[0241] The first determination module 17 is used to determine the attribute information of the target page according to the target instruction type and the target instruction parameter.

[0242] In some embodiments, if the target instruction type is a page initialization type and the target instruction parameter is address information, the target rendering tree is a rendering tree corresponding to the target page obtained by determining the attribute information of the target page based on the target instruction parameter and according to a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0243] In some embodiments, if the target instruction type is a page operation type, and the target instruction parameter is operation information for a page, the target rendering tree is a rendering tree obtained by determining the target page according to the operation information for the page, and updating the rendering tree of the current page based on the target page.

[0244] Combination Figure 7 It can be seen that, in some embodiments, the terminal device further includes:

[0245] A second determination module 18, used to determine the current rendering tree;

[0246] If the target rendering tree is the same as the current rendering tree, the output module 14 is used to keep outputting the page corresponding to the current rendering tree;

[0247] If the target rendering tree is different from the current rendering tree, the rendering module 13 is used to render the target rendering tree to obtain the target page corresponding to the target rendering tree.

[0248] According to another aspect of the embodiments of the present application, the embodiments of the present application also provide a cloud server.

[0249] See also Figure 8 , Figure 8 A schematic diagram of a cloud server according to an embodiment of the present application.

[0250] like Figure 8 As shown, the cloud server includes:

[0251] A second receiving module 21 is used to receive an acquisition request sent by a terminal device, wherein the acquisition request carries attribute information of a target page, and the acquisition request is used to acquire a target rendering tree corresponding to the target page;

[0252] A third determination module 22, configured to determine a target rendering tree corresponding to the acquisition request;

[0253] The second sending module 23 is used to send the target rendering tree to the terminal device, where the target rendering tree is used to generate a target page corresponding to the acquisition request.

[0254] In some embodiments, the third determination module 22 is used to determine the target page according to the attribute information of the target page, and determine the target rendering tree according to the target page and a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

[0255] Combination Fig. 9 It can be seen that, in some embodiments, the cloud server further includes:

[0256] A third receiving module 24 is used to receive a rendering request sent by the terminal device, wherein the rendering request carries the attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page;

[0257] The generating module 25 is configured to generate an initial rendering tree corresponding to the initial page according to the attribute information of the initial page.

[0258] Combination Fig. 9 It can be seen that, in some embodiments, the cloud server further includes:

[0259] An allocating module 26, configured to allocate a storage address to the initial rendering tree and store the initial rendering tree;

[0260] The construction module 27 is used to construct the mapping relationship between the initial page and the storage address.

[0261] Combination Fig. 9 It can be seen that, in some embodiments, the cloud server further includes:

[0262] The second storage module 28 is used to generate and store the instruction protocol configured by the cloud server and the terminal device, wherein the instruction protocol includes: instruction type and instruction parameters, wherein the instruction type includes page initialization type and page operation type, and the instruction parameters include page attribute information and operation information for the page;

[0263] The third determination module 22 is configured to determine the target rendering tree according to the target instruction type and the target instruction parameter.

[0264] In some embodiments, if the target instruction type is a page initialization type, and the target instruction parameter is address information; the third determination module 22 is used to determine the target page according to the address information, and obtain the target rendering tree corresponding to the target page according to a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial rendering tree includes the target rendering tree, and the initial page includes the target page.

[0265] In some embodiments, if the target instruction type is a page operation type, and the target instruction parameter is operation information for a page, the third determination module 22 is used to determine a target page according to the operation information for the page, and update a rendering tree of the current page based on the target page to obtain the target rendering tree corresponding to the target page.

[0266] According to another aspect of the embodiment of the present application, the embodiment of the present application further provides a page display system, the system comprising:

[0267] The terminal device described in any of the above embodiments, Figure 6 or Figure 7 The terminal equipment shown;

[0268] The cloud server described in any of the above embodiments, Figure 8 and Fig. 9 The cloud server shown.

[0269] Combined with Figure 1 It can be seen from the page display system shown that in some embodiments, the cloud server includes a processor and at least one browser kernel, wherein:

[0270] The processor is used to send the received rendering request to the at least one browser kernel, where the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page;

[0271] The at least one browser kernel is used to generate an initial rendering tree corresponding to the initial page according to the attribute information of the initial page.

[0272] In some embodiments, the cloud server further includes a database, and the database includes a storage address; the processor is configured to assign a storage address to the initial rendering tree, and store the initial rendering tree in the database according to the assigned storage address.

[0273] In some embodiments, the processor receives the acquisition request sent by the terminal device, determines a storage address storing the target rendering tree from a database based on the acquisition request, extracts the target rendering tree from the determined storage address, and feeds back the target rendering tree to the terminal device, where the target rendering tree is used to generate a target page.

[0274] According to another aspect of the embodiments of the present application, the embodiments of the present application further provide an electronic device, including: a memory, a processor;

[0275] Memory is a memory for storing processor executable instructions;

[0276] Wherein, when executing the instructions in the memory, the processor is configured to implement the method described in any of the above embodiments, such as implementing Figures 2 to 5 The page display method shown in any embodiment.

[0277] See also Fig.10 , Fig.10 A block diagram of an electronic device according to an embodiment of the present application.

[0278] like Fig.10 As shown, electronic devices are intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. Electronic devices can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the embodiments of the present application described and / or required herein.

[0279] like Fig.10 As shown, the electronic device includes: one or more processors 101, a memory 102, and interfaces for connecting various components, including high-speed interfaces and low-speed interfaces. The various components are interconnected using different buses and can be installed on a common mainboard or installed in other ways as needed. The processor can process instructions executed in the electronic device, including instructions stored in or on the memory to display graphical information of the GUI on an external input / output device (such as a display device coupled to the interface). In other embodiments, if necessary, multiple processors and / or multiple buses can be used together with multiple memories. Similarly, multiple electronic devices can be connected, and each device provides some necessary operations (for example, as a server array, a group of blade servers, or a multi-processor system). Fig.10 A processor 101 is taken as an example.

[0280] The memory 102 is a non-transient computer-readable storage medium provided in the embodiment of the present application. The memory stores instructions executable by the initial processor so that the initial processor executes the page display method provided in the embodiment of the present application. The non-transient computer-readable storage medium of the embodiment of the present application stores computer instructions, which are used to cause the computer to execute the page display method provided in the embodiment of the present application.

[0281] The memory 102 is a non-transient computer-readable storage medium that can be used to store non-transient software programs, non-transient computer executable programs and modules, such as program instructions / modules in the embodiments of the present application. The processor 101 executes various functional applications and data processing of the server by running the non-transient software programs, instructions and modules stored in the memory 102, that is, implements the page display method in the above method embodiment.

[0282] The memory 102 may include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for the initial function; the data storage area may store data created according to the use of the electronic device, etc. In addition, the memory 102 may include a high-speed random access memory, and may also include a non-transient memory, such as an initial disk storage device, a flash memory device, or other non-transient solid-state storage device. In some embodiments, the memory 102 may optionally include a memory remotely arranged relative to the processor 101, and these remote memories may be connected to the electronic device via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a Blockchain Service Network (BSN), a mobile communication network, and a combination thereof.

[0283] The electronic device may further include: an input device 103 and an output device 104. The processor 101, the memory 102, the input device 103 and the output device 104 may be connected via a bus or other means. Fig.10 The example of connecting through bus is taken in the following.

[0284] The input device 103 can receive input digital or character information, and generate key signal input related to user settings and function control of the electronic device, such as a touch screen, a keypad, a mouse, a track pad, a touch pad, an indicator bar, one or more mouse buttons, a trackball, a joystick and other input devices. The output device 104 may include a display device, an auxiliary lighting device (e.g., an LED) and a tactile feedback device (e.g., a vibration motor), etc. The display device may include, but is not limited to, a liquid crystal display (LCD), a light emitting diode (LED) display and a plasma display. In some embodiments, the display device may be a touch screen.

[0285] Various implementations of the systems and techniques described herein can be realized in digital electronic circuit systems, integrated circuit systems, dedicated ASICs (application specific integrated circuits), computer hardware, firmware, software, and / or combinations thereof. These various implementations may include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including an initial programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, an initial input device, and an initial output device, and transmit data and instructions to the storage system, the initial input device, and the initial output device.

[0286] These computer programs (also referred to as programs, software, software applications, or code) include machine instructions for programmable processors and can be implemented using high-level procedural and / or object-oriented programming languages, and / or assembly / machine languages. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, device, and / or means (e.g., disk, optical disk, memory, programmable logic device (PLD)) for providing machine instructions and / or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal for providing machine instructions and / or data to a programmable processor.

[0287] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user can provide input to the computer. Other types of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including acoustic input, voice input, or tactile input).

[0288] The systems and techniques described herein may be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a Block-chain-based Service Network (BSN), a wide area network (WAN), and the Internet.

[0289] A computer system may include clients and servers. Clients and servers are generally remote from each other and usually interact through a communication network. The relationship of client and server is generated by computer programs running on respective computers and having a client-server relationship to each other.

[0290] Among them, computer-readable media include computer storage media and communication media, wherein the communication media include any media that facilitates the transmission of computer programs from one place to another. The storage medium can be any available medium that can be accessed by a general or special-purpose computer. An exemplary storage medium is coupled to the processor so that the processor can read information from the storage medium and write information to the storage medium. Of course, the storage medium can also be an integral part of the processor. The processor and the storage medium can be located in an ASIC. In addition, the ASIC can be located in a user device. Of course, the processor and the storage medium can also be present in a communication device as discrete components.

[0291] Those skilled in the art can understand that all or part of the steps of implementing the above-mentioned method embodiments can be completed by hardware related to program instructions. The aforementioned program can be stored in a computer-readable storage medium. When the program is executed, the steps of the above-mentioned method embodiments are executed; and the aforementioned storage medium includes: ROM, RAM, disk or optical disk and other media that can store program codes.

[0292] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some or all of the technical features therein with equivalents. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.

Claims

1. A page display method, characterized in that: The method is applied to a terminal device, and the method comprises: Generate and store a command protocol configured jointly by the terminal device and the cloud server, wherein the command protocol includes: a command type and a command parameter, wherein the command type and the command parameter are used to determine attribute information of a target page; Sending a request to the cloud server, wherein the request carries the attribute information of the target page, and the request is used to obtain a target rendering tree corresponding to the target page; Receive the target rendering tree corresponding to the acquisition request fed back by the cloud server; The target rendering tree is rendered to obtain and output a target page corresponding to the target rendering tree.

2. The method according to claim 1, characterized in that The attribute information of the target page is used to determine the target rendering tree in combination with a preset mapping relationship; wherein the mapping relationship is used to characterize the relationship between an initial page and an initial rendering tree, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

3. The method according to claim 2, characterized in that The method further comprises: A rendering request is sent to the cloud server, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page.

4. The method according to claim 2, characterized in that: The mapping relationship is used to represent the relationship between the initial page and a storage address, and the storage address is an address storing the initial rendering tree.

5. The method according to any one of claims 1 to 4, characterized in that The instruction type includes a page initialization type and a page operation type, and the instruction parameters include page attribute information and operation information for the page; Before sending the acquisition request to the cloud server, the method further includes: Acquire target operation information for the terminal device, the target operation information including a target instruction type and a target instruction parameter; The attribute information of the target page is determined according to the target instruction type and the target instruction parameter.

6. The method according to claim 5, characterized in that If the target instruction type is a page initialization type, and the target instruction parameter is address information, the target rendering tree is a rendering tree corresponding to the target page obtained by determining the attribute information of the target page based on the target instruction parameter and according to a preset mapping relationship, wherein the mapping relationship is used to characterize the relationship between the initial rendering tree and the initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

7. The method according to claim 5, characterized in that If the target instruction type is a page operation type and the target instruction parameter is operation information for a page, the target rendering tree is a rendering tree obtained by determining the target page according to the operation information for the page and updating the rendering tree of the current page based on the target page.

8. The method according to any one of claims 1 to 4, characterized in that After receiving the target rendering tree corresponding to the acquisition request fed back by the cloud server, the method further includes: Determine the current render tree; If the target rendering tree is the same as the current rendering tree, keep outputting the page corresponding to the current rendering tree; And, rendering the target rendering tree to obtain the target page includes: if the target rendering tree is different from the current rendering tree, rendering the target rendering tree to obtain and output the target page corresponding to the target rendering tree.

9. A page display method, characterized in that: The method uses a cloud server and includes: Receiving an acquisition request sent by a terminal device, the acquisition request carrying attribute information of a target page, the acquisition request being used to acquire a target rendering tree corresponding to the target page, the attribute information of the target page being determined by an instruction type and instruction parameters in an instruction protocol configured jointly by the terminal device and the cloud server; Determine a target rendering tree corresponding to the acquisition request; The target rendering tree is sent to the terminal device, where the target rendering tree is used to generate a target page corresponding to the acquisition request.

10. The method according to claim 9, characterized in that Determining a target rendering tree corresponding to the acquisition request includes: Determining the target page according to the attribute information of the target page; The target rendering tree is determined according to the target page and a preset mapping relationship, wherein the mapping relationship is used to characterize a relationship between an initial rendering tree and an initial page, the initial page includes the target page, and the initial rendering tree includes the target rendering tree.

11. The method according to claim 10, characterized in that Before receiving the acquisition request sent by the terminal device, the method further includes: receiving a rendering request sent by the terminal device, wherein the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of the initial rendering tree corresponding to the initial page; An initial rendering tree corresponding to the initial page is generated according to the attribute information of the initial page.

12. The method according to claim 11, characterized in that After generating an initial rendering tree corresponding to the initial page according to the attribute information of the initial page, the method further includes: Allocating a storage address for the initial rendering tree and storing the initial rendering tree; The mapping relationship between the initial page and the storage address is constructed.

13. The method according to any one of claims 9 to 12, characterized in that The attribute information of the target page includes target operation information for the terminal device, and the target operation information includes a target instruction type and a target instruction parameter; Before receiving the acquisition request sent by the terminal device, the method further includes: Generate and store a command protocol configured jointly by the cloud server and the terminal device, the command protocol including: a command type and a command parameter, the command type including a page initialization type and a page operation type, the command parameter including page attribute information and operation information for the page; And, determining a target rendering tree corresponding to the acquisition request includes: determining the target rendering tree according to the target instruction type and the target instruction parameter.

14. The method according to claim 13, characterized in that If the target instruction type is a page initialization type, and the target instruction parameter is address information; determining the target rendering tree according to the target instruction type and the target instruction parameter includes: Determine the target page according to the address information; The target rendering tree corresponding to the target page is acquired according to a preset mapping relationship, wherein the mapping relationship is used to characterize a relationship between an initial rendering tree and an initial page, the initial rendering tree includes the target rendering tree, and the initial page includes the target page.

15. The method according to claim 13, characterized in that If the target instruction type is a page operation type, and the target instruction parameter is operation information for the page, determining the target rendering tree according to the target instruction type and the target instruction parameter includes: Determine a target page according to the operation information on the page; The rendering tree of the current page is updated based on the target page to obtain the target rendering tree corresponding to the target page.

16. A terminal device, characterized in that: include: A first sending module, configured to send a request to a cloud server, wherein the request carries attribute information of a target page, and the request is used to obtain a target rendering tree corresponding to the target page; A first receiving module, configured to receive the target rendering tree corresponding to the acquisition request fed back by the cloud server; A rendering module, used to render the target rendering tree to obtain a target page corresponding to the target rendering tree; An output module, used for outputting the target page; The first storage module is used to generate and store the instruction protocol configured jointly by the terminal device and the cloud server before the first sending module sends the acquisition request to the cloud server. The instruction protocol includes: instruction type and instruction parameters, and the instruction type and instruction parameters are used to determine the attribute information of the target page.

17. A cloud server, characterized in that: include: A second receiving module is used to receive an acquisition request sent by a terminal device, wherein the acquisition request carries attribute information of a target page, and the acquisition request is used to acquire a target rendering tree corresponding to the target page, wherein the attribute information of the target page is determined by an instruction type and instruction parameters in an instruction protocol configured jointly by the terminal device and the cloud server; A third determination module, used to determine a target rendering tree corresponding to the acquisition request; The second sending module is used to send the target rendering tree to the terminal device, where the target rendering tree is used to generate a target page corresponding to the acquisition request.

18. A page display system, characterized in that: The system comprises: The terminal device as claimed in claim 16; The cloud server as claimed in claim 17.

19. The system according to claim 18, characterized in that The cloud server includes a processor and at least one browser kernel, wherein: The processor is used to send the received rendering request to the at least one browser kernel, where the rendering request carries attribute information of the initial page, and the rendering request is used to request generation of an initial rendering tree corresponding to the initial page; The at least one browser kernel is used to generate an initial rendering tree corresponding to the initial page according to the attribute information of the initial page.

20. The system according to claim 19, characterized in that The cloud server further includes a database, and the database includes a storage address; the processor is used to allocate a storage address to the initial rendering tree, and store the initial rendering tree in the database according to the allocated storage address.

21. An electronic device, characterized in that: include: Memory, processor; The memory is a memory for storing instructions executable by the processor; Wherein, when executing the instructions in the memory, the processor is configured to implement the method according to any one of claims 1 to 8; or, When executing the instructions in the memory, the processor is configured to implement the method of any one of claims 9 to 15.

22. A computer-readable storage 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 1 to 8 is implemented; or, when the program is executed by a processor, the method according to any one of claims 9 to 15 is implemented.

23. A computer program product 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 1 to 8 is implemented; or, when the program is executed by a processor, the method according to any one of claims 9 to 15 is implemented.

Images