Page element display method and device, computer equipment and readable storage medium

Abstract

The invention relates to a page element display method and device, computer equipment and a readable storage medium. The page element display method comprises the steps of obtaining a page rendering request sent by a target terminal; in response to the page rendering request, obtaining rendering data of a to-be-rendered page; extracting rendering attribute data of page elements in the to-be-rendered page from the rendering data; the rendering attribute data comprises rendering position data; and under the condition that the page element is rendered in the target terminal firstly, at least sending rendering position data of a movable part in the page element to the target terminal, so that the target terminal updates a rendering position of the page element on a to-be-rendered page of the target terminal according to the corresponding rendering position data. Through the method, the bandwidth occupancy rate in the transmission process between the target terminal and the remote server is reduced, and the page element display effect of the target terminal is improved.

Description

Technical Field

[0001] The present application relates to the field of communication technology, and in particular to a page element display method, device, computer equipment and readable storage medium. Background Art

[0002] With the development of communication technology, especially the popularization of mobile Internet and the widespread application of intelligent devices, people are increasingly relying on network communication for work, study and entertainment. However, this also makes network security threats increasingly complex and changeable. In this context, remote browser isolation technology came into being.

[0003] Remote browser isolation technology completely isolates user browsing activities from the target terminal and loads and executes them on a remote server. The remote server then feeds back the loading and execution results to the target terminal, thereby protecting the target terminal from network security threats.

[0004] However, in the traditional isolation method, the remote server needs to continuously feed back the execution results to the target terminal in response to the user's continuous browsing activities, which results in a high bandwidth occupancy rate during the data transmission between the remote server and the target terminal, affecting the display effect of the target terminal. Summary of the invention

[0005] Based on this, it is necessary to provide a page element display method, device, computer equipment and readable storage medium that can reduce bandwidth occupancy during transmission and improve the display effect of page elements in response to the above technical problems.

[0006] In a first aspect, the present application provides a page element display method, applied to a remote server, comprising:

[0007] Get the page rendering request sent by the target terminal;

[0008] In response to a page rendering request, obtaining rendering data of the page to be rendered;

[0009] Extracting rendering attribute data of page elements in the to-be-rendered page from the rendering data; wherein the rendering attribute data includes rendering position data;

[0010] In the case where a page element has been rendered in the target terminal, at least the rendering position data of the movable part of the page element is sent to the target terminal, so that the target terminal updates the rendering position of the page element on the page to be rendered of the target terminal according to the corresponding rendering position data.

[0011] In one of the embodiments, the situation in which a page element has been previously rendered in the target terminal includes at least one of the following: the rendering attribute data of the page element is not the first rendering attribute data for the page element; the page element is a target page element, and the target page element includes a page element that the remote server has instructed the target terminal to render on the page to be rendered; response information from the target terminal is obtained, and the response information is used to indicate that the page element has been rendered on the page to be rendered on the target terminal.

[0012] In one of the embodiments, a page rendering request includes an access address and request parameters; in response to the page rendering request, rendering data of page elements included in the page to be rendered is obtained, including: in response to the page rendering request, obtaining a target resource corresponding to the request parameters from a target server corresponding to the access address; and parsing the rendering data of the page to be rendered from the target resource.

[0013] In one of the embodiments, extracting rendering attribute data of page elements in a to-be-rendered page from rendering data includes: extracting original rendering attribute data of the page elements from the rendering data; and performing data merging and / or data compression on the original rendering attribute data to obtain rendering attribute data.

[0014] In one of the embodiments, the rendering attribute data also includes rendering style data; the page element display method also includes: when the page element has not been rendered in the target terminal in advance, sending the rendering position data and the rendering style data to the target terminal, so that the target terminal renders the page element on the page to be rendered of the target terminal according to the rendering style data and the rendering position data.

[0015] In a second aspect, the present application also provides a page element display method, which is applied to a target terminal, comprising:

