Abnormal information reproduction method and device, processor and electronic equipment

By collecting and dividing abnormal information on the application side and displaying this information in specific areas on the reproduced page, the problem of low positioning efficiency of abnormal information in the prior art is solved, and the effect of quickly reproducing and positioning page abnormalities is achieved.

CN119829391APending Publication Date: 2025-04-15INDUSTRIAL AND COMMERCIAL BANK OF CHINA
View PDF 5 Cites 0 Cited by

Patent Information

Application Number
CN202411863529.6
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-12-17
Publication Date
2025-04-15

AI Technical Summary

Technical Problem

The prior art is difficult to quickly reproduce and locate abnormalities that occur on pages, resulting in low positioning efficiency of abnormal information.

Method used

Through the abnormal signal response generated during the operation of the current page of the application side, the first target plug-in collects exception information and divides the exception information using the second target plug-in to obtain request information, error information and response information. These information are displayed in a specific area on the reproduction page, including displaying response information in the first area, and displaying request information and error information in the second area.

Benefits of technology

It realizes rapid reproduction and positioning of exceptions occurring on pages, and improves the positioning efficiency of exception information.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119829391A_ABST
    Figure CN119829391A_ABST
Patent Text Reader

Abstract

The invention discloses an abnormal information reproduction method and device, a processor and electronic equipment, and relates to the field of artificial intelligence. The method comprises the steps that in response to an abnormal signal generated in the running process of a current page of an application side, abnormal information of the current page is collected through a first target plug-in of the application side, and the working position of the first target plug-in is the current page; dividing the abnormal information by using a second target plug-in of the application end to obtain request information, error reporting information and response information of the current page; the response information is displayed in a first area of the reproduction page, the request information and the error reporting information are displayed in a second area of the reproduction page, and the direction of the first area in the reproduction page is opposite to the direction of the second area in the reproduction page. According to the invention, the technical problem of low positioning efficiency of abnormal information is solved.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the field of artificial intelligence, and in particular to a method, device, processor and electronic device for reproducing abnormal information. Background Art

[0002] When a page runs abnormally, the problem is often submitted to the developer by taking a screenshot and reporting the problem. Alternatively, the browser's page information data is monitored in real time. When an abnormality occurs, the information is formatted and sent to the backend for storage, and then the abnormal page information data is displayed to the developer.

[0003] However, the above-mentioned method of reproducing the abnormal information makes it difficult for developers to quickly reproduce and locate the abnormality that occurs on the page, thereby resulting in a technical problem of low efficiency in locating the abnormal information.

[0004] Currently, no effective solution has been proposed to the technical problem of low efficiency in locating the above-mentioned abnormal information. Summary of the invention

[0005] The embodiments of the present invention provide a method, device, processor and electronic device for reproducing abnormal information, so as to at least solve the technical problem of low efficiency in locating abnormal information.

[0006] According to one aspect of an embodiment of the present invention, a method for reproducing abnormal information is provided, the method comprising: in response to an abnormal signal generated during the operation of a current page of an application end, using a first target plug-in on the application end, collecting abnormal information of the current page, wherein the working position of the first target plug-in is the current page; using a second target plug-in on the application end, dividing the abnormal information to obtain request information, error information and response information of the current page, wherein the working position of the second target plug-in is the reproduction page of the application end, the request information is used to represent information associated with data exchange for the current page, the error information is used to represent abnormal features of the current page, and the response information is used to represent operation results corresponding to operation behaviors on the current page; in a first area of ​​the reproduction page, the response information is displayed, and in a second area of ​​the reproduction page, the request information and the error information are displayed, wherein the direction of the first area in the reproduction page is opposite to the direction of the second area in the reproduction page.

[0007] Optionally, a second target plug-in on the application side is used to divide the exception information to obtain request information, error information and response information of the current page, including: storing the exception information in a target storage space on the application side; calling the stored exception information from the target storage space; and using the second target plug-in to divide the called exception information to obtain request information, error information and response information.

[0008] Optionally, storing the exception information in a target storage space on the application side includes: in response to a current storage capacity of the target storage space being greater than or equal to a storage capacity required to store the exception information, storing the exception information in the target storage space; in response to the current storage capacity being less than the required storage capacity, deleting historical exception information in the target storage space, and storing the exception information in the deleted target storage space, wherein the collection time of the historical exception information is earlier than the collection time of the exception information.

[0009] Optionally, response information is displayed in the first area of ​​the reproduced page, and request information and error information are displayed in the second area of ​​the reproduced page, including: determining a first timestamp of the response information, a second timestamp of the request information, and a third timestamp of the error information; displaying the response information in the first area under the first timestamp, and displaying the request information in the second area under the second timestamp, and displaying the error information in the second area under the third timestamp.

[0010] Optionally, under the first timestamp, in the first area, response information is displayed, and under the second timestamp, in the second area, request information is displayed, and under the third timestamp, in the second area, error information is displayed, including: determining the first target timestamp from the first timestamp; searching for the second target timestamp corresponding to the first target timestamp from the second timestamp, and searching for the third target timestamp corresponding to the first target timestamp from the third timestamp, wherein the interval between the second target timestamp and the first target timestamp is less than the interval between any timestamp in the second timestamp except the second target timestamp and the first target timestamp, and the interval between the third target timestamp and the first target timestamp is less than the interval between any timestamp in the third timestamp except the third target timestamp and the first target timestamp; under the first target timestamp, in the first area, response information is displayed, and under the second target timestamp, in the second area, request information is displayed, and under the third target timestamp, in the second area, error information is displayed.

[0011] Optionally, determining the first target timestamp from the first timestamps includes: sorting each timestamp in the first timestamps; and determining each timestamp in the sorted first timestamps as the first target timestamp in sequence.

