WO2021197136A1

WO2021197136A1 - Page rendering detection method and apparatus

Info

Publication number: WO2021197136A1
Application number: PCT/CN2021/082362
Authority: WO
Inventors: 庾高静; 张卫洁
Original assignee: 支付宝(杭州)信息技术有限公司
Priority date: 2020-04-03
Filing date: 2021-03-23
Publication date: 2021-10-07
Also published as: CN111475381A; CN111475381B

Abstract

Provided are a page rendering detection method and apparatus. The page rendering detection method comprises: acquiring rendering configuration information of a rendering component in a page to be rendered (S102); rendering the rendering component according to the rendering configuration information (S104), wherein a rendering mark is added to the rendering component after the rendering is successful; at an end time point of the rendering of the page, detecting an intermediate rendering component in the rendering component that does not have a rendering mark added thereto (S106); and determining that the detected intermediate rendering component is a target rendering component of rendering failure of the page (S108).

Description

Page rendering detection method and device

Technical field

The embodiments of this specification relate to the field of data processing technology, and in particular to a method and device for detecting page rendering.

Background technique

With the advancement of technology, the application scenarios of IoT devices are becoming more and more diverse, which is essential for the rendering of pages on IoT devices. However, rendering failures will inevitably occur in the process of rendering pages to be rendered. At present, due to the rendering process of the page to be rendered on the Internet of Things device, only the rendering engine fails to report the rendering failure information. However, in many cases, the rendering engine does not fail to run, but there is a page to be rendered. Some rendering components fail to render, and it is impossible to accurately find out the failure of some rendering components. This may cause a long time white screen on the IoT device and the user cannot operate it. Therefore, it is necessary to provide a more reliable solution.

Summary of the invention

In view of this, the embodiment of this specification provides a page rendering detection method. One or more embodiments of this specification also relate to a page rendering detection device, a computing device, and a computer-readable storage medium to solve the technical defects in the prior art.

The first aspect of the embodiments of this specification provides a page rendering detection method, including: obtaining rendering configuration information of a rendering component in a page to be rendered; rendering the rendering component according to the rendering configuration information; the rendering component After the rendering is successful, the rendering flag is added; at the end time point of the rendering of the page to be rendered, the intermediate rendering component that has not been added with the rendering flag is detected among the rendering components; the detected intermediate rendering component is determined as the The target rendering component that failed to render the page to be rendered.

Optionally, after the step of obtaining the rendering configuration information of the rendering component in the page to be rendered is executed, and before the step of rendering the rendering component according to the rendering configuration information is executed, the method further includes: starting a timing program for the The page to be rendered performs rendering timing; the time count value corresponding to the timing program is incremented or decremented according to the time unit. Correspondingly, the rendering end time point includes: a time point corresponding to the time count value when the time count value reaches a count threshold value.

Optionally, the detecting an intermediate rendering component to which a rendering mark is not added in the rendering component includes: detecting the intermediate rendering component according to mark information of the rendering component for the mark position of the rendering mark.

Optionally, the rendering of the rendering component according to the rendering configuration information includes: constructing a tree-shaped data structure according to the rendering configuration information; nodes other than the root node in the tree-shaped data structure and the rendering There is a one-to-one correspondence between the components, and the node information of the node includes the layout information and display information of the rendering component corresponding to the node on the page to be rendered; traverse the tree data structure, according to the node and The node information performs component drawing on the rendering component.

Optionally, before the step of obtaining the rendering configuration information of the rendering component in the page to be rendered is executed, the method further includes: receiving an access request carrying the page identifier of the page to be rendered. Correspondingly, the obtaining the rendering configuration information of the rendering component in the page to be rendered includes: obtaining the rendering configuration information of the rendering component from the server based on the page identifier.

Optionally, after the step of determining the detected intermediate rendering component as the target rendering component that fails to render the page to be rendered is executed, the method further includes: according to the page identifier and the component identifier of the target rendering component, Generate rendering failure information; upload the rendering failure information to the server.

Optionally, after the step of uploading the rendering failure information to the server is executed, the method further includes: receiving a reset instruction issued by the server in response to the rendering failure information; the reset instruction carries all the rendering failure information. The upper-level page identifier of the upper-level page of the page to be rendered, and the upper-level rendering configuration information for rendering the upper-level page; the upper-level page is rendered and displayed according to the upper-level page identifier and the upper-level rendering configuration information.

Optionally, after the step of determining the detected intermediate rendering component as the target rendering component that failed to render the page to be rendered is executed, the method further includes: displaying the rendering component that has successfully rendered and the target rendering component corresponding to the rendering component. The first target page composed of areas is displayed; the display area displays the secondary rendering trigger control for the target rendering component.

Optionally, after the step of displaying the first target page composed of the successfully rendered rendering component and the display area corresponding to the target rendering component is performed, the method further includes: receiving a target page submitted through the secondary rendering trigger control. The secondary rendering request of the target rendering component; the secondary rendering request carries the page identifier of the page to be rendered and the component identifier of the target rendering component; based on the secondary rendering request, obtain from the server Secondary rendering configuration information for rendering to the target rendering component; rendering the target rendering component according to the component identifier and the secondary rendering configuration information; updating the first target page based on the rendered rendering result .

Optionally, after the step of performing rendering on the rendering component according to the rendering configuration information is executed, the method further includes: in the case that the rendering components are all added with the rendering mark, a composition composed of successfully rendered rendering components The second target page is displayed.