[0016] Sending a page rendering request to a remote server, so that the remote server responds to the page rendering request and obtains rendering data of the page to be rendered;

[0017] Obtaining rendering position data of at least a movable portion of a page element in a page to be rendered; wherein the rendering position data is obtained by a remote server after extracting rendering attribute data from rendering data, and the rendering data includes the rendering position data of the page element; and the rendering position data of at least a movable portion of the page element is sent by the remote server to a target terminal when the page element has been rendered in the target terminal in advance;

[0018] The rendering position of the page element is updated on the page to be rendered of the target terminal according to the rendering position data of at least the movable part of the page element.

[0019] In a third aspect, the present application further provides a page element display device, comprising:

[0020] A first acquisition module, used to acquire a page rendering request sent by a target terminal;

[0021] A second acquisition module, used to obtain rendering data of a page to be rendered in response to a page rendering request;

[0022] An extraction module, used to extract rendering attribute data of page elements in the to-be-rendered page from the rendering data; wherein the rendering attribute data includes rendering position data;

[0023] The first sending module is used to send at least the rendering position data of the movable part of the page element to the target terminal when the page element has been rendered in advance in the target terminal, so that the target terminal updates the rendering position of the page element on the page to be rendered of the target terminal according to the corresponding rendering position data.

[0024] In a fourth aspect, the present application further provides a page element display device, comprising:

[0025] A second sending module is used to send a page rendering request to a remote server, so that the remote server responds to the page rendering request and obtains rendering data of the page to be rendered;

[0026] A third acquisition module is used to acquire rendering position data of at least a movable part of a page element in a page to be rendered; wherein the rendering position data of the page element is obtained by extracting rendering attribute data from rendering data by a remote server, and the rendering attribute data includes the rendering position data of the page element; and the rendering position data of at least a movable part of the page element is sent to a target terminal by the remote server when the page element has been rendered in the target terminal in advance;

[0027] The processing module is used to update the rendering position of the page element on the to-be-rendered page of the target terminal according to the rendering position data of at least the movable part of the page element.

[0028] In a fifth aspect, the present application further provides a computer device, including a memory and a processor, wherein the memory stores a computer program, and when the processor executes the computer program, the method of the first aspect or the second aspect in various possible implementations is implemented.

[0029] In a sixth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the method of the first aspect or the second aspect in various possible implementations.

[0030] In a seventh aspect, the present application further provides a computer program product, comprising a computer program, which, when executed by a processor, implements the method of the first aspect or the second aspect in various possible implementations.

[0031] In the above-mentioned page element display method, device, computer equipment, readable storage medium and computer program product, the rendering attribute data of the page elements in the page to be rendered is extracted from the rendering data, thereby realizing the separation of different types of data in the rendering data. For the data transmission process, when the remote server has already rendered the page element in the target terminal, at least the rendering position data of the movable part of the page element is sent to the target terminal, thereby reducing the amount of data transmitted between the remote server and the target terminal, and reducing the bandwidth occupancy rate during the data transmission process. For the target terminal, it is only necessary to update the rendering position of the page element on the page to be rendered of the target terminal according to the received rendering position data, without the need to repeatedly render the style of the page element, etc., thereby improving the display effect of the target terminal. BRIEF DESCRIPTION OF THE DRAWINGS

[0032] In order to more clearly illustrate the technical solutions in the embodiments of the present application or related technologies, the drawings required for use in the embodiments of the present application or related technical descriptions will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.

[0033] Figure 1 A diagram of an application environment of a method for displaying page elements in an embodiment;

[0034] Figure 2 A schematic diagram of a flow chart of a method for displaying page elements in one embodiment;

[0035] Figure 3 It is a flowchart of a method for displaying page elements in another embodiment;

[0036] Figure 4 A schematic diagram of a flow chart of a method for displaying page elements in yet another embodiment;

[0037] Figure 5 is a structural block diagram of a page element display device in one embodiment;