[0012] According to one aspect of an embodiment of the present invention, a device for reproducing abnormal information is provided, and the device may include: a collection unit, which is used to respond to an abnormal signal generated by a current page of an application end during operation, and use a first target plug-in on the application end to collect abnormal information of the current page, wherein the working position of the first target plug-in is the current page; a division unit, which is used to use a second target plug-in on the application end to divide the abnormal information to obtain request information, error information and response information of the current page, wherein the working position of the second target plug-in is the reproduction page of the application end, the request information is used to represent information associated with data exchange for the current page, the error information is used to represent abnormal features of the current page, and the response information is used to represent operation results corresponding to the operation behavior on the current page; a display unit, which is used to display the response information in a first area of ​​the reproduction page, and display the request information and error information in a second area of ​​the reproduction page, wherein the direction of the first area in the reproduction page is opposite to the direction of the second area in the reproduction page.

[0013] According to another aspect of an embodiment of the present invention, a processor is further provided, wherein the processor is used to run a program, wherein when the program is run by the processor, the method for reproducing abnormal information in an embodiment of the present invention is executed.

[0014] According to another aspect of an embodiment of the present invention, an electronic device is provided, including: a memory storing an executable program; and a processor for running the program, wherein the method for reproducing abnormal information in each embodiment of the present invention is executed when the program is running.

[0015] According to another aspect of the present invention, a computer-readable storage medium is provided, wherein the computer-readable storage medium includes a stored program, wherein when the program is executed, the device where the computer-readable storage medium is located is controlled to execute the abnormal information reproduction method in the present invention.

[0016] According to another aspect of an embodiment of the present invention, a computer program product is further provided. The computer program product includes a computer program. When the computer program is executed by a processor, the method for reproducing abnormal information in the embodiment of the present invention is implemented.

[0017] According to another aspect of an embodiment of the present invention, a computer program product is also provided, including a non-volatile computer-readable storage medium, the non-volatile computer-readable storage medium is used to store a computer program, and when the computer program is executed by a processor, the method for reproducing abnormal information in an embodiment of the present invention is implemented.

[0018] According to another aspect of an embodiment of the present invention, an embodiment of the present application further provides a computer program, which, when executed by a processor, implements the method for reproducing abnormal information in the above-mentioned embodiment of the present invention.

[0019] In an embodiment of the present invention, when reproducing abnormal information, in response to an abnormal signal generated by the current page of the application end during operation, the abnormal information of the current page can be collected using the first target plug-in of the application end. The collected abnormal information is divided using the second target plug-in of the application end, and the request information, error information and response information of the current page can be obtained, and the divided response information can be displayed in the first area of ​​the reproduced page of the application end, and the divided request information and the divided error information can be displayed in the second area of ​​the reproduced page of the application end, thereby achieving the purpose of quickly reproducing and locating the abnormality occurring in the page, thereby solving the technical problem of low efficiency in locating the abnormal information, and further achieving the technical effect of improving the efficiency of locating the abnormal information. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The drawings described herein are used to provide a further understanding of the present invention and constitute a part of this application. The exemplary embodiments of the present invention and their descriptions are used to explain the present invention and do not constitute an improper limitation of the present invention. In the drawings:

[0021] Figure 1 It is a hardware structure block diagram of a computer terminal for implementing a method for reproducing abnormal information according to an embodiment of the present invention;

[0022] Figure 2 is a flow chart of a method for reproducing abnormal information according to an embodiment of the present invention;

[0023] Figure 3 is a flowchart of a browser-side abnormal display method according to an embodiment of the present invention;

[0024] Figure 4 is a schematic diagram of a device for reproducing abnormal information according to an embodiment of the present invention;

[0025] Figure 5 It is a structural block diagram of an electronic device according to an embodiment of the present application. DETAILED DESCRIPTION

[0026] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only embodiments of a part of the present invention, not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

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

[0028] According to an embodiment of the present invention, a method for reproducing abnormal information is provided. It should be noted that the steps shown in the flowchart of the accompanying drawings can be executed in a computer system such as a set of computer executable instructions, and although a logical order is shown in the flowchart, in some cases, the steps shown or described can be executed in an order different from that shown here.

[0029] The method for reproducing abnormal information provided in the embodiment of the present application can be executed in a mobile terminal, a computer terminal or a similar computing device. Figure 1 1 is a hardware structure block diagram of a computer terminal for implementing a method for reproducing abnormal information according to an embodiment of the present invention. Figure 1 As shown, the computer terminal 10 (or mobile device) may include one or more (102a, 102b, ..., 102n are used to illustrate) processors 102 (the processor 102 may include but is not limited to a processing device such as a microprocessor MCU or a programmable logic device FPGA), a memory 104 for storing data, and a transmission device 106 for communication functions. In addition, it may also include: a display, an input / output interface (I / O interface), a universal serial bus (USB) port (which may be included as one of the ports of the BUS bus), a network interface, a power supply and / or a camera. It can be understood by those skilled in the art that Figure 1 The structure shown is only for illustration and does not limit the structure of the above electronic device. Figure 1 More or fewer components as shown, or with Figure 1 Different configurations shown.

[0030] It should be noted that the one or more processors 102 and / or other data processing circuits described above may generally be referred to herein as "data processing circuits". The data processing circuits may be embodied in whole or in part as software, hardware, firmware, or any other combination thereof. In addition, the data processing circuit may be a single independent processing module, or may be incorporated in whole or in part into any of the other components in the computer terminal 10 (or mobile device). As described in the embodiments of the present application, the data processing circuit acts as a processor control (e.g., selection of a variable resistor terminal path connected to an interface).

[0031] The memory 104 can be used to store software programs and modules of application software, such as program instructions / data storage devices corresponding to the method for reproducing abnormal information in the embodiment of the present application. The processor 102 executes various functional applications and data processing by running the software programs and modules stored in the memory 104, that is, the method for reproducing abnormal information described above is realized. The memory 104 may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory 104 may further include a memory remotely arranged relative to the processor 102, and these remote memories may be connected to the computer terminal 10 via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0032] The transmission device 106 can be used to receive or send data via a network. The specific example of the above network may include a wireless network provided by a communication provider of the computer terminal 10. In one example, the transmission device 106 includes a network adapter (Network Interface Controller, referred to as NIC), which can be connected to other network devices through a base station so as to communicate with the Internet. In one example, the transmission device 106 can be a radio frequency (RF) module, which is used to communicate with the Internet wirelessly.