In a second aspect of the embodiments of this specification, a page rendering detection device is provided, including: an acquisition module configured to acquire rendering configuration information of rendering components in a page to be rendered; and a rendering module configured to obtain rendering configuration information based on the rendering configuration information. Render the rendering component; the rendering component is added with a rendering mark after the rendering is successful; the detection module is configured to detect that no rendering mark has been added to the rendering component at the end time point of the rendering of the page to be rendered The determination module is configured to determine the detected intermediate rendering component as the target rendering component that fails to render the page to be rendered.

The third aspect of the embodiments of this specification provides a computing device including a memory and a processor. The memory is configured to store computer-executable instructions, and the processor is configured to execute the computer-executable instructions: acquiring rendering configuration information of a rendering component in a page to be rendered; rendering the rendering component according to the rendering configuration information; The rendering component is rendered with a rendering mark after the rendering is successful; at the end time point of the rendering of the page to be rendered, an intermediate rendering component that has no rendering mark added in the rendering component is detected; and the detected intermediate rendering component It is determined that it is the target rendering component that fails to render the page to be rendered.

The fourth aspect of the embodiments of this specification provides a computer-readable storage medium that stores computer-executable instructions that, when executed by a processor, implement the steps of the page rendering detection method.

This manual provides a page rendering detection method, by obtaining the rendering configuration information of the rendering component in the page to be rendered, and rendering the rendering component according to the rendering configuration information, and adding a rendering mark to the rendering component that is successfully rendered to mark the successful rendering Render the component, and at the end of the rendering time of the page to be rendered, detect the intermediate rendering component in the rendering component that has not been marked for rendering, and determine the detected intermediate rendering component as the target rendering component that fails to render the page to be rendered, that is After the preset maximum time required for rendering the page to be rendered, it is detected whether there is an intermediate rendering component that has not been marked with rendering in the rendering component. If there is, it indicates that the rendering of the page to be rendered fails, and the intermediate rendering component For rendering components that fail to render during the rendering process of the page to be rendered, the detection accuracy of the rendering detection of the page to be rendered is improved, so as to further take targeted measures against specific rendering failures, and indirectly improve the user's operating experience .

Description of the drawings

FIG. 1 is a processing flowchart of a page rendering detection method provided by an embodiment of this specification;

2 is a processing flowchart of a page rendering detection method applied to an Internet of Things device according to an embodiment of this specification;

FIG. 3 is a schematic diagram of a page rendering detection device provided by an embodiment of this specification;

Fig. 4 is a structural block diagram of a computing device provided by an embodiment of this specification.

Detailed ways

In the following description, many specific details are explained in order to fully understand this specification. However, this specification can be implemented in many other ways different from those described here, and those skilled in the art can make similar extensions without departing from the connotation of this specification. Therefore, this specification is not limited by the specific implementation disclosed below.

The terms used in one or more embodiments of this specification are only for the purpose of describing specific embodiments, and are not intended to limit one or more embodiments of this specification. The singular forms of "a", "said" and "the" used in one or more embodiments of this specification and the appended claims are also intended to include plural forms, unless the context clearly indicates other meanings. It should also be understood that the term "and/or" used in one or more embodiments of this specification refers to and includes any or all possible combinations of one or more associated listed items.

It should be understood that although the terms first, second, etc. may be used to describe various information in one or more embodiments of this specification, the information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of one or more embodiments of this specification, the first may also be referred to as the second, and similarly, the second may also be referred to as the first. Depending on the context, the word "if" as used herein can be interpreted as "when" or "when" or "in response to determination".

First of all, the terminology involved in one or more embodiments of this specification is explained.

The Internet of Things (IOT): It is an information carrier based on the Internet and traditional telecommunications networks. It allows all ordinary physical objects that can be independently addressed to form an interconnected network.

Program instrumentation, which is to insert some probes (also called "probes") into the program on the basis of ensuring the original logic integrity of the program under test, which is essentially a code segment for information collection, which can be assignment statements or Function call that collects coverage information), through the execution of the probe and throws out the characteristic data of the program running, through the analysis of these data, the control flow and data flow information of the program can be obtained, and then dynamic information such as logic coverage can be obtained. The method of testing purpose.

In this specification, a page rendering detection method is provided. One or more embodiments of this specification also relate to a page rendering detection device, a computing device, and a computer-readable storage medium. In the following embodiments Detailed descriptions are given one by one.

The implementation example of a page rendering detection method provided in this specification is as follows.

Fig. 1 shows a processing flowchart of a page rendering detection method according to an embodiment of the present specification, including steps S102 to S108.

Step S102: Obtain the rendering configuration information of the rendering component in the page to be rendered.

In actual applications, due to the rendering process of the page to be rendered on the Internet of Things device, only the rendering engine fails to report the rendering failure information. However, in many cases, the rendering engine does not fail to run, but the page to be rendered is However, some rendering components fail to render. It is impossible to accurately find out the failure of some rendering components, which may cause a long time white screen on the Internet of Things device and the user cannot operate. The rendering results of each rendering component are detected, which improves the detection accuracy of rendering detection for the page to be rendered, so that the server can take targeted measures for the page to be rendered or the rendering component that fails to render, and improve the user’s perception of IoT devices. Operating experience.

Specifically, the Internet of Things device can be an automatic vending machine, a self-checkout device, etc., which are not limited here; the page to be rendered refers to a page to be displayed that needs to be rendered, and the page to be rendered includes at least one rendering Components; the rendering components are components of the page to be rendered. By rendering the rendering components, the successfully rendered rendering components can be displayed in the rendered page. When all the rendering components are successfully rendered , It means that the page to be rendered is successfully rendered. Specifically, the rendering components include: image components, text components, list components, etc., which are not limited here.