[0038] Figure 6 is a structural block diagram of a page element display device in another embodiment;

[0039] Figure 7 FIG. 4 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION

[0040] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0041] The page element display method provided in the embodiment of the present application can be applied to Figure 1 In the application environment shown. Among them, the target terminal 110 communicates with the remote server 120 through the network, and the remote server 120 communicates with the target server 130 through the network. The data storage system can store the data that the remote server 120 needs to process. The data storage system can be integrated on the remote server 120, or it can be placed on the cloud or other network servers. Figure 1 In the page element display method provided in the embodiment of the present application, the target terminal 110 sends a page rendering request to the remote server 120; the remote server 120 obtains the rendering data of the page to be rendered from the target server 130 in response to the page rendering request; the remote server 120 extracts the rendering attribute data of the page element in the page to be rendered from the rendering data; wherein the rendering attribute data includes the rendering position data; in the case where the page element has been rendered in the target terminal 110, the remote server 120 sends at least the rendering position data of the movable part of the page element to the target terminal 110, so that the target terminal 110 updates the rendering position of the page element on the page to be rendered of the target terminal 110 according to the rendering position data.

[0042] Among them, the target terminal 110 can be, but is not limited to, various personal computers, laptops, smart phones, tablet computers, Internet of Things devices and portable wearable devices. The Internet of Things devices can be smart speakers, smart TVs, smart air conditioners, smart car devices, projection devices, etc. Portable wearable devices can be smart watches, smart bracelets, head-mounted devices, etc. Head-mounted devices can be virtual reality (VR) devices, augmented reality (AR) devices, smart glasses, etc. The remote server 120 can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides cloud computing services. The target server 130 can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides cloud computing services.

[0043] In an exemplary embodiment, Figure 2 As shown, a page element display method is provided, which is applied to Figure 1 The remote server 120 in the example is used as an example to illustrate, and the following steps are included:

[0044] S210: Obtain a page rendering request sent by a target terminal.

[0045] The page rendering request may be understood as a rendering request generated by a browser of a target terminal when a user accesses a page based on the target terminal, and is used to request a target resource of a page to be rendered.

[0046] In an optional embodiment, the page rendering request may include an access address and request parameters. The access address may be understood as a URL (Uniform Resource Locator), which is used to locate network resources such as web pages, pictures, and videos. The request parameters may be understood as parameter data generated when a user performs an operation on a target terminal.

[0047] S220: In response to the page rendering request, obtain rendering data of the page to be rendered.

[0048] In an optional embodiment, in response to a page rendering request, rendering data of page elements contained in the page to be rendered is obtained, including: in response to the page rendering request, obtaining a target resource corresponding to the request parameter from a target server corresponding to the access address; and parsing the rendering data of the page to be rendered from the target resource.

[0049] The target resource may include at least one of Html (Hyper Text Markup Language), Css (Cascading Style Sheets), Png (Portable Network Graphics), JavaScript (Java Description Language), etc. This application does not impose any restrictions on the type and content of the target resource.

[0050] Optionally, the target resource may be parsed into rendering data of the to-be-rendered page based on the graphics library of the remote server, wherein the rendering data may be rendering vector commands; rendering vector commands may be understood as instructions for creating and displaying vector graphics in a computer graphics environment.

[0051] S230: Extract rendering attribute data of page elements in the to-be-rendered page from the rendering data; wherein the rendering attribute data includes rendering position data.

[0052] Wherein, page elements can be understood as various components constituting a web page. The present application does not impose any limitation on the specific types of page elements. In particular, page elements include scroll bars. The scroll bar is used to allow a user to scroll the page vertically or horizontally to view more content when the page content exceeds the visible area of ​​the page. Wherein, the scroll bar includes a scroll bar track and a slider located on the scroll bar track.