[0033] The display may be, for example, a touch screen liquid crystal display (LCD), which enables a user to interact with a user interface of the computer terminal 10 (or mobile device).

[0034] Under the above operating environment, this application provides Figure 2 How to reproduce the abnormal information shown. Figure 2 is a flow chart of a method for reproducing abnormal information according to an embodiment of the present invention. The method may include the following steps:

[0035] Step S201 , in response to an abnormal signal generated during the operation of the current page of the application end, using the first target plug-in of the application end, collect abnormal information of the current page.

[0036] In the technical solution provided in step S201 of the present invention, the working position of the first target plug-in may be the current page. For example, the first target plug-in may be, but is not limited to, a non-intrusive embedding plug-in (rrweb).

[0037] In this embodiment, the application end can be a fixed terminal or a mobile terminal. If the application end is a fixed terminal, the current page is a browser page of the fixed terminal; if the application end is a mobile terminal, the current page is a web page based on Hypertext Markup Language (HTML5, referred to as H5) of the mobile terminal, which is only used as an example and is not specifically limited.

[0038] In this embodiment, the above-mentioned exception information can be used to indicate that an exception occurs during the operation of the current page of the application end. For example, the above-mentioned exception information can be used to indicate that an exception occurs during the operation of the current page of the application end, and the above-mentioned exception information can also be used to indicate that an exception occurs during the operation of the current page of the application end. The above-mentioned exception information is only used as an example and is not specifically limited.

[0039] In this embodiment, in response to an abnormal signal generated during the operation of the current page of the application end, the abnormal information of the current page is collected using the first target plug-in of the application end. Optionally, this embodiment detects the signal generated during the operation of the current page of the application end, and if it is detected that the signal generated during the operation of the current page is an abnormal signal, the abnormal information of the current page is collected using the first target plug-in of the application end.

[0040] Step S202: using the second target plug-in on the application side, divide the abnormal information to obtain the request information, error information and response information of the current page.

[0041] In the technical solution provided in step S202 of the present invention, the working position of the second target plug-in may be a reproduction page of the application end. For example, the second target plug-in may be, but is not limited to, a reproduction plug-in (rrweb-player).

[0042] In this embodiment, the request information may be used to indicate information associated with data exchange for the current page. The request information may include a request sent by the application to the server and information returned by the server to the application. The request information may also be referred to as request interaction information, which is only used as an example and is not specifically limited.

[0043] In this embodiment, the error message can be used to indicate abnormal features of the current page, which can include at least one of the following features: script abnormal features, runtime error features, syntax error features, and resource loading failure features, which are only given as examples and are not specifically limited.

[0044] In this embodiment, the response information may be used to indicate the operation result corresponding to the operation behavior on the current page. The operation behavior may include at least one of the following behaviors: click operation behavior, slide operation behavior, input operation behavior, and delete operation behavior, etc., which are only used as examples and are not specifically limited.

[0045] In this embodiment, in response to an abnormal signal generated during the operation of the current page of the application end, after collecting the abnormal information of the current page using the first target plug-in of the application end, the abnormal information is divided using the second target plug-in of the application end to obtain the request information, error information and response information of the current page. Optionally, based on the collected abnormal information of the current page, this embodiment can call the collected abnormal information from the target storage space of the application end, and divide the above abnormal information using the second target plug-in of the application end to obtain the request information, error information and response information of the current page.

[0046] Step S203: display the response information in the first area of ​​the reproduced page, and display the request information and the error information in the second area of ​​the reproduced page.

[0047] In the technical solution provided in step S203 of the present invention, the direction of the first area in the reproduced page may be opposite to the direction of the second area in the reproduced page. For example, if the first area is the left half of the reproduced page, the second area may be the right half of the reproduced page; if the first area is the upper half of the reproduced page, the second area may be the lower half of the reproduced page. This is only an example and is not specifically limited.

[0048] In this embodiment, after the second target plug-in on the application side is used to divide the abnormal information and obtain the request information, error information and response information of the current page, the response information is displayed in the first area of ​​the reproduced page, and the request information and error information are displayed in the second area of ​​the reproduced page. Optionally, based on obtaining the request information, error information and response information, this embodiment can display the response information in the form of a video in the first area of ​​the reproduced page, and can display the request information and error information in the form of a list in the second area of ​​the reproduced page.

[0049] In the above steps S201 to S203 of the present application, when the abnormal information is reproduced, in response to the abnormal signal generated by the current page of the application end during operation, the abnormal information of the current page can be collected using the first target plug-in of the application end. The collected abnormal information is divided using the second target plug-in of the application end, and the request information, error information and response information of the current page can be obtained, and the divided response information can be displayed in the first area of ​​the reproduced page of the application end, and the divided request information and the divided error information can be displayed in the second area of ​​the reproduced page of the application end, thereby achieving the purpose of quickly reproducing and locating the abnormality occurring in the page, thereby solving the technical problem of low efficiency in locating the abnormal information, and further achieving the technical effect of improving the efficiency of locating the abnormal information.

[0050] The above method of this embodiment is further introduced below.

[0051] As an optional implementation method, step S202, using the second target plug-in on the application side, divides the exception information to obtain the request information, error information and response information of the current page, including: storing the exception information in the target storage space on the application side; calling the stored exception information from the target storage space; using the second target plug-in to divide the called exception information to obtain the request information, error information and response information.

[0052] In this embodiment, the target storage space may be a storage space temporarily constructed using the first target plug-in.

[0053] In this embodiment, in response to an abnormal signal generated during the operation of the current page of the application end, the first target plug-in of the application end is used to collect the abnormal information of the current page, and then the abnormal information is stored in the target storage space of the application end. Optionally, this embodiment stores the collected abnormal information in the constructed target storage space based on the collected abnormal information of the current page.