The rendering configuration information has a corresponding relationship with the rendering component, and the corresponding rendering component can be determined by the component identification of the rendering component carried in the rendering configuration information; specifically, this component identification refers to the one that can uniquely identify a rendering component Identification information; this rendering configuration information includes display content information required for rendering its corresponding rendering component, and may also include display style information required for rendering its corresponding rendering component.

During specific implementation, in an optional implementation manner provided by the embodiment of this specification, before obtaining the rendering configuration information of the rendering component in the page to be rendered, the method further includes: receiving an access request carrying the page identifier of the page to be rendered. Correspondingly, the obtaining of the rendering configuration information of the rendering component in the page to be rendered is specifically implemented in the following manner: based on the page identifier, the rendering configuration information of the rendering component is obtained from the server.

Specifically, the page identifier refers to identification information that can uniquely identify a page; the access request is an access request submitted for a certain display page based on the operation performed by the user on the screen of the Internet of Things device In addition, this access request may also be an access request for the display page of the processing result generated by processing the user's operation, which is not limited here.

In actual applications, based on the access request, the IoT device will jump from the current display page to another display page. However, it needs to be rendered as a page to be rendered before another display page is displayed. Therefore, The rendering configuration information of the rendering components in the page to be rendered needs to be obtained from the server according to the page identifier of the page to be rendered.

For example, user A submits a request for access to the display details page to the vending machine by clicking the "display details" button for item g1 on the vending machine. Before displaying the details page, user A needs to use the display details page in the display details page. When rendering the image component of the displayed item and the text component describing the displayed item, the page identifier P1 of the display details page carried in the access request is obtained from the server corresponding to the vending machine for the image component in the display details page. The rendering configuration information info1 of c1 and the rendering configuration information info2 of the text component c2.

In the embodiment of this specification, the rendering configuration information of the rendering component in the page to be rendered is obtained from the server based on the page identifier carried in the user's access request, which is beneficial for the server to perform the rendering configuration information required for rendering the rendering component in the page to be rendered. The configuration further increases the flexibility of rendering.

In actual applications, in order to better monitor whether the rendering components in the page to be rendered have rendering failures, the page to be rendered is timed by opening the timing program, and whether all the rendering components in the rendered page are checked within a preset time. All rendering is completed to determine whether the page to be rendered is successfully rendered, and the accuracy of whether the page to be rendered is rendered successfully is increased. If the rendering of all the rendering components in the page to be rendered is not completed within the preset maximum time period, the rendering is determined Page rendering fails. If the rendering of all rendering components in the page to be rendered has been completed within the preset maximum time period, it is determined that the page to be rendered is rendered successfully. After rendering the rendering configuration information of the rendering component in the page, and before rendering the rendering component according to the rendering configuration information, the method further includes: starting a timing program to perform rendering timing on the page to be rendered; and a time count corresponding to the timing program The value is incremented or decremented according to the time unit.

Specifically, the timing program is used to count the rendering time of the page to be rendered. At the beginning of the timing program, the timing program will correspond to an initial time count value. During the timing process, the time count value will follow The time unit is incremented or decremented, where the time unit is a measurement unit of the rendering time of the page to be rendered, and can be set according to actual needs, such as seconds, milliseconds, and so on.

In actual applications, you can insert probes into the rendering program through program instrumentation technology, and then use the probe to perform rendering timing on the page to be rendered.

In specific implementation, if the time count value corresponding to the timing program is incremented according to the time unit, the initial time count value corresponding to the timing program is 0; if the time count value corresponding to the timing program is decremented according to the time unit, this The initial time count value corresponding to the timing program is the preset maximum time that may be required to render the page to be rendered.

Following the above example, on the basis of obtaining the rendering configuration information info1 of the image component c1 and the rendering configuration information info2 of the text component c2, start the timing program for the rendering timing in this display details page, and the initial time count corresponding to this timing program The value is t1, and this time count value t1 is decremented in milliseconds.

Step S104: Render the rendering component according to the rendering configuration information.

Specifically, after obtaining the rendering configuration information for the rendering component in the page to be rendered, the corresponding rendering component will be rendered according to the rendering configuration information, and a rendering mark will be added to the rendering component after successful rendering.

Wherein, the rendering flag is added by the rendering component after the rendering is successful, and is used to mark that the rendering component has been rendered successfully. Specifically, the rendering flag may be flag information such as success or 1 for marking.

During specific implementation, rendering the rendering component according to the rendering configuration information refers to rendering its corresponding rendering component according to the display content information and display style information contained in the rendering configuration information, so that the successfully rendered rendering component follows Render the display content and display style in the configuration information for display.

Specifically, in an optional implementation manner provided by the embodiment of this specification, rendering the rendering component according to the rendering configuration information is specifically implemented in the following manner: a tree-shaped data structure is constructed according to the rendering configuration information; the tree-shaped data The nodes other than the root node in the structure correspond to the rendering component one-to-one, and the node information of the node includes the layout information and display information of the rendering component corresponding to the node on the page to be rendered; traverse the tree data Structure, component drawing is performed on the rendering component according to the node and the node information during the traversal process.

Specifically, the tree structure data refers to a render tree constructed by analyzing the rendering configuration information. The layout information in the node information of the nodes in the render tree refers to the coordinates, size, color and other information of the rendering components. , The display information refers to the content specifically displayed by the rendering component on the page, such as pictures, text, links, etc., which are not limited here.