[0053] Among them, rendering attribute data can be understood as rendering data related to page element attributes; rendering attribute data can include rendering position data and rendering style data; accordingly, rendering position data can be understood as rendering data related to the page element position in the page element attributes; rendering style data can be understood as rendering data related to the page element style in the page element attributes. Exemplarily, rendering style data can include the length, width and color value of the page element. Rendering position data can include position parameters of the page element.

[0054] In an optional embodiment, the rendering attribute data may be extracted by screening, merging or decomposing, or by other methods such as data conversion tools.

[0055] In an optional embodiment, extracting rendering attribute data of page elements in a to-be-rendered page from rendering data includes: extracting original rendering attribute data of page elements from rendering data; merging and / or compressing the original rendering attribute data to obtain rendering attribute data. In the above steps, by merging and / or compressing the original rendering attribute data, the bandwidth occupancy rate during data transmission can be further reduced.

[0056] In another optional embodiment, the rendering attribute data of the page elements in the page to be rendered are extracted from the rendering data, including: extracting the original rendering attribute data of the page elements from the rendering data; obtaining the bandwidth occupancy rate between the target terminal and the remote server; when the bandwidth occupancy rate is greater than a preset value, merging and / or compressing the original rendering attribute data to obtain rendering attribute data; when the bandwidth occupancy rate is not greater than a preset value, using the original rendering attribute data as rendering attribute data. Among them, the preset value can be set by the technician according to needs or experience, or determined through a large number of experiments, and this application does not impose any restrictions on this. In the above steps, by obtaining the bandwidth occupancy rate, the corresponding processing strategy can be selected based on the actual situation of the bandwidth occupancy rate, thereby improving the adaptability to different network environments.

[0057] S240: When a page element has been rendered in the target terminal, at least rendering position data of a movable portion of the page element is sent to the target terminal, so that the target terminal updates the rendering position of the page element on the page to be rendered of the target terminal according to the corresponding rendering position data.

[0058] Exemplarily, when a page element has been rendered in the target terminal, the rendering position data of the movable part of the page element is sent to the target terminal, thereby maximally reducing the bandwidth occupancy between the target terminal and the remote server.

[0059] Exemplarily, when a page element has been rendered in the target terminal, the rendering position data of the page element is sent to the target terminal, thereby reducing the bandwidth occupancy between the target terminal and the remote server to a certain extent and reducing the data processing volume of the remote server.

[0060] In an optional embodiment, movable parts of different page elements may be predefined to facilitate obtaining rendering position data of the movable parts in the page elements.

[0061] Exemplarily, the page element may be a scroll bar. Based on the above, it can be known that the scroll bar includes a scroll bar track and a slider located on the scroll bar track, and the rendering position data of the scroll bar includes the rendering position data of the scroll bar track and the rendering position data of the slider. The slider may be defined as a movable part. In the case where the page element has been rendered in the target terminal, the rendering position data of the slider may be sent to the target terminal, so that the target terminal updates the rendering position of the scroll bar on the page to be rendered of the target terminal according to the rendering position data of the slider.

[0062] In an optional embodiment, the rendering attribute data also includes rendering style data; the page element display method also includes: when the page element has not been rendered in the target terminal in advance, sending the rendering position data and the rendering style data to the target terminal, so that the target terminal renders the page element on the page to be rendered of the target terminal according to the rendering style data and the rendering position data.

[0063] Optionally, after the rendering position data and the rendering style data are sent to the target terminal, the page element can also be determined as the target page element. Thus, when the rendering attribute data of the page element is obtained again, it can be quickly determined whether the page element has been rendered in the target terminal by judging whether the page element is the target page element.

[0064] It is not difficult to understand that, in the case where the target terminal has not rendered a page element in advance, by sending the rendering position data and the rendering style data to the target terminal, the target terminal can render the page element on the rendering page of the target terminal according to the rendering style data and the rendering position data. Then, when the rendering attribute data for the page element is obtained again, since the page element has been rendered on the rendering page, its page element style will not change. Therefore, it is only necessary to send at least the rendering position data of the movable part of the page element to the target terminal, so that the target terminal updates the rendering position of the page element on the target terminal's to-be-rendered page according to the corresponding rendering position data, and the update of the page element is completed.