[0054] In this embodiment, after the exception information is stored in the target storage space of the application end, the stored exception information is called from the target storage space. Optionally, in this embodiment, on the basis of storing the exception information in the target storage space of the application end, the stored exception information can be called from the target storage space.

[0055] In this embodiment, after calling the stored exception information from the target storage space, the second target plug-in is used to divide the called exception information to obtain request information, error information and response information. Optionally, based on the called stored exception information, the second target plug-in on the application side is used to divide the called exception information to obtain the request information, error information and response information of the current page.

[0056] As an optional implementation method, storing the exception information in the target storage space of the application end includes: in response to the current storage capacity of the target storage space being greater than or equal to the storage capacity required to store the exception information, storing the exception information in the target storage space; in response to the current storage capacity being less than the required storage capacity, deleting the historical exception information in the target storage space, and storing the exception information in the deleted target storage space.

[0057] In this embodiment, the time of collecting the above historical abnormal information may be earlier than the time of collecting the abnormal information.

[0058] In this embodiment, in response to an abnormal signal generated during the operation of the current page of the application end, after the abnormal information of the current page is collected using the first target plug-in of the application end, in response to the current storage capacity of the target storage space being greater than or equal to the storage capacity required to store the abnormal information, the abnormal information is stored in the target storage space. Optionally, based on the abnormal information collected on the current page, this embodiment judges the relationship between the current storage capacity of the target storage space and the storage capacity required to store the abnormal information, and a judgment result can be obtained, wherein the judgment result can be used to represent the relationship between the current storage capacity of the target storage space and the storage capacity required to store the abnormal information. If the obtained judgment result indicates that the current storage capacity of the target storage space is greater than or equal to the storage capacity required to store the abnormal information, the above-mentioned abnormal information can be stored in the target storage space.

[0059] In this embodiment, in response to an abnormal signal generated during the operation of the current page of the application end, after the abnormal information of the current page is collected using the first target plug-in of the application end, in response to the current storage capacity being less than the required storage capacity, the historical abnormal information in the target storage space is deleted, and the abnormal information is stored in the deleted target storage space. Optionally, based on the abnormal information collected for the current page, this embodiment judges the relationship between the current storage capacity of the target storage space and the storage capacity required to store the abnormal information, and a judgment result can be obtained. If the judgment result obtained indicates that the current storage capacity of the target storage space is less than the storage capacity required to store the abnormal information, the historical abnormal information in the target storage space can be deleted, and the above-mentioned abnormal information can be stored in the target storage space after the historical abnormal information is deleted.

[0060] As an optional implementation method, response information is displayed in the first area of ​​the reproduced page, and request information and error information are displayed in the second area of ​​the reproduced page, including: determining a first timestamp of the response information, a second timestamp of the request information, and a third timestamp of the error information; displaying the response information in the first area under the first timestamp, and displaying the request information in the second area under the second timestamp, and displaying the error information in the second area under the third timestamp.

[0061] In this embodiment, after the second target plug-in on the application side is used to divide the abnormal information and obtain the request information, error information and response information of the current page, the first timestamp of the response information, the second timestamp of the request information, and the third timestamp of the error information are determined. Optionally, based on obtaining the request information, error information and response information, this embodiment can find the first timestamp of the response information, the second timestamp of the request information, and the third timestamp of the error information from the timestamp set. Among them, the timestamp set can include timestamps of different information.

[0062] In this embodiment, after determining the first timestamp of the response information, the second timestamp of the request information, and the third timestamp of the error information, the response information is displayed in the first area at the first timestamp, and the request information is displayed in the second area at the second timestamp, and the error information is displayed in the second area at the third timestamp. Optionally, based on determining the first timestamp, the second timestamp, and the third timestamp, this embodiment may display the response information in the form of a video in the first area at the first timestamp, and may display the request information in the form of a list in the second area at the second timestamp, and may display the error information in the form of a list in the second area at the third timestamp.

[0063] As an optional implementation method, step S203, under the first timestamp, in the first area, displays the response information, and under the second timestamp, in the second area, displays the request information, and under the third timestamp, in the second area, displays the error information, including: determining the first target timestamp from the first timestamp; searching for the second target timestamp corresponding to the first target timestamp from the second timestamp, and searching for the third target timestamp corresponding to the first target timestamp from the third timestamp; displaying the response information in the first area under the first target timestamp, and displaying the request information in the second area under the second target timestamp, and displaying the error information in the second area under the third target timestamp.

[0064] In this embodiment, after determining the first timestamp of the response information, the second timestamp of the request information, and the third timestamp of the error information, the first target timestamp is determined from the first timestamp. Optionally, this embodiment sorts each timestamp in the first timestamps based on the determination of the first timestamp, the second timestamp, and the third timestamp, and the first target timestamp can be determined from the sorted first timestamps.

[0065] In this embodiment, the interval between the second target timestamp and the first target timestamp may be smaller than the interval between any timestamp in the second timestamp except the second target timestamp and the first target timestamp.

[0066] In this embodiment, the interval between the third target timestamp and the first target timestamp may be shorter than the interval between any other timestamp among the third timestamps except the third target timestamp and the first target timestamp.

[0067] In this embodiment, after determining the first target timestamp from the first timestamp, the second target timestamp corresponding to the first target timestamp is searched from the second timestamp, and the third target timestamp corresponding to the first target timestamp is searched from the third timestamp. Optionally, based on determining the first target timestamp, this embodiment sorts each of the second timestamps, and the second target timestamp corresponding to the first target timestamp can be found from the sorted second timestamps, and the third target timestamp corresponding to the first target timestamp is sorted from each of the third timestamps, and the third target timestamp corresponding to the first target timestamp can be found from the sorted third timestamps.

[0068] In this embodiment, after searching the second target timestamp corresponding to the first target timestamp from the second timestamp and searching the third target timestamp corresponding to the first target timestamp from the third timestamp, the response information is displayed in the first area under the first target timestamp, the request information is displayed in the second area under the second target timestamp, and the error information is displayed in the second area under the third target timestamp. Optionally, based on finding the second target timestamp and the third target timestamp, this embodiment can display the response information in the form of a video in the first area under the first target timestamp, and can display the request information in the form of a list in the second area under the second target timestamp, and can display the error information in the form of a list in the second area under the third target timestamp.

