WO2021197136A1 - Page rendering detection method and apparatus - Google Patents
Page rendering detection method and apparatus Download PDFInfo
- Publication number
- WO2021197136A1 WO2021197136A1 PCT/CN2021/082362 CN2021082362W WO2021197136A1 WO 2021197136 A1 WO2021197136 A1 WO 2021197136A1 CN 2021082362 W CN2021082362 W CN 2021082362W WO 2021197136 A1 WO2021197136 A1 WO 2021197136A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- rendering
- page
- component
- rendered
- configuration information
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3051—Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
- G06F11/3644—Software debugging by instrumenting at runtime
Definitions
- 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.
- rendering failures will inevitably occur in the process of rendering pages to be rendered.
- the rendering engine fails to report the rendering failure information.
- 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.
- 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.
- 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.
- 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 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.
- 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.
- the method further includes: receiving an access request carrying the page identifier of the page to be rendered.
- 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.
- 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.
- 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 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.
- the method further includes: receiving a target page submitted through the secondary rendering trigger control.
- the secondary rendering request of the target rendering component 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 .
- 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.
- a page rendering detection device 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
- 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.
- 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 .
- FIG. 1 is a processing flowchart of a page rendering detection method provided by an embodiment of this specification
- FIG. 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.
- 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.
- the first may also be referred to as the second, and similarly, the second may also be referred to as the first.
- word “if” as used herein can be interpreted as "when” or “when” or "in response to determination”.
- the Internet of Things 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.
- probes also called “probes”
- 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.
- 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.
- the rendering engine fails to report the rendering failure information.
- the rendering engine does not fail to run, but the page to be rendered is
- 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.
- 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.
- the successfully rendered rendering components can be displayed in the rendered page.
- 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.
- the method 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.
- 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.
- 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
- 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.
- 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.
- 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.
- 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 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.
- 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.
- 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.
- the timing program is used to count the rendering time of the page to be rendered.
- the timing program will correspond to an initial time count value.
- 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.
- 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.
- Step S104 Render the rendering component according to the rendering configuration information.
- 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.
- 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.
- the rendering flag may be flag information such as success or 1 for marking.
- 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.
- 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.
- 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.
- 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.
- node a corresponds to the picture component c1
- node b corresponds to the text component c2
- the node information of node a includes the display picture of the picture component c1
- the corresponding layout information includes the display text of the text component c2 and the corresponding layout information.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- the corresponding time count value t1 of the timing program is decremented in milliseconds.
- 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.
- 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
- 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.
- 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.
- 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.
- the detected intermediate rendering component is determined as the rendering component that failed to render, that is, the target Rendering components.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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
- 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.
- 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.
- 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.
- this control can be a button, a selectable icon, etc., which is not limited here.
- 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.
- 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.
- 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.
- 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.
- this secondary rendering configuration The information may also include rendering configuration information for rendering other rendering components in the page to be rendered.
- 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.
- 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.
- 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.
- the time count value corresponding to the timing program is incremented or decremented according to the time unit.
- step S208 a tree data structure is constructed according to the rendering configuration information.
- nodes other than the root node in the tree-shaped data structure correspond to the rendering component one-to-one
- 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.
- 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.
- step S2128 the rendering failure information is uploaded to the server.
- Step S220 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.
- 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.
- 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.
- 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.
- FIG. 3 shows a schematic diagram of a page rendering detection device provided by an embodiment of this specification.
- 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.
- 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.
- 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 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.
- 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
- 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.
- 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.
- 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.
- 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.
- a generation module configured to generate rendering failure information according to the page identifier and the component identifier of the target rendering component
- the upload module is configured to render the rendering The failure information is uploaded to the server.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- NIC network interface card
- 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.
- 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 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.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computing Systems (AREA)
- Computer Hardware Design (AREA)
- Information Transfer Between Computers (AREA)
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
本说明书实施例涉及数据处理技术领域,特别涉及一种页面渲染检测方法以及装置。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.
随着科技的进步,物联网设备的应用场景越来越多样,对于物联网设备上的页面的渲染是必不可少的,然而在对待渲染页面进行渲染的过程中难免会出现渲染失败的情况,目前,由于对物联网设备上的待渲染页面进行渲染的过程中,只有渲染引擎运行失败,才会上报渲染失败信息,然而很多情况下,渲染引擎并没有运行失败,但是待渲染页面中却存在部分渲染组件渲染失败,对于这种部分渲染组件渲染失败的情况无法精准发现,由此可能导致物联网设备上长时间白屏,且用户无法操作,因此需要提供更可靠的方案。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 .
图1是本说明书一个实施例提供的一种页面渲染检测方法的处理流程图;FIG. 1 is a processing flowchart of a page rendering detection method provided by an embodiment of this specification;
图2是本说明书一个实施例提供的一种应用于物联网设备的页面渲染检测方法的处理流程图;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;
图3是本说明书一个实施例提供的一种页面渲染检测装置的示意图;FIG. 3 is a schematic diagram of a page rendering detection device provided by an embodiment of this specification;
图4是本说明书一个实施例提供的一种计算设备的结构框图。Fig. 4 is a structural block diagram of a computing device provided by an embodiment of this specification.
在下面的描述中阐述了很多具体细节以便于充分理解本说明书。但是本说明书能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本说明书内涵的情况下做类似推广,因此本说明书不受下面公开的具体实施的限制。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):是一个基于互联网、传统电信网等的信息承载体,它让所有能够被独立寻址的普通物理对象形成互联互通的网络。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.
图1示出了根据本说明书一个实施例提供的一种页面渲染检测方法的处理流程图,包括步骤S102至步骤S108。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.
步骤S102,获取待渲染页面中渲染组件的渲染配置信息。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.
例如,用户A通过在自动售卖机点击针对物品g1的“展示详情”按钮,向自动售卖机提交针对展示详情页面的访问请求,则在进行展示详情页面之前,需要将对此展示详情页面中用于显示物品的图片组件以及对此显示物品进行描述的文本组件进行渲染,则根据访问请求中携带的展示详情页面的页面标识P1,向自动售卖机对应的服务端获取针对展示详情页面中图片组件c1的渲染配置信息info1以及文本组件c2的渲染配置信息info2。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.
具体实施时,若计时程序对应的时间计数值是按照时间单位进行递增,则此计时程序对应的初始的时间计数值是0;若计时程序对应的时间计数值是按照时间单位进行递 减,则此计时程序对应的初始的时间计数值是预设的对待渲染页面进行渲染可能需要的最大时长。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.
沿用上例,在获取到图片组件c1的渲染配置信息info1以及文本组件c2的渲染配置信息info2的基础上,开启计时程序对此展示详情页面中的渲染计时,此计时程序对应的初始的时间计数值为t1,此时间计数值t1按照毫秒级进行递减。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.
步骤S104,根据所述渲染配置信息对所述渲染组件进行渲染。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.
其中,所述渲染标记,是渲染组件在渲染成功后添加的,用以标记渲染组件已经渲染成功,具体的,此渲染标记,可以是成功或1等用以标记的标记信息。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.
沿用上例,在获取到图片组件c1的渲染配置信息info1以及文本组件c2的渲染配置信息info2的基础上,根据获取到的渲染配置信息info1以及渲染配置信息info2构建针对上述展示详情页面的渲染树,渲染树中除根节点外,还有两个节点分别为节点a和节点b,其中节点a对应图片组件c1,节点b对应文本组件c2,且节点a的节点信息包括 对图片组件c1的展示图片以及对应的布局信息,节点b的节点信息包括对文本组件c2的展示文字以及对应的布局信息,遍历此渲染树,在遍历此渲染树的过程中,根据节点a的节点信息对图片组件c1进行组件布局并绘制,并根据节点b的节点信息对文本组件c2进行组件布局并绘制,其中,图片组件c1渲染成功,并被添加了对应的渲染标记:“成功”。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.
沿用上例,假设图片组件c1及文本组件c2全部渲染成功,并被添加了渲染标记“成功”,则将由渲染成功的图片组件c1及文本组件c2组成的展示详情页面进行展示。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.
步骤S106,在所述待渲染页面的渲染结束时间点,检测所述渲染组件中未被添加渲染标记的中间渲染组件。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.
可选的,所述渲染结束时间点,包括:在通过上述步骤S102中开启的时间程序对应的时间计数值达到计数阈值的情况下所述时间计数值对应的时间点。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.
具体的,所述计数阈值,根据上述时间计数值的变化方式有所不同,若计时程序对应的时间计数值是按照时间单位进行递增,则此计数阈值为预设的对待渲染页面进行渲染可能需要的最大时长,若计时程序对应的时间计数值是按照时间单位进行递减,则此计数阈值为0。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.
沿用上例,在上述对展示详情页面中的渲染计时之后,计时程序的对应的时间计数值t1按照毫秒级进行递减,在此时间计数值减到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.
沿用上例,在对图片组件c1以及文本组件c2进行渲染的基础上,其中,图片组件c1渲染成功,并被添加了对应的渲染标记:“成功”,则此渲染标记“成功”为此图片组件c1对应的标记位所存储的标记信息,而文本组件c2在其对应的标记位所存储的标记信息为空,则根据图片组件c1以及文本组件c2的标记信息,即可确定文本组件c2为检测到的未被添加渲染标记的中间渲染组件。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.
步骤S108,将检测到的所述中间渲染组件确定为所述待渲染页面渲染失败的目标渲染组件。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.
沿用上例,将上述检测到的未被添加标记信息的文本组件c2确定为展示详情页面渲染失败的目标渲染组件。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.
在上述步骤S102中接收携带待渲染页面的页面标识的访问请求的基础上,并在将检测到的中间渲染组件确定待渲染页面渲染失败的目标渲染组件之后,需要根据渲染失败的页面标识以及组件标识生成渲染失败信息,并上传至服务端,以便服务端针对此渲染失败的情况采取有效的措施,增加了物联网设备的可用性,本说明书实施例提供的一种可选实施方式中,在将检测到的所述中间渲染组件确定为所述待渲染页面渲染失败的目标渲染组件步骤执行之后,还包括:根据所述页面标识以及所述目标渲染组件的组件标识,生成渲染失败信息;将所述渲染失败信息上传至所述服务端。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.
沿用上例,根据展示详情页面的页面标识P1以及文本组件c2的组件标识c2,以及自动售卖机的设备标识S1,生成渲染失败信息:“自动售卖机S1上展示详情页面P1中的文本组件c2渲染失败”,将此渲染失败信息上传至服务端。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.
沿用上例,在自动售卖机将渲染失败信息上传至服务端后,服务端针对此渲染失败信息下发重置指令,重置指令中携带对展示详情页面的上一级页面“物品展示页面”的上级页面标识P2,并对物品展示页面中各个渲染组件进行渲染的所需要的上级渲染配置信息info3,根据上级渲染配置信息info3对物品展示页面进行渲染并展示。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.
沿用上例,将渲染成功的图片组件c1以及渲染失败的文本组件c2对应的展示区域在展示详情页面进行展示,并在文本组件c2对应的展示区域展示针对此文本组件c2的二次渲染按钮。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.
沿用上例,接收用户通过点击文本组件c2的二次渲染按钮提交的二次渲染请求,基于此二次渲染请求,从服务端获取针对文本组件c2进行渲染的二次渲染配置信息info4, 通过此二次渲染配置信息info4对二次渲染请求中携带组件标识c2对应的文本组件c2进行渲染,并通过渲染后的文本组件c2更新上述展示详情页面。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.
下述结合附图2,以本说明书提供的页面渲染检测方法在物联网设备中的应用为例,对所述页面渲染检测方法进行进一步说明。其中,图2示出了本说明书一个实施例提供的一种应用于物联网设备的页面渲染检测方法的处理流程图,具体步骤包括步骤S202至步骤S222。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.
步骤S202,接收用户通过物联网设备提交的携带待渲染页面的页面标识的访问请求。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.
步骤S204,基于页面标识,从服务端获取待渲染页面中渲染组件的渲染配置信息。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.
步骤S206,开启计时程序对待渲染页面进行渲染计时。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.
步骤S208,根据渲染配置信息构建树形数据结构。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.
步骤S210,遍历树形数据结构,在遍历过程中根据树形数据结构中的节点以及节点对应的节点信息对渲染组件进行组件绘制。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.
步骤S212,在时间计数值达到计数阈值的情况下时间计数值对应的时间点,根据渲染组件的针对渲染标记的标记位的标记信息检测未被添加渲染标记的中间渲染组件。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.
步骤S214,将检测到的中间渲染组件确定为待渲染页面渲染失败的目标渲染组件。Step S214: Determine the detected intermediate rendering component as the target rendering component that fails to render the page to be rendered.
步骤S216,根据页面标识以及目标渲染组件的组件标识,生成渲染失败信息。Step S216: Generate rendering failure information according to the page identifier and the component identifier of the target rendering component.
步骤S218,将渲染失败信息上传至服务端。In step S218, the rendering failure information is uploaded to the server.
步骤S220,接收服务端针对所述渲染失败信息下发的重置指令。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.
步骤S222,根据重置指令中携带的上级页面标识以及上级渲染配置信息对上级页面进行渲染并展示。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.
与上述方法实施例相对应,本说明书还提供了页面渲染检测装置实施例,图3示出了本说明书一个实施例提供的一种页面渲染检测装置的示意图。如图3所示,该装置包括:获取模块302,被配置为获取待渲染页面中渲染组件的渲染配置信息;渲染模块304,被配置为根据所述渲染配置信息对所述渲染组件进行渲染;所述渲染组件在渲染成功后被添加渲染标记;检测模块306,被配置为在所述待渲染页面的渲染结束时间点,检测所述渲染组件中未被添加渲染标记的中间渲染组件;确定模块308,被配置为人将检测到的所述中间渲染组件确定为所述待渲染页面渲染失败的目标渲染组件。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.
可选的,所述检测模块306,还被配置为:根据所述渲染组件的针对所述渲染标记的标记位的标记信息检测所述中间渲染组件。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.
可选的,所述渲染模块304,包括:构建子模块,被配置为根据所述渲染配置信息构建树形数据结构;所述树形数据结构中除根节点外的节点与所述渲染组件一一对应,所述节点的节点信息中包含所述节点对应的渲染组件在所述待渲染页面的布局信息以及展示信息;绘制子模块,被配置为遍历所述树形数据结构,在遍历过程中根据所述节点以及所述节点信息对所述渲染组件进行组件绘制。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.
可选的,所述页面渲染检测装置,还包括:接收请求模块,被配置为接收携带所述待渲染页面的页面标识的访问请求。相应的,所述获取模块302,还被配置为:基 于所述页面标识,从服务端获取所述渲染组件的渲染配置信息。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.
本说明书提供一种计算设备实施例如下。图4示出根据本说明书一个实施例提供的一种计算设备400的结构框图。该计算设备400的部件包括但不限于存储器410和处理器420。处理器420与存储器410通过总线430相连接,数据库450用于保存数据。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.
计算设备400还包括接入设备440,接入设备440使得计算设备400能够经由一个或多个网络460通信。这些网络的示例包括公用交换电话网(PSTN)、局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。接入设备440可以包括有线或无线的任何类型的网络接口(例如,网络接口卡(NIC))中的一个或多个,诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口,等等。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.
在本说明书的一个实施例中,计算设备400的上述部件以及图4中未示出的其他部件也可以彼此相连接,例如通过总线。应当理解,图4所示的计算设备结构框图仅仅是出于示例的目的,而不是对本说明书范围的限制。本领域技术人员可以根据需要,增添或替换其他部件。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.
计算设备400可以是任何类型的静止或移动计算设备,包括移动计算机或移动计算设备(例如,平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如,智能手机)、可佩戴的计算设备(例如,智能手表、智能眼镜等)或其他类型的移动设备,或者诸如台式计算机或PC的静止计算设备。计算设备400还可以是移动式或静止式的服务器。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.
本说明书提供一种计算设备,包括存储器410、处理器420及存储在存储器上并可在处理器上运行的计算机指令,所述处理器420用于执行如下计算机可执行指令:获取待渲染页面中渲染组件的渲染配置信息;根据所述渲染配置信息对所述渲染组件进行渲染;所述渲染组件在渲染成功后被添加渲染标记;在所述待渲染页面的渲染结束时间点,检测所述渲染组件中未被添加渲染标记的中间渲染组件;将检测到的所述中间渲染组件确定为所述待渲染页面渲染失败的目标渲染组件。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.
所述计算机指令包括计算机程序代码,所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是,所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。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 (13)
- 一种页面渲染检测方法,包括: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.
- 根据权利要求1所述的页面渲染检测方法,所述获取待渲染页面中渲染组件的渲染配置信息步骤执行之后,且所述根据所述渲染配置信息对所述渲染组件进行渲染步骤执行之前,还包括: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.
- 根据权利要求1所述的页面渲染检测方法,所述检测所述渲染组件中未被添加渲染标记的中间渲染组件,包括: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.
- 根据权利要求1所述的页面渲染检测方法,所述根据所述渲染配置信息对所述渲染组件进行渲染,包括: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.
- 根据权利要求1所述的页面渲染检测方法,所述获取待渲染页面中渲染组件的渲染配置信息步骤执行之前,还包括: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.
- 根据权利要求5所述的页面渲染检测方法,所述将检测到的所述中间渲染组件确定为所述待渲染页面渲染失败的目标渲染组件步骤执行之后,还包括: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.
- 根据权利要求6所述的页面渲染检测方法,所述将所述渲染失败信息上传至所述服务端步骤执行之后,还包括: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.
- 根据权利要求1所述的页面渲染检测方法,所述将检测到的所述中间渲染组件确定为所述待渲染页面渲染失败的目标渲染组件步骤执行之后,还包括: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.
- 根据权利要求8所述的页面渲染检测方法,所述将由渲染成功的渲染组件以及所述目标渲染组件对应的展示区域组成的第一目标页面进行展示步骤执行之后,还包括: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.
- 根据权利要求1所述的页面渲染检测方法,所述根据所述渲染配置信息对所述渲染组件进行渲染步骤执行之后,还包括: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.
- 一种计算机可读存储介质,其存储有计算机指令,该指令被处理器执行时实现权利要求1至10任意一项所述页面渲染检测方法的步骤。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.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010260569.7A CN111475381B (en) | 2020-04-03 | 2020-04-03 | Page rendering detection method and device |
CN202010260569.7 | 2020-04-03 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2021197136A1 true WO2021197136A1 (en) | 2021-10-07 |
Family
ID=71749768
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2021/082362 WO2021197136A1 (en) | 2020-04-03 | 2021-03-23 | Page rendering detection method and apparatus |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN111475381B (en) |
WO (1) | WO2021197136A1 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114327682A (en) * | 2021-12-31 | 2022-04-12 | 携程商旅信息服务(上海)有限公司 | WebView white screen detection method and system, electronic device and storage medium |
CN114895992A (en) * | 2021-12-29 | 2022-08-12 | 厦门安胜网络科技有限公司 | Component data rendering method based on data slicing and related equipment |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111475381B (en) * | 2020-04-03 | 2021-08-20 | 支付宝(杭州)信息技术有限公司 | Page rendering detection method and device |
CN112559918A (en) * | 2020-12-22 | 2021-03-26 | 平安银行股份有限公司 | Page control method, device, system, equipment and readable storage medium |
CN112835764A (en) * | 2021-02-01 | 2021-05-25 | 长沙市到家悠享网络科技有限公司 | Front-end monitoring method, device, equipment and medium |
CN114385287B (en) * | 2021-12-13 | 2024-01-05 | 武汉慧联无限科技有限公司 | Presentation content determining method, apparatus, electronic device and storage medium |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110283181A1 (en) * | 2010-05-13 | 2011-11-17 | Salesforce.Com, Inc. | Test Framework of Visual Components in a Multitenant Database Environment |
CN109800025A (en) * | 2018-12-13 | 2019-05-24 | 平安普惠企业管理有限公司 | Page loading method, device, equipment and storage medium |
CN109961331A (en) * | 2017-12-14 | 2019-07-02 | 北京京东尚科信息技术有限公司 | Page processing method and its system, computer system and readable storage medium storing program for executing |
CN110362416A (en) * | 2018-03-26 | 2019-10-22 | 腾讯科技(深圳)有限公司 | Page assembly loading method and device, electronic equipment, storage medium |
US20200104232A1 (en) * | 2018-09-28 | 2020-04-02 | Ebay Inc. | Automated Determination of Web Page Rendering Performance |
CN111475381A (en) * | 2020-04-03 | 2020-07-31 | 支付宝(杭州)信息技术有限公司 | Page rendering detection method and device |
Family Cites Families (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102999336A (en) * | 2012-11-19 | 2013-03-27 | 北京奇虎科技有限公司 | Application interface realizing method and application interface realizing system |
CN105045620B (en) * | 2015-07-07 | 2019-01-11 | 深信服网络科技(深圳)有限公司 | Measure the method and detection device of webpage head screen load time |
US10044576B2 (en) * | 2015-11-25 | 2018-08-07 | Qualcomm Incorporated | Estimation of power consumption of individual websites |
CN108170497A (en) * | 2016-12-05 | 2018-06-15 | 阿里巴巴集团控股有限公司 | A kind of method and device of page rendering |
CN109145231A (en) * | 2017-06-27 | 2019-01-04 | 阿里巴巴集团控股有限公司 | A kind of generation method, device and the electronic equipment of interface element identifier |
CN107545058B (en) * | 2017-08-29 | 2019-12-03 | 北京北信源软件股份有限公司 | A kind of page loading method, server and browser |
CN110020349B (en) * | 2017-09-26 | 2021-09-03 | 北京京东尚科信息技术有限公司 | Page rendering method and device |
CN109614100B (en) * | 2018-10-26 | 2022-02-01 | 创新先进技术有限公司 | Page display method, device, server, front end and storage medium |
CN109657177A (en) * | 2018-10-31 | 2019-04-19 | 深圳壹账通智能科技有限公司 | The generation method of the page, device, storage medium and computer equipment after upgrading |
CN109614545A (en) * | 2018-11-13 | 2019-04-12 | 阿里巴巴集团控股有限公司 | Page loading method, device and equipment |
CN109739497A (en) * | 2018-12-06 | 2019-05-10 | 深圳市中农网有限公司 | Page development method, apparatus, computer equipment and storage medium |
CN110362308A (en) * | 2019-06-20 | 2019-10-22 | 平安科技(深圳)有限公司 | Page generation method, device, computer equipment and storage medium |
CN110634049B (en) * | 2019-09-05 | 2022-05-10 | 北京无限光场科技有限公司 | Page display content processing method and device, electronic equipment and readable medium |
-
2020
- 2020-04-03 CN CN202010260569.7A patent/CN111475381B/en active Active
-
2021
- 2021-03-23 WO PCT/CN2021/082362 patent/WO2021197136A1/en active Application Filing
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110283181A1 (en) * | 2010-05-13 | 2011-11-17 | Salesforce.Com, Inc. | Test Framework of Visual Components in a Multitenant Database Environment |
CN109961331A (en) * | 2017-12-14 | 2019-07-02 | 北京京东尚科信息技术有限公司 | Page processing method and its system, computer system and readable storage medium storing program for executing |
CN110362416A (en) * | 2018-03-26 | 2019-10-22 | 腾讯科技(深圳)有限公司 | Page assembly loading method and device, electronic equipment, storage medium |
US20200104232A1 (en) * | 2018-09-28 | 2020-04-02 | Ebay Inc. | Automated Determination of Web Page Rendering Performance |
CN109800025A (en) * | 2018-12-13 | 2019-05-24 | 平安普惠企业管理有限公司 | Page loading method, device, equipment and storage medium |
CN111475381A (en) * | 2020-04-03 | 2020-07-31 | 支付宝(杭州)信息技术有限公司 | Page rendering detection method and device |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114895992A (en) * | 2021-12-29 | 2022-08-12 | 厦门安胜网络科技有限公司 | Component data rendering method based on data slicing and related equipment |
CN114327682A (en) * | 2021-12-31 | 2022-04-12 | 携程商旅信息服务(上海)有限公司 | WebView white screen detection method and system, electronic device and storage medium |
CN114327682B (en) * | 2021-12-31 | 2023-07-18 | 携程商旅信息服务(上海)有限公司 | WebView white screen detection method, system, electronic equipment and storage medium |
Also Published As
Publication number | Publication date |
---|---|
CN111475381A (en) | 2020-07-31 |
CN111475381B (en) | 2021-08-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021197136A1 (en) | Page rendering detection method and apparatus | |
CN107908631B (en) | Data processing method, data processing device, storage medium and computer equipment | |
CN110795148B (en) | Method and device for generating layout file and electronic equipment | |
CN107688664B (en) | Chart generation method and device, computer equipment and storage medium | |
WO2021043064A1 (en) | Community detection method and apparatus, and computer device and storage medium | |
CN113138927B (en) | Software function test method and device | |
WO2019100635A1 (en) | Editing method and apparatus for automated test script, terminal device and storage medium | |
CN114169536B (en) | Data management and control method and related device | |
CN111177483A (en) | Terminal device identification method, device and computer readable storage medium | |
CN105554044A (en) | Method and apparatus for synchronizing object in local object storage node | |
CN109710298A (en) | Interface managerial method, interface management apparatus, interface management equipment and storage medium | |
CN107276842A (en) | Interface test method and device and electronic equipment | |
CN110879776A (en) | Test case generation method and device | |
CN114911706A (en) | Use case recommendation method, device, equipment and storage medium | |
CN112799955B (en) | Method and device for detecting model change, storage medium and electronic equipment | |
CN107786869B (en) | Method, device and storage medium for generating menu path of television equipment | |
WO2020233093A1 (en) | Association graph generation method and apparatus, computer device, and storage medium | |
CN106658670B (en) | A kind of Wireless Fidelity Wi-Fi scan method and mobile terminal | |
CN115086194B (en) | Cloud application data transmission method, computing device and computer storage medium | |
CN113254315B (en) | Reporting method of embedded point information, embedded point method, device, medium and electronic equipment | |
JP2018190324A (en) | Comparison program, comparison device and comparison method | |
CN112559362A (en) | Automatic testing method and testing device for dynamic user interface | |
US20190279127A1 (en) | Information processing apparatus, workflow test apparatus, and non-transitory computer readable medium | |
JP7344501B1 (en) | Program, method, information processing device, system | |
US10740223B1 (en) | Systems and methods for checkpoint-based machine learning model |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 21779653 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 21779653 Country of ref document: EP Kind code of ref document: A1 |