[0065] In the embodiments provided by the present application, the rendering attribute data of the page elements in the page to be rendered is extracted from the rendering data, thereby achieving the separation of different types of data in the rendering data. For the data transmission process, when the remote server has already rendered the page elements in the target terminal, the extracted rendering position data is sent to the target terminal, thereby reducing the amount of data transmitted between the remote server and the target terminal, and reducing the bandwidth occupancy rate during the data transmission process. For the target terminal, it is only necessary to update the rendering position of the page element on the page to be rendered of the target terminal according to the received rendering position data, without the need to repeatedly render the form of the page element, etc., thereby improving the display effect of the target terminal.

[0066] Based on the technical solutions of the above-mentioned embodiments, the present application also provides an optional embodiment. In this optional embodiment, the situation in which a page element has been rendered in the target terminal includes at least one of the following: the rendering attribute data of the page element is not the first rendering attribute data for the page element; the page element is a target page element, and the target page element includes a page element that the remote server has instructed the target terminal to render on the page to be rendered; response information from the target terminal is obtained, and the response information is used to indicate that the page element has been rendered on the page to be rendered on the target terminal.

[0067] Among them, in the case where the rendering attribute data of the page element is the first rendering attribute data for the page element, it can be understood that the page element is not rendered on the page to be rendered. In this case, the remote server sends the rendering position data and the rendering style data to the target terminal, so that the target terminal renders the page element on its rendering page. Correspondingly, in the case where the rendering attribute data of the page element is not the first rendering attribute data for the page element, that is, the page element has been rendered in the target terminal.

[0068] When the page element is a target page element, it means that the remote server has instructed the target terminal to render the page element on the page to be rendered, that is, the page element has been rendered in the target terminal in advance.

[0069] The response information of the target terminal has been obtained, which indicates that the page element has been rendered on the to-be-rendered page of the target terminal, that is, the page element has been rendered in the target terminal in advance.

[0070] In an exemplary embodiment, Figure 3 As shown, another page element display method is provided, which is applied to Figure 1 Taking the target terminal 110 in the example as an example, the method includes the following steps:

[0071] S310: Send a page rendering request to a remote server, so that the remote server responds to the page rendering request and obtains rendering data of the page to be rendered.

[0072] In an optional embodiment, the page rendering request includes an access address and request parameters; the remote server responds to the page rendering request, and obtains rendering data of the page to be rendered, including: the remote server responds to the page rendering request, obtains a target resource corresponding to the request parameters from a target server corresponding to the access address; and parses the rendering data of the page to be rendered from the target resource.

[0073] S320, obtaining rendering position data of at least a movable part of a page element in a to-be-rendered page; wherein the rendering position data of the page element is obtained by extracting rendering attribute data from rendering data by a remote server, and the rendering attribute data includes the rendering position data of the page element; and the rendering position data of at least a movable part of the page element is sent by the remote server to the target terminal when the page element has been previously rendered in the target terminal.

[0074] In an optional implementation, the remote server extracting rendering attribute data from the rendering data includes: the remote server extracting original rendering attribute data of the page element from the rendering data; and performing data merging and / or data compression on the original rendering attribute data to obtain the rendering attribute data.

[0075] S330: Update the rendering position of the page element on the page to be rendered of the target terminal according to the rendering position data of at least the movable part of the page element.

[0076] In an optional embodiment, the situation in which a page element has been rendered in the target terminal includes at least one of the following: the rendering attribute data of the page element is not the first rendering attribute data for the page element; the page element is a target page element, and the target page element includes a page element that the remote server has instructed the target terminal to render on the page to be rendered; response information from the target terminal is obtained, and the response information is used to indicate that the page element has been rendered on the page to be rendered on the target terminal.