[0069] As an optional implementation manner, determining the first target timestamp from the first timestamps includes: sorting each timestamp in the first timestamps; and sequentially determining each timestamp in the sorted first timestamps as the first target timestamp.

[0070] In this embodiment, after determining the first timestamp of the response information, the second timestamp of the request information, and the third timestamp of the error information, each timestamp in the first timestamps is sorted. Optionally, based on determining the first timestamp, the second timestamp, and the third timestamp, this embodiment sorts each timestamp in the first timestamps sequentially, or sorts each timestamp in the first timestamps in reverse order.

[0071] In this embodiment, after sorting each timestamp in the first timestamps, each timestamp in the sorted first timestamps is sequentially determined as the first target timestamp. Optionally, based on sorting each timestamp in the first timestamps, if the sorting performed on each timestamp in the first timestamps is sequential sorting, then according to the strategy from front to back, each timestamp in the sequentially sorted first timestamps is sequentially determined as the first target timestamp; if the sorting performed on each timestamp in the first timestamps is reverse sorting, then according to the strategy from back to front, each timestamp in the reversely sorted first timestamps is sequentially determined as the first target timestamp.

[0072] In an embodiment of the present invention, when reproducing abnormal information, in response to an abnormal signal generated by the current page of the application end during operation, the abnormal information of the current page can be collected using the first target plug-in of the application end. The collected abnormal information is divided using the second target plug-in of the application end, and the request information, error information and response information of the current page can be obtained, and the divided response information can be displayed in the first area of ​​the reproduced page of the application end, and the divided request information and the divided error information can be displayed in the second area of ​​the reproduced page of the application end, thereby achieving the purpose of quickly reproducing and locating the abnormality occurring in the page, thereby solving the technical problem of low efficiency in locating the abnormal information, and further achieving the technical effect of improving the efficiency of locating the abnormal information.

[0073] The technical solution of the embodiment of the present invention is illustrated below in conjunction with preferred implementation modes.

[0074] When a page runs abnormally, the problem is often submitted to the developer by taking a screenshot and reporting the problem. Alternatively, the browser's page information data is monitored in real time. When an abnormality occurs, the information is formatted and sent to the backend for storage, and then the abnormal page information data is displayed to the developer.

[0075] However, the above-mentioned method of reproducing the abnormal information makes it difficult for developers to quickly reproduce and locate the abnormality that occurs on the page, thereby resulting in a technical problem of low efficiency in locating the abnormal information.

[0076] In order to solve the above technical problems, an embodiment of the present invention proposes a method for reproducing abnormal information. In response to an abnormal signal generated by the current page of the application end during operation, the abnormal information of the current page can be collected using the first target plug-in of the application end. The collected abnormal information is divided using the second target plug-in of the application end, and the request information, error information and response information of the current page can be obtained. In addition, the divided response information can be displayed in the first area of ​​the reproduced page of the application end, and the divided request information and the divided error information can be displayed in the second area of ​​the reproduced page of the application end, thereby achieving the purpose of quickly reproducing and locating the abnormality occurring in the page, thereby solving the technical problem of low efficiency in locating the abnormal information, and further achieving the technical effect of improving the efficiency in locating the abnormal information.

[0077] In this embodiment, the browser-side abnormal display method of the present application is executed, and the response information obtained by division can be displayed in the first area of ​​the reproducing page of the application side, and the request information obtained by division and the error information obtained by division can be displayed in the second area of ​​the reproducing page of the application side. For example, Figure 3is a flowchart of a browser-side abnormal display method according to an embodiment of the present invention, such as Figure 3 As shown, the method may include the following steps:

[0078] Step S301: Collect request interaction information.

[0079] In the technical solution provided in the above step S301 of the present invention, the non-intrusive embedding plug-in (rrweb) on the browser side is used to collect request interaction information. The non-intrusive embedding plug-in can be a front-end tool built using a scripting language (JavaScript language), and collecting request interaction information is achieved by rewriting the instance object responsible for sending the request on the browser side.

[0080] Step S302, collecting the browser's error information.

[0081] In the technical solution provided in the above step S302 of the present invention, the browser's own global error monitoring method is executed by using the rrweb plug-in on the browser side, so that the browser's error information can be collected.

[0082] Step S303: collecting the response information of the browser.

[0083] In the technical solution provided in the above step S303 of the present invention, the rrweb plug-in on the browser side is used to collect the response information of the browser, thereby achieving the goal of recording the user's operation behavior on the browser.

[0084] After the request interaction information, error information and response information are collected, the process proceeds to step S304 to store the collected request interaction information, error information and response information in a temporary object in the browser's memory, and step S305 to determine whether the storage is an error.

[0085] In the technical solution provided in step S304 of the present invention, a temporary object is constructed in the browser using the rrweb plug-in, and the request interaction information, the error information and the response information can be saved. In order to control the size of the temporary object, a data volume threshold can be set, and a first-in-first-out strategy for the saved information can be adopted. Once an error occurs in storing the temporary object in the browser's memory, the temporary object is sent to the background for saving.

[0086] If the storage reports an error, the process proceeds to step S306, where the collected request interaction information, error information, and response information are stored in the background. If the storage reports no error, the process proceeds to step S307, where the response information is displayed in the first area of ​​the reproducing page, and the request interaction information and error information are displayed in the second area of ​​the reproducing page.

[0087] In the technical solution provided in the above step S307 of the present invention, the visualization engine can be used to display the response information in the first area of ​​the reproduced page, and to display the request interaction information and the error information in the second area of ​​the reproduced page.