In actual applications, during the traversal process, the rendering components are drawn according to the nodes in the tree data structure and the node information, and the rendering components corresponding to the node are laid out and combined according to the layout information and display information contained in the node information. draw.

Following the above example, on the basis of obtaining the rendering configuration information info1 of the image component c1 and the rendering configuration information info2 of the text component c2, construct a rendering tree for the above display details page according to the obtained rendering configuration information info1 and rendering configuration information info2 In addition to the root node, there are two nodes in the render tree, namely node a and node b, where node a corresponds to the picture component c1, node b corresponds to the text component c2, and the node information of node a includes the display picture of the picture component c1 And the corresponding layout information. The node information of node b includes the display text of the text component c2 and the corresponding layout information. The rendering tree is traversed. In the process of traversing the rendering tree, the image component c1 is performed according to the node information of node a. The components are laid out and drawn, and the text component c2 is laid out and drawn according to the node information of the node b. The picture component c1 is rendered successfully, and the corresponding rendering mark: "success" is added.

On the basis of rendering the rendering components according to the rendering configuration information, the second target page composed of the rendering components after successful rendering is displayed, which guarantees the user’s viewing experience. An optional In an implementation manner, after rendering the rendering component according to the rendering configuration information, the method further includes: in the case where the rendering mark is added to all the rendering components, performing the rendering on the second target page composed of successfully rendered rendering components exhibit.

Specifically, the second target page refers to a page composed of successfully rendered rendering components after all rendering components in the page to be rendered are successfully rendered.

Following the above example, assuming that the image component c1 and the text component c2 are all rendered successfully, and the rendering mark "success" is added, the display details page composed of the successfully rendered image component c1 and the text component c2 will be displayed.

Step S106, at the end time point of the rendering of the page to be rendered, detect the intermediate rendering components that are not marked for rendering among the rendering components.

Specifically, after the rendering component in the page to be rendered starts rendering, at the preset rendering end time point of the page to be rendered, the intermediate rendering components that are not marked for rendering are detected in the rendering component, that is, it is detected at the preset rendering end time. Click the rendering component that has not been rendered successfully.

Optionally, the rendering end time point includes: a time point corresponding to the time count value when the time count value corresponding to the time program opened in step S102 reaches the count threshold value.

Specifically, the count threshold is different according to the above-mentioned change of the time count value. If the time count value corresponding to the timing program is incremented according to the time unit, the count threshold is a preset value that may be required for rendering the page to be rendered. If the time count value corresponding to the timing program is decremented according to the time unit, the count threshold is 0.

Following the above example, after timing the rendering in the display details page, the corresponding time count value t1 of the timing program is decremented in milliseconds. When the time count value is reduced to 0, the time point corresponding to the time count value is For the rendering end time point of the display details page, and at the end time point of the rendering time, detect the intermediate rendering components that are not marked with rendering in the rendering components.

During specific implementation, the intermediate rendering component in the rendering component is detected according to the mark information for the mark position of the rendering mark, which improves the detection efficiency of the rendering component that fails to render, and further increases the detection accuracy of the rendering detection of the page to be rendered In an optional implementation manner provided by the embodiment of the present specification, the detecting the intermediate rendering component to which the rendering mark is not added in the rendering component includes: according to the marking position of the rendering component for the rendering mark The mark information detects the intermediate rendering component.

Specifically, the mark bit refers to a storage location for storing mark information corresponding to the rendering mark. The mark bit may be a field in a database or a field in a list, etc., which is not limited here.

Following the above example, on the basis of rendering the image component c1 and the text component c2, the image component c1 is rendered successfully, and the corresponding rendering mark: "success" is added, then the rendering mark "success" is this picture The mark information stored in the mark bit corresponding to the component c1, and the mark information stored in the corresponding mark position of the text component c2 is empty. According to the mark information of the picture component c1 and the text component c2, it can be determined that the text component c2 is The detected intermediate rendering components that have not been marked for rendering.

Step S108: Determine the detected intermediate rendering component as a target rendering component that fails to render the page to be rendered.

Specifically, when it is detected that there is an intermediate rendering component that has not been added with a rendering mark in the rendering component, it is determined that the rendering of the page to be rendered has failed, and further, the detected intermediate rendering component is determined as the rendering component that failed to render, that is, the target Rendering components.

Following the above example, the detected text component c2 to which no tag information has been added is determined as the target rendering component that fails to render the display details page.

On the basis of receiving the access request carrying the page identifier of the page to be rendered in the above step S102, and after the detected intermediate rendering component determines the target rendering component of the page to be rendered that fails to render, it needs to be based on the page identifier of the rendering failure and the component Identifies the generation of rendering failure information and uploads it to the server, so that the server can take effective measures against this rendering failure and increase the usability of the IoT device. In an optional implementation manner provided in the embodiment of this specification, the After the step of determining that the detected intermediate rendering component is the target rendering component that fails to render the page to be rendered is executed, the method further includes: generating rendering failure information according to the page identifier and the component identifier of the target rendering component; The rendering failure information is uploaded to the server.

Specifically, the rendering failure information may include the page identifier of the page to be rendered that failed to render, and the component identifier of the rendering component that failed to render. The rendering failure information is reported to the server by uploading the rendering failure information. In addition, this The rendering failure information may also include the device information of the rendering device, the current system time, and the reason for the failure of the rendering, which is not limited here.