[0077] In an optional embodiment, the rendering attribute data also includes rendering style data, and the page element display method also includes: obtaining rendering position data and rendering style data of the page element, the rendering position data and rendering style data are sent by the remote server to the target terminal when the page element is not rendered in the target terminal in advance; rendering the page element on the page to be rendered according to the rendering style data and rendering position data.

[0078] In the embodiment provided by the present application, when the target terminal has already rendered a page element, it is only necessary to obtain the rendering position data sent by the remote server and update the rendering position of the page element on the page to be rendered of the target terminal, without the need to repeatedly render the style of the page element, etc., thereby improving the display effect of the target terminal. At the same time, the amount of data transmitted between the remote server and the target terminal is also reduced, and the bandwidth occupancy rate during the data transmission process is reduced.

[0079] Based on the technical solutions of the above embodiments, the present application also provides an optional embodiment, in which a specific implementation of another page element display method is provided.

[0080] See also Figure 4 Another page element display method shown includes:

[0081] S410. The target terminal sends a page rendering request to the remote server; the page rendering request includes an access address and request parameters.

[0082] S420: In response to the page rendering request, the remote server obtains a target resource corresponding to the request parameter from a target server corresponding to the access address.

[0083] S430: The remote server parses the target resource to obtain rendering data of the page to be rendered.

[0084] S440: The remote server extracts original rendering attribute data of the page element from the rendering data.

[0085] S450: The remote server merges and / or compresses the original rendering attribute data to obtain rendering attribute data, wherein the rendering attribute data includes rendering position data and rendering style data.

[0086] S460: If no page element has been rendered in the target terminal before, send the rendering position data and the rendering style data to the target terminal.

[0087] S470: The target terminal renders page elements on the page to be rendered of the target terminal according to the rendering style data and the rendering position data.

[0088] S480: When a page element has been rendered in the target terminal, at least the rendering position data of the movable part of the page element is sent to the target terminal.

[0089] S490: The target terminal updates the rendering position of the page element on the to-be-rendered page of the target terminal according to the corresponding rendering position data.

[0090] The detailed technical contents of the above steps S410 - S490 have been recorded in the above examples and will not be repeated here.

[0091] It should be understood that, although the various steps in the flowcharts involved in the above-mentioned embodiments are displayed in sequence according to the indication of the arrows, these steps are not necessarily executed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps does not have a strict order restriction, and these steps can be executed in other orders. Moreover, at least a part of the steps in the flowcharts involved in the above-mentioned embodiments can include multiple steps or multiple stages, and these steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these steps or stages is not necessarily to be carried out in sequence, but can be executed in turn or alternately with other steps or at least a part of the steps or stages in other steps.

[0092] Based on the same inventive concept, the embodiment of the present application also provides a page element display device for implementing the above-mentioned page element display method. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme recorded in the above-mentioned method, so the specific limitations in one or more embodiments of the page element display device provided below can refer to the limitations of the page element display method above, and will not be repeated here.

[0093] In an exemplary embodiment, Figure 5 As shown, a page element display device is provided, including: a first acquisition module 510, a second acquisition module 520, an extraction module 530 and a first sending module 540, wherein:

[0094] The first acquisition module 510 is used to acquire a page rendering request sent by a target terminal.

[0095] The second acquisition module 520 is used to obtain rendering data of the page to be rendered in response to the page rendering request.

[0096] The extraction module 530 is used to extract rendering attribute data of page elements in the to-be-rendered page from the rendering data; wherein the rendering attribute data includes rendering position data.

[0097] The first sending module 540 is used to send at least the rendering position data of the movable part of the page element to the target terminal when the page element has been previously rendered in the target terminal, so that the target terminal updates the rendering position of the page element on the page to be rendered of the target terminal according to the corresponding rendering position data.