[0088] For example, the above-mentioned reproduction page can include two blocks on the left and right. Among them, the left half can be used to replay user behavior. The playback effect is similar to the screen recording effect. The playback of user behavior is achieved by replaying the response information collected by the embedding plug-in through the rrweb-player plug-in; the right half can be used to synchronize the request information and error information in the form of a list. In other words, the left half can see the user's mouse clicks, page switching and other behaviors, and the right half can display the requests, events, errors, etc. triggered by the user behavior one by one, thereby achieving the purpose of restoring the error scene. The synchronous "playback" of data in the left and right halves is achieved by recording the timestamp of each piece of information.

[0089] In this embodiment, when the abnormal information is reproduced, in response to the abnormal signal generated by the current page of the application end during operation, the abnormal information of the current page can be collected using the first target plug-in of the application end. The collected abnormal information is divided using the second target plug-in of the application end, and the request information, error information and response information of the current page can be obtained, and the divided response information can be displayed in the first area of ​​the reproduced page of the application end, and the divided request information and the divided error information can be displayed in the second area of ​​the reproduced page of the application end, thereby achieving the purpose of quickly reproducing and locating the abnormality occurring in the page, thereby solving the technical problem of low efficiency in locating the abnormal information, and further achieving the technical effect of improving the efficiency of locating the abnormal information.

[0090] According to an embodiment of the present invention, a device for reproducing abnormal information is also provided. It should be noted that the device for reproducing abnormal information can be used to execute a method for reproducing abnormal information in an embodiment.

[0091] Figure 4 Schematic diagram of a device for reproducing abnormal information according to an embodiment of the present invention. Figure 4 As shown, the abnormal information reproduction device 400 may include: a collection unit 401, a division unit 402 and a display unit 403.

[0092] The collection unit 401 is used to respond to an abnormal signal generated during the operation of the current page of the application end, and use the first target plug-in of the application end to collect abnormal information of the current page, wherein the working position of the first target plug-in is the current page.

[0093] The division unit 402 is used to divide the exception information by using the second target plug-in on the application side to obtain the request information, error information and response information of the current page, wherein the working position of the second target plug-in is the reproduction page on the application side, the request information is used to represent the information associated with the data exchange of the current page, the error information is used to represent the abnormal characteristics of the current page, and the response information is used to represent the operation results corresponding to the operation behavior on the current page.

[0094] The display unit 403 is used to display the response information in the first area of ​​the reproduced page, and to display the request information and the error information in the second area of ​​the reproduced page, wherein the direction of the first area in the reproduced page is opposite to the direction of the second area in the reproduced page.

[0095] Optionally, the division unit 402 may include: a storage module, used to store the exception information in the target storage space of the application end; a calling module, used to call the stored exception information from the target storage space; a division module, used to use the second target plug-in to divide the called exception information to obtain request information, error information and response information.

[0096] Optionally, the storage module may include: a first storage submodule, used to store the exception information in the target storage space in response to the current storage capacity of the target storage space being greater than or equal to the storage capacity required to store the exception information; a second storage submodule, used to delete the historical exception information in the target storage space in response to the current storage capacity being less than the required storage capacity, and store the exception information in the deleted target storage space, wherein the collection time of the historical exception information is earlier than the collection time of the exception information.

[0097] Optionally, the display unit 403 may include: a determination module, used to determine a first timestamp of response information, a second timestamp of request information, and a third timestamp of error information; a display module, used to display the response information in a first area under the first timestamp, and to display the request information in a second area under the second timestamp, and to display the error information in the second area under the third timestamp.

[0098] Optionally, the display module may include: a determination submodule, used to determine the first target timestamp from the first timestamp; a search submodule, used to search for the second target timestamp corresponding to the first target timestamp from the second timestamp, and search for the third target timestamp corresponding to the first target timestamp from the third timestamp, wherein the interval between the second target timestamp and the first target timestamp is less than the interval between any timestamp in the second timestamp except the second target timestamp and the first target timestamp, and the interval between the third target timestamp and the first target timestamp is less than the interval between any timestamp in the third timestamp except the third target timestamp and the first target timestamp; a display submodule, used to display response information in the first area under the first target timestamp, display request information in the second area under the second target timestamp, and display error information in the second area under the third target timestamp.

[0099] Optionally, the determination submodule may complete determining the first target timestamp from the first timestamp by executing the following steps: sorting each timestamp in the first timestamps; and sequentially determining each timestamp in the sorted first timestamps as the first target timestamp.

[0100] In this embodiment, the following units are deployed in the reproduction device of the abnormal information: a collection unit, which is used to respond to the abnormal signal generated by the current page of the application end during the operation, and use the first target plug-in of the application end to collect the abnormal information of the current page, wherein the working position of the first target plug-in is the current page; a division unit, which is used to divide the abnormal information by using the second target plug-in of the application end to obtain the request information, error information and response information of the current page, wherein the working position of the second target plug-in is the reproduction page of the application end, the request information is used to indicate the information associated when the data is exchanged with the current page, the error information is used to indicate the abnormal characteristics of the current page, and the response information is used to indicate the operation result corresponding to the operation behavior on the current page; a display unit, which is used to display the response information in the first area of ​​the reproduction page, and display the request information and the error information in the second area of ​​the reproduction page, wherein the direction of the first area in the reproduction page is opposite to the direction of the second area in the reproduction page, thereby achieving the purpose of quickly reproducing and locating the abnormality occurring in the page, thereby solving the technical problem of low efficiency in locating the abnormal information, and further achieving the technical effect of improving the efficiency of locating the abnormal information.

[0101] It should be noted that the acquisition unit 401, the division unit 402 and the display unit 403 correspond to steps S201 to S203 in the embodiment, and the three units and the corresponding steps implement the same examples and application scenarios, but are not limited to the contents disclosed in the above embodiment. It should be noted that the above modules or units can be hardware components or software components stored in a memory (e.g., memory 104) and processed by one or more processors (e.g., processors 102a, 102b, ..., 102n), and the above modules can also be part of the device and can be run in the computer terminal 10 provided in the first embodiment.