Following the above example, according to the page identification P1 of the display details page and the component identification c2 of the text component c2, and the device identification S1 of the vending machine, a rendering failure message is generated: "The text component c2 in the detail page P1 is displayed on the vending machine S1. Rendering failed", upload the rendering failure information to the server.

After uploading the rendering failure information to the server, receiving the reset instruction issued by the server for the uploaded rendering failure information, and according to the upper-level rendering configuration information carried in the reset instruction, render and display the upper-level page of the page to be rendered, This effectively prevents the page on the Internet of Things device from being in a blank or error state due to rendering failures for a long time, and improves the user's operating experience. In an optional implementation manner provided by the embodiment of this specification, the rendering fails After the information is uploaded to the server, it further includes: receiving a reset instruction issued by the server for the rendering failure information; the reset instruction carries the upper page identifier of the upper page of the page to be rendered, and Upper-level rendering configuration information for rendering the upper-level page; rendering and displaying the upper-level page according to the upper-level page identifier and the upper-level rendering configuration information.

Wherein, the upper-level page refers to the upper-level page of the page to be rendered. Specifically, it may be the upper-level page, the upper two-level page, or the upper-five-level page of the page to be rendered, which is not limited here; The upper-level page identifier, similar to the page identifier, refers to the page identifier that identifies the upper-level page. The upper-level rendering configuration information, similar to the rendering configuration information, refers to the rendering configuration information required for rendering the upper-level page.

In specific implementation, the specific implementation of rendering and displaying the upper-level page according to the upper-level page identifier and the upper-level rendering configuration information is similar to the specific implementation of rendering the page to be rendered and displaying the second target page that is successfully rendered, refer to the above The specific implementation of rendering the page to be rendered and displaying the second target page that is successfully rendered is sufficient, and will not be repeated here.

Following the above example, after the vending machine uploads the rendering failure information to the server, the server issues a reset instruction for the rendering failure information, and the reset instruction carries the upper level page "item display page" of the display details page. The upper-level page identifies P2, and the upper-level rendering configuration information info3 required for rendering each rendering component in the item display page is rendered and displayed on the item display page according to the upper-level rendering configuration information info3.

After the detected intermediate rendering component that has not been marked with rendering is determined as the target rendering component that fails to render the page to be rendered, the first target page composed of the successfully rendered rendering component and the display area corresponding to the target rendering component is displayed, And display the secondary rendering trigger control for the target rendering component in the display area to provide the user with an interactive interface so that the user can trigger the secondary rendering of the target rendering component that fails to render through the second rendering trigger control, avoiding the target rendering component corresponding The display area of is in a blank state for a long time, which increases the user's operation and viewing experience. In an optional implementation manner provided by the embodiment of this specification, the detected intermediate rendering component is determined as the page to be rendered After the execution of the target rendering component step that failed to render, it also includes:

A first target page consisting of a successfully rendered rendering component and a display area corresponding to the target rendering component is displayed; the display area displays a secondary rendering trigger control for the target rendering component.

Specifically, the first target page refers to the display page generated after the page to be rendered is rendered; the display area refers to the area in the first display page where the target rendering component is originally expected to be displayed; the secondary rendering trigger control , Refers to a control that can send a rendering request for the target rendering component by triggering. Specifically, this control can be a button, a selectable icon, etc., which is not limited here.

Following the above example, the display area corresponding to the successfully rendered image component c1 and the failed text component c2 are displayed on the display details page, and the secondary rendering button for the text component c2 is displayed in the display area corresponding to the text component c2.

Based on the foregoing display of the first target page composed of the successfully rendered rendering component and the display area corresponding to the target rendering component, the target rendering component that failed to render is performed a second time by triggering the secondary rendering trigger control of the display area Rendering, instead of rendering all rendering components in the page to be rendered, improves rendering efficiency, and increases user operations and viewing experience. In an optional implementation manner provided by the embodiment of this specification, the rendering is successful After performing the display step of the first target page composed of the rendering component and the display area corresponding to the target rendering component, the method further includes: receiving a secondary rendering request for the target rendering component submitted through the secondary rendering trigger control; The secondary rendering request carries the page identifier of the page to be rendered and the component identifier of the target rendering component; based on the secondary rendering request, obtain the second rendering for the target rendering component from the server. Secondary rendering configuration information; rendering the target rendering component according to the component identifier and the secondary rendering configuration information; updating the first target page based on the rendered rendering result.

Specifically, the secondary rendering request refers to a rendering request for rendering the target rendering component; the secondary rendering configuration information refers to rendering configuration information for rendering the target rendering component. In addition, this secondary rendering configuration The information may also include rendering configuration information for rendering other rendering components in the page to be rendered.

During specific implementation, the specific implementation of rendering the target rendering component based on the component identification and secondary rendering configuration information is similar to the specific implementation of rendering the rendering component based on the rendering configuration information. The specific implementation of rendering is sufficient, so I won't repeat it here.

Following the above example, receiving the secondary rendering request submitted by the user by clicking the secondary rendering button of the text component c2, based on this secondary rendering request, obtain the secondary rendering configuration information info4 for the rendering of the text component c2 from the server, through this The secondary rendering configuration information info4 renders the text component c2 corresponding to the component identifier c2 carried in the secondary rendering request, and updates the above-mentioned display details page through the rendered text component c2.