[0098] In one embodiment, the situation in which a page element has been previously rendered in the target terminal includes at least one of the following: the rendering attribute data of the page element is not the first rendering attribute data for the page element; the page element is a target page element, and the target page element includes a page element that the remote server has instructed the target terminal to render on the page to be rendered; response information from the target terminal is obtained, and the response information is used to indicate that the page element has been rendered on the page to be rendered on the target terminal.

[0099] In one embodiment, the page rendering request includes an access address and request parameters; the second acquisition module 520 includes: a first acquisition unit, used to respond to the page rendering request and obtain a target resource corresponding to the request parameter from a target server corresponding to the access address; a first processing unit, used to parse the rendering data of the page to be rendered from the target resource.

[0100] In one embodiment, the extraction module 530 includes: a first extraction unit, used to extract original rendering attribute data of the page element from the rendering data; and a second processing unit, used to merge and / or compress the original rendering attribute data to obtain rendering attribute data.

[0101] In one embodiment, the rendering attribute data also includes rendering style data; the page element display device also includes: a third sending module, which is used to send the rendering position data and the rendering style data to the target terminal when the page element has not been rendered in the target terminal in advance, so that the target terminal renders the page element on the page to be rendered of the target terminal according to the rendering style data and the rendering position data.

[0102] In an exemplary embodiment, Figure 6 As shown, another page element display device is provided, including: a second sending module 610, a third obtaining module 620, and a processing module 630, wherein:

[0103] The second sending module 610 is used to send a page rendering request to the remote server, so that the remote server responds to the page rendering request and obtains rendering data of the page to be rendered.

[0104] The third acquisition module 620 is used to obtain the rendering position data of at least the movable part of the page element in the page to be rendered; wherein the rendering position data of the page element is obtained by the remote server after extracting rendering attribute data from the rendering data, and the rendering attribute data includes the rendering position data of the page element; and the rendering position data of at least the movable part of the page element is sent to the target terminal by the remote server when the page element has been rendered in the target terminal in advance.

[0105] The processing module 630 is used to update the rendering position of the page element on the to-be-rendered page of the target terminal according to the rendering position data of at least the movable part of the page element.

[0106] Each module in the above-mentioned page element display device can be implemented in whole or in part by software, hardware or a combination thereof. Each module can be embedded in or independent of a processor in a computer device in the form of hardware, or can be stored in a memory in a computer device in the form of software, so that the processor can call and execute operations corresponding to each module above.

[0107] In an exemplary embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as shown in FIG. Figure 7 As shown. The computer device includes a processor, a memory, an input / output interface, a communication interface, a display unit and an input device. The processor, the memory and the input / output interface are connected through a system bus, and the communication interface, the display unit and the input device are connected to the system bus through the input / output interface. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The input / output interface of the computer device is used to exchange information between the processor and the external device. The communication interface of the computer device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner can be implemented through WIFI, a mobile cellular network, near field communication (NFC) or other technologies. When the computer program is executed by the processor, a method for displaying page elements is implemented. The display unit of the computer device is used to form a visually visible picture, which can be a display screen, a projection device or a virtual reality imaging device. The display screen can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covering the display screen, or a button, trackball or touchpad set on the computer device shell, or an external keyboard, touchpad or mouse.

[0108] Those skilled in the art will understand that Figure 7 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0109] In an exemplary embodiment, a computer device is further provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor implements the steps in the above-mentioned method embodiments when executing the computer program.

[0110] In an exemplary embodiment, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps in the above-mentioned method embodiments are implemented.

[0111] In an exemplary embodiment, a computer program product is provided, including a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments are implemented.

[0112] A person of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment method can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to the memory, database or other medium used in the embodiments provided in the present application can include at least one of non-volatile memory and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM). The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. Non-relational databases may include distributed databases based on blockchains, etc., but are not limited to this. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, an artificial intelligence (AI) processor, etc., but are not limited to this.

[0113] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this application.

[0114] The above-described embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the present application. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the present application shall be subject to the attached claims.

Claims