[0102] An embodiment of the present application may provide an electronic device, Figure 5 is a structural block diagram of an electronic device according to an embodiment of the present application. Figure 5 As shown, the electronic device 500 may include: one or more ( Figure 5 (only one is shown) processor 502, memory 504, storage controller 506, and peripheral interface 508, wherein the peripheral interface 508 is connected to the RF module 5101, the audio module 5102 and the display 5103.

[0103] Among them, the memory can be used to store software programs and modules, such as program instructions / modules corresponding to the methods and devices in the embodiments of the present application, and the processor executes various functional applications and data processing by running the software programs and modules stored in the memory, that is, realizing the above-mentioned method. The memory may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some instances, the memory may further include a memory remotely arranged relative to the processor, and these remote memories may be connected to the terminal via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

[0104] The processor can call the information and application stored in the memory through the transmission device to perform the following steps: in response to the abnormal signal generated by the current page of the application end during the operation, use the first target plug-in on the application end to collect the abnormal information of the current page, wherein the working position of the first target plug-in is the current page; use the second target plug-in on the application end to divide the abnormal information to obtain the request information, error information and response information of the current page, wherein the working position of the second target plug-in is the reappearance page of the application end, the request information is used to indicate the information associated with the data exchange of the current page, the error information is used to indicate the abnormal characteristics of the current page, and the response information is used to indicate the operation result corresponding to the operation behavior on the current page; in the first area of ​​the reappearance page, the response information is displayed, and in the second area of ​​the reappearance page, the request information and the error information are displayed, wherein the direction of the first area in the reappearance page is opposite to the direction of the second area in the reappearance page.

[0105] The processor can also call the information and application stored in the memory through the transmission device to perform the following steps: store the exception information in the target storage space on the application side; call the stored exception information from the target storage space; use the second target plug-in to divide the called exception information to obtain request information, error information and response information.

[0106] The processor can also call the information and application programs stored in the memory through the transmission device to perform the following steps: in response to the current storage capacity of the target storage space being greater than or equal to the storage capacity required to store the exception information, storing the exception information in the target storage space; in response to the current storage capacity being less than the required storage capacity, deleting the historical exception information in the target storage space, and storing the exception information in the deleted target storage space, wherein the collection time of the historical exception information is earlier than the collection time of the exception information.

[0107] The processor can also call the information and application stored in the memory through the transmission device to perform the following steps: determine the first timestamp of the response information, the second timestamp of the request information, and the third timestamp of the error information; display the response information in the first area under the first timestamp, and display the request information in the second area under the second timestamp, and display the error information in the second area under the third timestamp.

[0108] The processor can also call the information and application stored in the memory through the transmission device to perform the following steps: determine the first target timestamp from the first timestamp; search for the second target timestamp corresponding to the first target timestamp from the second timestamp, and search for the third target timestamp corresponding to the first target timestamp from the third timestamp, wherein the interval between the second target timestamp and the first target timestamp is less than the interval between any timestamp in the second timestamp except the second target timestamp and the first target timestamp, and the interval between the third target timestamp and the first target timestamp is less than the interval between any timestamp in the third timestamp except the third target timestamp and the first target timestamp; display the response information in the first area under the first target timestamp, display the request information in the second area under the second target timestamp, and display the error information in the second area under the third target timestamp.

[0109] The processor may also call the information and application program stored in the memory through the transmission device to perform the following steps: sorting each timestamp in the first timestamps; and determining each timestamp in the sorted first timestamps as the first target timestamp in sequence.

[0110] In an embodiment of the present invention, when reproducing abnormal information, in response to an abnormal signal generated by the current page of the application end during operation, the abnormal information of the current page can be collected using the first target plug-in of the application end. The collected abnormal information is divided using the second target plug-in of the application end, and the request information, error information and response information of the current page can be obtained, and the divided response information can be displayed in the first area of ​​the reproduced page of the application end, and the divided request information and the divided error information can be displayed in the second area of ​​the reproduced page of the application end, thereby achieving the purpose of quickly reproducing and locating the abnormality occurring in the page, thereby solving the technical problem of low efficiency in locating the abnormal information, and further achieving the technical effect of improving the efficiency of locating the abnormal information.

[0111] Figure 5 is a structural block diagram of an electronic device according to an embodiment of the present application. A person skilled in the art can understand that Figure 5 The structure shown is for illustration only, and the electronic device may also be a smart phone (such as an Android phone, an iOS phone, etc.), a tablet computer, a PDA, a mobile Internet device (Mobile Internet Devices, MID), a PAD, or other terminal devices. Figure 5 The structure of the electronic device is not limited. Figure 5 More or fewer components (such as network interfaces, display devices, etc.) shown in, or having Figure 5 Different configurations are shown.

[0112] A person of ordinary skill in the art can understand that all or part of the steps in the various methods of the above embodiments can be completed by instructing the hardware related to the terminal device through a program, and the program can be stored in a computer-readable storage medium, and the storage medium may include: a flash drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0113] According to an embodiment of the present invention, a processor is further provided. The processor is used to run a program, wherein the program executes the method for reproducing abnormal information in the embodiment when the program is run by the processor.

[0114] According to an embodiment of the present invention, there is further provided an electronic device, comprising: a memory storing an executable program; and a processor for running the program, wherein the method for reproducing abnormal information in the embodiment is executed when the program is running.

[0115] According to another aspect of an embodiment of the present invention, a computer-readable storage medium is provided, wherein the computer-readable storage medium includes a stored program, wherein when the program is executed, the device where the computer-readable storage medium is located is controlled to execute the abnormal information reproduction method in the embodiment.

[0116] According to an embodiment of the present invention, a computer program product is further provided. The computer program product includes a computer program. When the computer program is executed by a processor, the method for reproducing abnormal information in the embodiment is implemented.

[0117] According to an embodiment of the present invention, a computer program product is also provided, including a non-volatile computer-readable storage medium, the non-volatile computer-readable storage medium is used to store a computer program, and when the computer program is executed by a processor, the method for reproducing abnormal information in the embodiment is implemented.

[0118] According to an embodiment of the present invention, a computer program is also provided. When the computer program is executed by a processor, the method for reproducing abnormal information in the embodiment is implemented.