In the following, with reference to FIG. 2, the application of the page rendering detection method provided in this specification in the Internet of Things device is taken as an example to further illustrate the page rendering detection method. Wherein, FIG. 2 shows a processing flowchart of a page rendering detection method applied to an Internet of Things device according to an embodiment of the present specification, and the specific steps include step S202 to step S222.

Step S202: Receive an access request that carries the page identifier of the page to be rendered and is submitted by the user through the Internet of Things device.

Step S204, based on the page identifier, obtain the rendering configuration information of the rendering component in the page to be rendered from the server.

Step S206, start the timing program to perform rendering timing of the page to be rendered.

Specifically, the time count value corresponding to the timing program is incremented or decremented according to the time unit.

In step S208, a tree data structure is constructed according to the rendering configuration information.

Specifically, nodes other than the root node in the tree-shaped data structure correspond to the rendering component one-to-one, and the node information of the node includes the layout information and display information of the rendering component corresponding to the node on the page to be rendered. information.

Step S210, traversing the tree-shaped data structure, and performing component drawing on the rendering component according to the nodes in the tree-shaped data structure and the node information corresponding to the nodes during the traversal process.

Specifically, the rendering component is added with a rendering mark after the rendering is successful.

Step S212: When the time count value reaches the count threshold value, the time point corresponding to the time count value is detected according to the mark information of the mark position of the render mark of the render component to which the intermediate rendering mark is not added.

Step S214: Determine the detected intermediate rendering component as the target rendering component that fails to render the page to be rendered.

Step S216: Generate rendering failure information according to the page identifier and the component identifier of the target rendering component.

In step S218, the rendering failure information is uploaded to the server.

Step S220: Receive a reset instruction issued by the server for the rendering failure information.

Specifically, the reset instruction carries the upper-level page identifier of the upper-level page of the page to be rendered, and the upper-level rendering configuration information for rendering the upper-level page.

Step S222: Render and display the upper-level page according to the upper-level page identifier and the upper-level rendering configuration information carried in the reset instruction.

In summary, this specification provides a page rendering detection method, by obtaining the rendering configuration information of the rendering component in the page to be rendered, and rendering the rendering component according to the rendering configuration information, and adding a rendering mark to the rendering component that is successfully rendered. Since the rendering component that is successfully rendered is marked, and at the end of the rendering of the page to be rendered, the intermediate rendering component that has not been marked for rendering in the rendering component is detected, and the detected intermediate rendering component is determined as the rendering failure of the page to be rendered. The target rendering component, that is, after the preset maximum time required for rendering the page to be rendered, it is detected whether there is an intermediate rendering component that has not been marked for rendering in the rendering component. If it exists, it indicates that the rendering of the page to be rendered has failed, and This intermediate rendering component is the rendering component that fails to render during the rendering process of the page to be rendered, which improves the detection accuracy of rendering detection for the page to be rendered, so as to further take targeted measures against specific rendering failures. The availability of IoT devices has indirectly improved the user's operating experience.

Corresponding to the foregoing method embodiment, this specification also provides an embodiment of a page rendering detection device, and FIG. 3 shows a schematic diagram of a page rendering detection device provided by an embodiment of this specification. As shown in FIG. 3, the apparatus includes: an obtaining module 302 configured to obtain rendering configuration information of a rendering component in a page to be rendered; a rendering module 304 configured to render the rendering component according to the rendering configuration information; The rendering component is rendered with a rendering mark after the rendering is successful; the detection module 306 is configured to detect the intermediate rendering components of the rendering components that are not marked with the rendering mark at the end time point of the rendering of the page to be rendered; and the determining module 308. The person is configured to determine the detected intermediate rendering component as a target rendering component that fails to render the page to be rendered.

Optionally, the page rendering detection device further includes: an opening module configured to start a timing program to perform rendering timing of the page to be rendered; the time count value corresponding to the timing program is incremented or decremented according to time units. Correspondingly, the rendering end time point includes: a time point corresponding to the time count value when the time count value reaches a count threshold value.

Optionally, the detection module 306 is further configured to detect the intermediate rendering component according to the marking information of the rendering component for the mark position of the rendering mark.

Optionally, the rendering module 304 includes: a construction sub-module configured to construct a tree-shaped data structure according to the rendering configuration information; nodes other than the root node in the tree-shaped data structure are one-to-one with the rendering component Correspondingly, the node information of the node includes the layout information and display information of the rendering component corresponding to the node on the page to be rendered; the drawing sub-module is configured to traverse the tree-shaped data structure, according to The node and the node information perform component drawing on the rendering component.

Optionally, the page rendering detection device further includes: a request receiving module configured to receive an access request carrying the page identifier of the page to be rendered. Correspondingly, the obtaining module 302 is further configured to obtain the rendering configuration information of the rendering component from the server based on the page identifier.

Optionally, the page rendering detection device further includes: a generation module configured to generate rendering failure information according to the page identifier and the component identifier of the target rendering component; and the upload module is configured to render the rendering The failure information is uploaded to the server.

Optionally, the page rendering detection device further includes: a receiving instruction module configured to receive a reset instruction issued by the server for the rendering failure information; the reset instruction carries the page to be rendered The upper-level page identifier of the upper-level page, and the upper-level rendering configuration information for rendering the upper-level page; the upper-level rendering module is configured to render the upper-level page according to the upper-level page identifier and the upper-level rendering configuration information and exhibit.

Optionally, the page rendering detection device further includes: a first display module configured to display a first target page consisting of a successfully rendered rendering component and a display area corresponding to the target rendering component; the display The area displays the secondary rendering trigger control for the target rendering component.