1. A method for displaying page elements, characterized in that: Applied to a remote server, the method comprises: Get the page rendering request sent by the target terminal; In response to the page rendering request, obtaining rendering data of the page to be rendered; Extracting rendering attribute data of page elements in the to-be-rendered page from the rendering data; wherein the rendering attribute data includes rendering position data; In the case where the page element has been previously rendered in the target terminal, at least the rendering position data of the movable part of the page element is sent to the target terminal, so that the target terminal updates the rendering position of the page element on the page to be rendered on the target terminal according to the corresponding rendering position data.

2. The method according to claim 1, characterized in that The situation where the page element has been previously rendered in the target terminal includes at least one of the following: The rendering attribute data of the page element is not the first rendering attribute data for the page element; The page element is a target page element, and the target page element includes a page element that the remote server has instructed the target terminal to render on the page to be rendered; Response information of the target terminal is obtained, where the response information is used to indicate that the page element has been rendered on the page to be rendered of the target terminal.

3. The method according to claim 1, characterized in that The page rendering request includes an access address and request parameters; The step of obtaining rendering data of page elements included in the page to be rendered in response to the page rendering request includes: In response to the page rendering request, obtaining a target resource corresponding to the request parameter from a target server corresponding to the access address; Parse the rendering data of the to-be-rendered page from the target resource.

4. The method according to claim 1, characterized in that The extracting rendering attribute data of the page elements in the to-be-rendered page from the rendering data includes: Extracting original rendering attribute data of page elements from the rendering data; The original rendering attribute data is merged and / or compressed to obtain the rendering attribute data.

5. The method according to any one of claims 1 to 4, characterized in that: The rendering attribute data also includes rendering style data; the method further includes: When the page element has not been rendered in the target terminal in advance, the rendering position data and the rendering style data are sent to the target terminal, so that the target terminal renders the page element on the page to be rendered of the target terminal according to the rendering style data and the rendering position data.

6. A method for displaying page elements, characterized in that: Applied to a target terminal, the method comprises: Sending a page rendering request to a remote server, so that the remote server responds to the page rendering request and obtains rendering data of the page to be rendered; Obtaining rendering position data of at least a movable portion of a page element in the page to be rendered; wherein the rendering position data of the page element is obtained by the remote server after extracting rendering attribute data from the rendering data, and the rendering attribute data includes the rendering position data of the page element; and the rendering position data of at least a movable portion of the page element is sent by the remote server to the target terminal when the page element has been previously rendered in the target terminal; The rendering position of the page element is updated on the to-be-rendered page of the target terminal according to the rendering position data of at least the movable portion of the page element.

7. A page element display device, characterized in that: The device comprises: A first acquisition module, used to acquire a page rendering request sent by a target terminal; A second acquisition module, used to obtain rendering data of the page to be rendered in response to the page rendering request; An extraction module, used to extract rendering attribute data of page elements in the to-be-rendered page from the rendering data; wherein the rendering attribute data includes rendering position data; The first sending module is used to send at least the rendering position data of the movable part of the page element to the target terminal when the page element has been previously rendered in the target terminal, so that the target terminal updates the rendering position of the page element on the page to be rendered on the target terminal according to the corresponding rendering position data.

8. A page element display device, characterized in that: The device comprises: A second sending module is used to send a page rendering request to a remote server, so that the remote server responds to the page rendering request and obtains rendering data of the page to be rendered; a third acquisition module, configured to acquire rendering position data of at least a movable portion of a page element in the page to be rendered; wherein the rendering position data is obtained by the remote server after extracting rendering attribute data from the rendering data, the rendering data including the rendering position data of the page element; and the rendering position data of at least a movable portion of the page element is sent by the remote server to the target terminal when the page element has been rendered in the target terminal in advance; The processing module is used to update the rendering position of the page element on the to-be-rendered page of the target terminal according to the rendering position data of at least the movable part of the page element.

9. A computer device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 6 are implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

Images