[0119] The serial numbers of the above embodiments of the present invention are only for description and do not represent the advantages or disadvantages of the embodiments.

[0120] In the above embodiments of the present invention, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0121] In the several embodiments provided in this application, it should be understood that the disclosed technical content can be implemented in other ways. Among them, the device embodiments described above are only schematic. For example, the division of units can be a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of units or modules, which can be electrical or other forms.

[0122] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed over multiple units. Some or all of the units may be selected according to actual needs to achieve the purpose of the present embodiment.

[0123] In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.

[0124] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present invention, or the part that contributes to the relevant technology or the whole or part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium, including several instructions for a computer device (which can be a personal computer, a server or a network device, etc.) to perform all or part of the steps of the methods of each embodiment of the present invention. The aforementioned storage medium includes: U disk, read-only memory (ROM, referred to as Read-Only Memory), random access memory (RAM, referred to as Random Access Memory), mobile hard disk, magnetic disk or optical disk and other media that can store program codes.

[0125] The above are only preferred embodiments of the present invention. It should be pointed out that, for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principles of the present invention. These improvements and modifications should also be regarded as the scope of protection of the present invention.

Claims

1. A method for reproducing abnormal information, characterized in that: include: In response to an abnormal signal generated during the operation of the current page of the application end, using a first target plug-in of the application end to collect abnormal information of the current page, wherein the working position of the first target plug-in is the current page; Using the second target plug-in on the application side, the abnormal information is divided to obtain request information, error information and response information of the current page, wherein the working position of the second target plug-in is the reappearance page of the application side, the request information is used to indicate the information associated with the data exchange of the current page, the error information is used to indicate the abnormal characteristics of the current page, and the response information is used to indicate the operation result corresponding to the operation behavior on the current page; The response information is displayed in a first area of ​​the reproduced page, and the request information and the error information are displayed in a second area of ​​the reproduced page, wherein the direction of the first area in the reproduced page is opposite to the direction of the second area in the reproduced page.

2. The method according to claim 1, characterized in that The exception information is divided by using the second target plug-in of the application end to obtain the request information, error information and response information of the current page, including: Storing the abnormal information in the target storage space of the application end; Retrieving the stored exception information from the target storage space; The exception information after the call is divided by using the second target plug-in to obtain the request information, the error information and the response information.

3. The method according to claim 2, characterized in that Storing the abnormal information in the target storage space of the application end includes: In response to a current storage capacity of the target storage space being greater than or equal to a storage capacity required to store the exception information, storing the exception information in the target storage space; In response to the current storage capacity being less than the required storage capacity, the historical exception information in the target storage space is deleted, and the exception information is stored in the deleted target storage space, wherein the collection time of the historical exception information is earlier than the collection time of the exception information.

4. The method according to claim 1, characterized in that: Displaying the response information in the first area of ​​the recurring page, and displaying the request information and the error information in the second area of ​​the recurring page, including: Determine a first timestamp of the response information, a second timestamp of the request information, and a third timestamp of the error information; At the first timestamp, the response information is displayed in the first area, at the second timestamp, the request information is displayed in the second area, and at the third timestamp, the error information is displayed in the second area.

5. The method according to claim 4, characterized in that Displaying the response information in the first area at the first timestamp, displaying the request information in the second area at the second timestamp, and displaying the error information in the second area at the third timestamp, including: Determining a first target timestamp from the first timestamp; Searching for a second target timestamp corresponding to the first target timestamp from the second timestamp, and searching for a third target timestamp corresponding to the first target timestamp from the third timestamp, wherein the interval between the second target timestamp and the first target timestamp is shorter than the interval between the first target timestamp and any timestamp in the second timestamp except the second target timestamp, and the interval between the third target timestamp and the first target timestamp is shorter than the interval between the first target timestamp and any timestamp in the third timestamp except the third target timestamp; The response information is displayed in the first area at the first target timestamp, the request information is displayed in the second area at the second target timestamp, and the error information is displayed in the second area at the third target timestamp.

6. The method according to claim 5, characterized in that Determining a first target timestamp from the first timestamp includes: sorting each of the first timestamps; Each of the sorted first timestamps is sequentially determined as the first target timestamp.

7. A device for reproducing abnormal information, characterized in that: include: a collecting unit, configured to respond to an abnormal signal generated during the operation of a current page of an application end, and collect abnormal information of the current page by using a first target plug-in of the application end, wherein a working position of the first target plug-in is the current page; a dividing unit, configured to divide the abnormal information by using the second target plug-in on the application side, and obtain request information, error information, and response information of the current page, wherein the working position of the second target plug-in is the reappearance page of the application side, the request information is used to indicate information associated with the current page when exchanging data, the error information is used to indicate abnormal features of the current page, and the response information is used to indicate an operation result corresponding to an operation behavior on the current page; A display unit is used to display the response information in a first area of ​​the reproduced page, and to display the request information and the error information in a second area of ​​the reproduced page, wherein the direction of the first area in the reproduced page is opposite to the direction of the second area in the reproduced page.

8. A processor, characterized in that: The processor is used to run a program, wherein the program, when run by the processor, executes the method for reproducing abnormal information according to any one of claims 1 to 6.

9. An electronic device, characterized in that: include: A memory storing an executable program; A processor is used to run the program, wherein the program executes the method for reproducing abnormal information as described in any one of claims 1 to 6 when running.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium includes a stored executable program, wherein when the executable program is run, the device where the storage medium is located is controlled to execute the method for reproducing abnormal information as described in any one of claims 1 to 6.

Citation Information

Patent Citations

  • Page event reproduction method and device, page event collection method and device, and electronic equipment

    CN112835776A

  • Operation state monitoring method, electronic equipment terminal and storage medium

    CN114579339A

  • Test data recording method and device

    CN115629968A

  • Front-end project test problem reporting and distributing method and system based on screen recording playback

    CN116756053A

  • Data processing method and system for front-end test and storage medium

    CN116820971A