Optionally, the page rendering detection device further includes: a rendering request receiving module configured to receive a secondary rendering request for the target rendering component submitted through the secondary rendering trigger control; the secondary rendering The request carries the page identifier of the page to be rendered and the component identifier of the target rendering component; the obtaining information module is configured to obtain from the server to render the target rendering component based on the secondary rendering request The secondary rendering configuration information; the target rendering module is configured to render the target rendering component according to the component identification and the secondary rendering configuration information; the update display module is configured to update based on the rendered rendering result The first target page.

Optionally, the page rendering detection device further includes: a second display module configured to, when the rendering components are all added with the rendering mark, set a second target page composed of successfully rendered rendering components To show.

The foregoing is a schematic solution of a page rendering detection device of this embodiment. It should be noted that the technical solution of the page rendering detection device belongs to the same concept as the technical solution of the above page rendering detection method. For details that are not described in detail in the technical solution of the page rendering detection device, please refer to the above page rendering detection method. Description of the technical solution.

This specification provides an example of a computing device as follows. Fig. 4 shows a structural block diagram of a computing device 400 provided according to an embodiment of the present specification. The components of the computing device 400 include but are not limited to a memory 410 and a processor 420. The processor 420 and the memory 410 are connected through a bus 430, and the database 450 is used to store data.

The computing device 400 also includes an access device 440 that enables the computing device 400 to communicate via one or more networks 460. Examples of these networks include a public switched telephone network (PSTN), a local area network (LAN), a wide area network (WAN), a personal area network (PAN), or a combination of communication networks such as the Internet. The access device 440 may include one or more of any type of wired or wireless network interface (for example, a network interface card (NIC)), such as IEEE802.11 wireless local area network (WLAN) wireless interface, global interconnection for microwave access ( Wi-MAX) interface, Ethernet interface, universal serial bus (USB) interface, cellular network interface, Bluetooth interface, near field communication (NFC) interface, etc.

In an embodiment of this specification, the aforementioned components of the computing device 400 and other components not shown in FIG. 4 may also be connected to each other, for example, via a bus. It should be understood that the structural block diagram of the computing device shown in FIG. 4 is only for the purpose of example, and is not intended to limit the scope of this specification. Those skilled in the art can add or replace other components as needed.

The computing device 400 may be any type of stationary or mobile computing device, including a mobile computer or mobile computing device (for example, a tablet computer, a personal digital assistant, a laptop computer, a notebook computer, a netbook, etc.), a mobile phone (for example, a smart phone). ), wearable computing devices (for example, smart watches, smart glasses, etc.) or other types of mobile devices, or stationary computing devices such as desktop computers or PCs. The computing device 400 may also be a mobile or stationary server.

This specification provides a computing device that includes a memory 410, a processor 420, and computer instructions that are stored in the memory and can run on the processor. The processor 420 is configured to execute the following computer-executable instructions: Get the page to be rendered Rendering configuration information of the rendering component; rendering the rendering component according to the rendering configuration information; the rendering component is rendered with a rendering mark after the rendering is successful; the rendering is detected at the end time point of the rendering of the page to be rendered The intermediate rendering component to which the rendering mark is not added among the components; the detected intermediate rendering component is determined as the target rendering component that fails to render the page to be rendered.

The foregoing is a schematic solution of a computing device of this embodiment. It should be noted that the technical solution of the computing device belongs to the same concept as the technical solution of the page rendering detection method described above. For details that are not described in detail in the technical solution of the computing device, please refer to the description of the technical solution of the above page rendering detection method. .

This specification provides a computer-readable storage medium that stores computer instructions, which when executed by a processor, are used to: obtain rendering configuration information of rendering components in a page to be rendered; The rendering component is rendered; the rendering component is rendered with a rendering mark after the rendering is successful; at the end time point of the rendering of the page to be rendered, the intermediate rendering component of the rendering component that has not been added with the rendering mark is detected; The intermediate rendering component is determined to be a target rendering component that fails to render the page to be rendered.

The foregoing is a schematic solution of a computer-readable storage medium of this embodiment. It should be noted that the technical solution of the storage medium belongs to the same concept as the technical solution of the above-mentioned page rendering detection method. For details that are not described in detail in the technical solution of the storage medium, please refer to the description of the technical solution of the above-mentioned page rendering detection method. .

The foregoing describes specific embodiments of this specification. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps described in the claims can be performed in a different order than in the embodiments and still achieve desired results. In addition, the processes depicted in the drawings do not necessarily require the specific order or sequential order shown in order to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

The computer instructions include computer program codes, and the computer program codes may be in the form of source code, object code, executable files, or some intermediate forms. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, U disk, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM, Read-Only Memory) , Random Access Memory (RAM, Random Access Memory), electrical carrier signal, telecommunications signal, and software distribution media, etc. It should be noted that the content contained in the computer-readable medium can be appropriately added or deleted according to the requirements of the legislation and patent practice in the jurisdiction. For example, in some jurisdictions, according to the legislation and patent practice, the computer-readable medium Does not include electrical carrier signals and telecommunication signals.

It should be noted that for the foregoing method embodiments, for simplicity of description, they are all expressed as a series of action combinations, but those skilled in the art should know that the embodiments of this specification are not subject to the described sequence of actions. Limitation, because according to the embodiments of this specification, some steps can be performed in other order or simultaneously. Secondly, those skilled in the art should also know that the embodiments described in the specification are all preferred embodiments, and the involved actions and modules are not necessarily all required by the embodiments of the specification.

In the above-mentioned embodiments, the description of each embodiment has its own focus. For a part that is not described in detail in an embodiment, reference may be made to related descriptions of other embodiments.

The preferred embodiments of this specification disclosed above are only used to help explain this specification. The optional embodiments do not describe all the details in detail, nor do they limit the invention to only the specific implementations described. Obviously, many modifications and changes can be made according to the content of the embodiments of this specification. This specification selects and specifically describes these embodiments in order to better explain the principles and practical applications of the embodiments of this specification, so that those skilled in the art can understand and use this specification well. This description is only limited by the claims and their full scope and equivalents.

Claims

A page rendering detection method, including:

Obtain the rendering configuration information of the rendering component in the page to be rendered;

Rendering the rendering component according to the rendering configuration information; the rendering component is added with a rendering mark after the rendering is successful;

At the rendering end time point of the page to be rendered, detecting an intermediate rendering component that has not been marked for rendering among the rendering components;

The detected intermediate rendering component is determined as a target rendering component that fails to render the page to be rendered.
The page rendering detection method according to claim 1, after the step of obtaining rendering configuration information of the rendering component in the page to be rendered is executed, and before the step of rendering the rendering component according to the rendering configuration information is executed, further include:

Starting a timing program to perform rendering timing on the page to be rendered; the time count value corresponding to the timing program is incremented or decremented according to the time unit;

Correspondingly, the rendering end time point includes: a time point corresponding to the time count value when the time count value reaches a count threshold value.
The method for detecting page rendering according to claim 1, wherein the detecting intermediate rendering components that are not marked with rendering in the rendering components includes:

The intermediate rendering component is detected according to the mark information of the rendering component for the mark position of the rendering mark.
The page rendering detection method according to claim 1, wherein the rendering the rendering component according to the rendering configuration information comprises:

A tree-shaped data structure is constructed according to the rendering configuration information; the nodes in the tree-shaped data structure except the root node correspond to the rendering components one-to-one, and the node information of the node includes the rendering component corresponding to the node in all State the layout information and display information of the page to be rendered;

Traverse the tree-shaped data structure, and perform component drawing on the rendering component according to the node and the node information during the traversal process.
The page rendering detection method according to claim 1, before the step of obtaining the rendering configuration information of the rendering components in the page to be rendered is executed, the method further comprises:

Receiving an access request carrying the page identifier of the page to be rendered;

Correspondingly, the obtaining the rendering configuration information of the rendering component in the page to be rendered includes:

Based on the page identifier, the rendering configuration information of the rendering component is obtained from the server.
The page rendering detection method according to claim 5, after the step of determining the detected intermediate rendering component as the target rendering component of the page to be rendered failed to render, further comprising:

Generating rendering failure information according to the page identifier and the component identifier of the target rendering component;

Upload the rendering failure information to the server.
The page rendering detection method according to claim 6, after the step of uploading the rendering failure information to the server is executed, further comprising:

Receive a reset instruction issued by the server for the rendering failure information; the reset instruction carries the upper-level page identifier of the upper-level page of the page to be rendered, and the upper-level rendering configuration information for rendering the upper-level page ；

Render and display the upper-level page according to the upper-level page identifier and the upper-level rendering configuration information.
The page rendering detection method according to claim 1, after the step of determining the detected intermediate rendering component as the target rendering component of the page to be rendered failed to render, further comprising:

A first target page consisting of a successfully rendered rendering component and a display area corresponding to the target rendering component is displayed; the display area displays a secondary rendering trigger control for the target rendering component.
The page rendering detection method according to claim 8, after the step of displaying the first target page composed of the successfully rendered rendering component and the display area corresponding to the target rendering component is performed, the method further comprises:

Receiving a secondary rendering request for the target rendering component submitted through the secondary rendering trigger control; the secondary rendering request carries the page identifier of the page to be rendered and the component identifier of the target rendering component;

Based on the secondary rendering request, acquiring secondary rendering configuration information for rendering of the target rendering component from the server;

Rendering the target rendering component according to the component identifier and the secondary rendering configuration information;

The first target page is updated based on the rendered rendering result.
The page rendering detection method according to claim 1, after the step of rendering the rendering component according to the rendering configuration information is executed, further comprising:

In the case that the rendering components are all added with the rendering mark, the second target page composed of the successfully rendered rendering components is displayed.
A page rendering detection device, including:

The obtaining module is configured to obtain the rendering configuration information of the rendering component in the page to be rendered;

A rendering module configured to render the rendering component according to the rendering configuration information; the rendering component is added with a rendering mark after the rendering is successful;

The detection module is configured to detect the intermediate rendering components that are not marked with rendering in the rendering components at the end time point of the rendering of the page to be rendered;

The determining module is configured to determine that the detected intermediate rendering component is a target rendering component that fails to render the page to be rendered.
A computing device including:

Memory and processor;

The memory is used to store computer-executable instructions, and the processor is used to execute the computer-executable instructions:

Obtain the rendering configuration information of the rendering component in the page to be rendered;

Rendering the rendering component according to the rendering configuration information; the rendering component is added with a rendering mark after the rendering is successful;

At the rendering end time point of the page to be rendered, detecting an intermediate rendering component that has not been marked for rendering among the rendering components;

The detected intermediate rendering component is determined as a target rendering component that fails to render the page to be rendered.
A computer-readable storage medium that stores computer instructions that, when executed by a processor, implement the steps of the page rendering detection method described in any one of claims 1 to 10.