Method, device and equipment for monitoring real-time performance of browser and medium

Abstract

The invention provides a browser real-time performance monitoring method and device, equipment and a medium. The method comprises the steps that multiple pieces of first performance data of a target browser are collected based on a browser performance API interface, and a user calls a pre-designed open type API interface to collect second performance data of the target browser based on the monitoring requirement for the target browser; performing data analysis on the first performance data and the second performance data to determine a performance data analysis result; and determining whether to perform event warning and abnormal event handling on the target browser based on the performance data analysis result. Various performance indexes of the browser are obtained through the browser performance API interface, and the performance data of the browser under the monitoring requirement are obtained through the open type API interface, so that the performance of the browser is comprehensively monitored, and real-time monitoring and data analysis are carried out, so that a user can timely discover and solve the performance problem of the browser, and the user experience is improved. And the performance of the browser and the user experience are improved.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computers, in particular to a browser real-time performance monitoring method, device, equipment and medium. BACKGROUND

[0002] With the rapid development of the Internet, people's requirements for browser performance are becoming higher and higher. Browser performance is crucial to user experience and website success. Performance problems can cause slow page loading, response time delay and user loss. Therefore, monitoring and optimizing browser performance has become increasingly important. However, the existing browser performance monitoring has the following problems: 1. The performance indicators and suggestions provided by existing tools are usually based on general rules and experience. It cannot provide fine-tuned performance optimization suggestions for specific websites and applications. 2. Although the point method can monitor browser performance by inserting monitoring code in the code, it requires modification of the code and is not flexible. The code invasion is large, and for existing large projects, it may cause large modification cost and security risks, affecting system stability. Therefore, how to monitor the performance of the browser has become a technical problem that cannot be underestimated. SUMMARY

[0003] Therefore, the purpose of the present application is to provide a browser real-time performance monitoring method, device, equipment and medium, which obtains various performance indicators of the browser through the browser performance API interface, and obtains the performance data of the browser under the monitoring requirement through the open API interface, thereby realizing comprehensive monitoring of the performance of the browser, and real-time monitoring and data analysis to enable users to timely discover and solve the performance problems of the browser, and improve the performance of the browser and user experience.

[0004] The present application embodiment provides a browser real-time performance monitoring method, which comprises:

[0005] Based on the browser performance API interface, a plurality of first performance data of a target browser is collected, and a plurality of second performance data of the target browser is collected based on the monitoring requirement of the target browser by calling a pre-designed open API interface; wherein the first performance data is basic performance data of the target browser, and the second performance data is performance data of the target browser under monitoring requirement;

[0006] Data analysis is performed on the plurality of first performance data and the plurality of second performance data to determine a performance data analysis result;

[0007] Based on the performance data analysis result, it is determined whether to perform event alarm and abnormal event handling on the target browser.

[0008] In a possible implementation, the browser performance API interface collects a plurality of first performance data of the target browser, including:

[0009] The first API interface in the browser performance API interface obtains a resource loading time of a page of the target browser in a loading process;

[0010] The second API interface in the browser performance API interface obtains memory usage information of the target browser;

[0011] Based on the resource loading time and the memory usage information, the plurality of first performance data of the target browser are determined.

[0012] In a possible implementation, the data analysis on the plurality of first performance data and the plurality of second performance data determines performance data analysis results, including:

[0013] The data cleaning processing is performed on the plurality of first performance data and the plurality of second performance data to determine performance data after data cleaning;

[0014] The statistical analysis processing is performed on the performance data after data cleaning to determine distribution information of the performance data after data cleaning;

[0015] Based on a statistical method, the distribution information of the performance data after data cleaning and a performance baseline corresponding to the performance data after data cleaning are analyzed to determine the performance data analysis results.

[0016] In a possible implementation, the analysis based on the statistical method on the distribution information of the performance data after data cleaning and the performance baseline corresponding to the performance data after data cleaning to determine the performance data analysis results, including:

[0017] For each performance data after data cleaning, if the distribution information of the performance data after data cleaning does not satisfy the performance baseline of the performance data after data cleaning, it is determined that performance data analysis results of the performance data after data cleaning are abnormal performance data, and if the distribution information of the performance data after data cleaning satisfies the performance baseline of the performance data after data cleaning, it is determined that the performance data analysis results of the performance data after data cleaning are normal performance data.

[0018] In a possible implementation, the determination based on the performance data analysis results on whether to perform event alarm and abnormal event handling on the target browser, including:

[0019] If there is abnormal performance data in the performance data analysis result, an event alarm is sent to the target browser through a short message;

[0020] The log corresponding to the abnormal performance data is analyzed to determine the cause of the abnormal performance data.

[0021] In one possible implementation, after determining whether to send an event alarm to the target browser and abnormal event handling based on the performance data analysis result, the monitoring method further includes:

[0022] The first performance data, the second performance data, the performance data analysis result, and the historical performance data are displayed on the interface of the user.

[0023] In one possible implementation, after determining whether to send an event alarm to the target browser and abnormal event handling based on the performance data analysis result, the monitoring method further includes:

[0024] The first performance data, the second performance data, and the first performance data and the second performance data are generated into a visual report, and the visual report is sent to the user.

[0025] Embodiments of the present application also provide a browser real-time performance monitoring device, the monitoring device comprising:

[0026] The acquisition module is configured to acquire a plurality of first performance data of a target browser based on a browser performance API interface, and a user acquires a plurality of second performance data of the target browser based on monitoring requirements of the target browser by calling a pre-designed open API interface; wherein the first performance data is basic performance data of the target browser, and the second performance data is performance data of the target browser under monitoring requirements;

[0027] The data analysis module is configured to perform data analysis on the first performance data and the second performance data to determine a performance data analysis result.

[0028] The early warning module is configured to determine whether to send an event alarm to the target browser and abnormal event handling based on the performance data analysis result.

[0029] Embodiments of the present application also provide an electronic device, comprising a processor, a memory, and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory communicating through the bus when the electronic device is running, and the machine-readable instructions being executed by the processor to perform the steps of the browser real-time performance monitoring method as described above.

[0030] The application further provides a computer readable storage medium, which stores a computer program. When the computer program is run by a processor, the steps of the browser real-time performance monitoring method are executed.

[0031] The application provides a browser real-time performance monitoring method, device, equipment and medium. The monitoring method comprises the following steps: collecting a plurality of first performance data of a target browser based on a browser performance API interface; collecting a plurality of second performance data of the target browser based on a pre-designed open API interface called by a user based on monitoring requirements of the target browser; wherein the first performance data is basic performance data of the target browser, and the second performance data is performance data of the target browser under monitoring requirements; performing data analysis on the plurality of first performance data and the plurality of second performance data to determine a performance data analysis result; and determining whether to perform event alarm and abnormal event handling on the target browser based on the performance data analysis result. The performance indicators of the browser are obtained through the browser performance API interface, and the performance data of the browser under the monitoring requirements is obtained through the open API interface, so that the performance of the browser is comprehensively monitored, and real-time monitoring and data analysis are performed to enable the user to discover and solve the performance problems of the browser in time, and the performance and user experience of the browser are improved.

[0032] In order to make the above objectives, characteristics and advantages of the application more apparent, clear and easy to understand, the following preferred embodiments are specifically described below, and the accompanying drawings are referred to, and the detailed description is as follows. BRIEF DESCRIPTION OF DRAWINGS

[0033] In order to more clearly illustrate the technical solutions of the embodiments of the application, the following will briefly introduce the drawings needed to be used in the embodiments. It should be understood that the following drawings only show some of the embodiments of the application, and therefore should not be regarded as a limitation to the scope. For those skilled in the art, other related drawings can also be obtained without creative labor on the basis of these drawings.

[0034] Figure 1 A flow chart of a browser real-time performance monitoring method provided by the embodiments of the application;

[0035] Figure 2 One of the structural schematic diagrams of a browser real-time performance monitoring device provided by the embodiments of the application;

[0036] Figure 3 The second structural schematic diagram of a browser real-time performance monitoring device provided by the embodiments of the application;

[0037] Figure 4 A structural schematic diagram of an electronic device provided by an embodiment of the present application. DETAILED DESCRIPTION

[0038] To make the objectives, technical solutions, and advantages of the embodiments of the present application clearer, the following will clearly and completely describe the technical solutions in the embodiments of the present application with reference to the drawings in the embodiments of the present application. It should be understood that the drawings in the present application only serve the purpose of description and illustration, and are not used to limit the scope of protection of the present application. In addition, it should be understood that the schematic drawings are not drawn according to the actual proportions. The flowcharts used in the present application show the operations implemented according to some embodiments of the present application. It should be understood that the operations of the flowcharts can not be implemented in sequence, and the steps without logical context relationship can be reversed in sequence or implemented simultaneously. In addition, one or more other operations can be added to the flowcharts or one or more operations can be removed from the flowcharts by those skilled in the art under the guidance of the content of the present application.

[0039] In addition, the described embodiments are only some of the embodiments of the present application, not all the embodiments. The components of the embodiments of the present application described and shown in the drawings herein can be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the claimed present application, but only represents selected embodiments of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without creative labor fall within the scope of protection of the present application.

[0040] In order to enable those skilled in the art to use the content of the present application, the following implementation is given in combination with a specific application scenario "monitoring the performance of a browser", and those skilled in the art can apply the general principles defined herein to other embodiments and application scenarios without departing from the spirit and scope of the present application.

[0041] The methods, devices, electronic devices, or computer readable storage media described in the embodiments of the present application can be applied to any scenario that needs to monitor the performance of a browser, and the embodiments of the present application do not limit the specific application scenario. Any solution using the browser real-time performance monitoring method, device, equipment, and medium provided by the embodiments of the present application is within the scope of protection of the present application.

[0042] First, the application scenarios applicable to the present application are introduced. The present application can be applied to the field of computer technology.

[0043] With the rapid development of the Internet, people's requirements for browser performance are becoming higher and higher. Browser performance is crucial to user experience and website success. Performance problems can cause slow page loading, delayed response time, and user loss. Therefore, monitoring and optimizing browser performance has become increasingly important. However, existing browser performance monitoring has the following problems: 1. The performance indicators and suggestions provided by existing tools are usually based on general rules and experience. They cannot provide fine-tuned performance optimization suggestions for specific websites and applications. 2. Although the burying method can monitor browser performance by inserting monitoring code in the code, it requires modification of the code and is not flexible. The code invasion is large, and for existing large projects, it may cause large modification cost and security risks, affecting system stability. Therefore, how to monitor the performance of the browser has become a technical problem that cannot be underestimated.

[0044] Based on this, the embodiment of the present application provides a kind of monitoring method of real-time performance of browser, the performance indicators of each item of browser are acquired by browser performance API interface, and the performance data of browser under monitoring demand is acquired by open API interface, to realize the comprehensive monitoring to the performance of browser, and real-time monitoring and data analysis enable user to discover and solve the performance problem of browser in time, improve the performance of browser and user experience.

[0045] Please refer to Figure 1 , Figure 1 The flowchart of a kind of monitoring method of real-time performance of browser provided by the embodiment of the present application. As shown in Figure 1 The monitoring method provided by the embodiment of the present application includes:

[0046] S101: based on the first performance data of multiple target browsers collected by browser performance API interface, the second performance data of multiple target browsers is collected by user based on the monitoring demand of the target browser calling the open API interface designed in advance;Wherein the first performance data is the basic performance data of the target browser, and the second performance data is the performance data of the target browser under monitoring demand.

[0047] In this step, according to the first performance data of multiple target browsers collected by browser performance API interface, the second performance data of multiple target browsers is collected by user according to the monitoring demand of target browser calling the open API interface designed in advance.

[0048] Wherein the first performance data is the basic performance data of the target browser, and the second performance data is the performance data of the target browser under monitoring demand.

[0049] Here, the browser performance API interface is an API interface provided by the browser itself, and the open API interface is an API interface designed in advance to be installed on the browser, so that corresponding performance data of a monitoring function can be obtained by calling the open API interface according to the monitoring function.

[0050] In one possible implementation, the first performance data of the target browser collected based on the browser performance API interface includes:

[0051] A: The resource loading time of the page of the target browser in the loading process is obtained based on a first API interface in the browser performance API interface.

[0052] Here, the resource loading time of the page of the target browser in the loading process is obtained according to the first API interface in the browser performance API interface.

[0053] In this case, performance.timing (the first API interface) is used to obtain various time stamps in the page loading process, performance.now is used to obtain a time stamp from a fixed time point (usually the time point at which the page navigation starts) to the current time, and performance.getEntries is used to obtain a performance entry list, which contains various performance information such as resource loading and DOM operation.

[0054] B: The memory usage information of the target browser is obtained based on a second API interface in the browser performance API interface.

[0055] Here, the memory usage information of the target browser is obtained according to the second API interface in the browser performance API interface.

[0056] In this case, performance.memory (the second API interface) is used to obtain information about the memory usage of the browser, but please note that this API is not supported by all browsers, performance.measure is used to mark the time interval between two time points, and then performance.getEntriesByType ('measure') is used to obtain. A listener is registered through the PerformanceObserver interface to obtain new performance entries in an asynchronous manner.

[0057] C: The first performance data of the target browser is determined based on the resource loading time and the memory usage information.

[0058] Here, a plurality of first performance data of the target browser is determined according to resource loading time, memory usage information and other performance data.

[0059] Among them, the performance data of the browser is obtained by using the browser performance API interface (Performance API), and the Performance API provides a set of interfaces, such as performance. timing and performance. memory, for obtaining browser performance related data, including resource loading time, memory usage, etc.

[0060] Here, designing and implementing open API interfaces can allow developers to call interfaces according to needs to further implement precise performance monitoring and abnormal event handling. The open API interface is set up in the following ways: 1. Define API interface: determine API function: clearly define the performance monitoring and abnormal event handling functions that need to be provided for extension. Interface specification: define clear API interface for each function, including input parameters, output format, error handling mechanism, etc. 2. Implement API: use JavaScript: browser extensions are usually developed using JavaScript, so the extension API will also be implemented using JavaScript. Asynchronous processing: performance monitoring and abnormal event handling may take time, so asynchronous processing is used to avoid blocking the main thread. 3. API exposure: browser message passing: use the message passing mechanism provided by the browser to allow communication between different parts of the extension and between the extension and the page script. API call point: define the API call point in the extension. Developers can call the API through these points.

[0061] S102: Data analysis is performed on the plurality of first performance data and the plurality of second performance data to determine a performance data analysis result.

[0062] In this step, the plurality of first performance data and the plurality of second performance data are analyzed to determine a performance data analysis result.

[0063] In one possible implementation, the data analysis on the plurality of first performance data and the plurality of second performance data to determine a performance data analysis result includes:

[0064] a: data cleaning processing is performed on the plurality of first performance data and the plurality of second performance data to determine performance data after data cleaning.

[0065] Here, the plurality of first performance data and the plurality of second performance data are subjected to data cleaning processing to determine performance data after data cleaning.

[0066] b: performing statistical analysis on the performance data after data cleaning to determine the distribution information of the performance data after data cleaning.

[0067] Here, the performance data after data cleaning is statistically analyzed to determine the distribution information of the performance data after data cleaning.

[0068] Among them, the statistical analysis includes calculating the mean, standard deviation, median, maximum value, minimum value and other statistical indicators of the data to understand the basic distribution of the data, and through drawing histogram, line chart and other charts, the distribution and trend of the data are intuitively displayed.

[0069] c: analyzing the distribution information of the performance data after data cleaning and the performance baseline corresponding to the performance data after data cleaning based on statistical methods to determine the performance data analysis result.

[0070] Here, the performance data after data cleaning is analyzed according to statistical methods to determine the performance data analysis result.

[0071] Among them, the performance baseline is set according to business requirements and technical specifications, such as controlling the page loading time within a certain number of seconds, the memory usage rate should not exceed a certain percentage, etc.

[0072] In one possible implementation, the performance data analysis result is determined by analyzing the distribution information of the performance data after data cleaning and the performance baseline corresponding to the performance data after data cleaning based on statistical methods, including:

[0073] For each performance data after data cleaning, if the distribution information of the performance data after data cleaning does not meet the performance baseline of the performance data after data cleaning, the performance data analysis result of the performance data after data cleaning is determined as abnormal performance data, and if the distribution information of the performance data after data cleaning meets the performance baseline of the performance data after data cleaning, the performance data analysis result of the performance data after data cleaning is determined as normal performance data.

[0074] Here, for each performance data after data cleaning, if the distribution information of the performance data after data cleaning does not meet the performance baseline of the performance data after data cleaning, the performance data analysis result of the performance data after data cleaning is determined as abnormal performance data, and if the distribution information of the performance data after data cleaning meets the performance baseline of the performance data after data cleaning, the performance data analysis result of the performance data after data cleaning is determined as normal performance data.

[0075] In this solution, time series analysis method can also be used to identify long-term trends of performance data, and evaluate the stability and sustainability of the system by drawing trend charts, comparing performance indicators in different time periods, etc.

[0076] S103: determining whether to perform event alarm and abnormal event handling on the target browser based on the performance data analysis result.

[0077] In this step, it is determined whether to perform event alarm and abnormal event handling on the target browser based on the performance data analysis result.

[0078] In one possible implementation, the determining whether to perform event alarm and abnormal event handling on the target browser based on the performance data analysis result includes:

[0079] If there is abnormal performance data in the performance data analysis result, event alarm is performed on the target browser through short message; and the log corresponding to the abnormal performance data is analyzed to determine the cause of the abnormal performance data.

[0080] Here, if there is abnormal performance data in the performance data analysis result, event alarm is performed on the target browser through short message; and the log corresponding to the abnormal performance data is analyzed to determine the cause of the abnormal performance data.

[0081] In addition, event alarm can also be performed on the target browser through email or push message, which is not specifically limited. In-depth root cause analysis is performed on the triggered alarm event, such as using log analysis, stack tracking, memory analysis, etc. to locate the root cause of the performance problem.

[0082] In one possible implementation, after the determining whether to perform event alarm and abnormal event handling on the target browser based on the performance data analysis result, the monitoring method further includes:

[0083] The plurality of first performance data, the plurality of second performance data, the performance data analysis result, and the historical performance data are displayed on the interface of the user.

[0084] Here, the development of a visual interface presents performance status, trends and abnormal situations through intuitive charts and graphs, making it easy for users to quickly understand system status and make decisions. For example, real-time monitoring data is displayed on the user's interface: including memory usage, network bandwidth, page load time, DOM rendering time, script execution time and other key performance indicators. Historical performance data: shows performance data changes over a period of time, helping users identify performance bottlenecks and trends. Performance events and exceptions: display specific events or exceptions that may affect browser performance, such as long script execution, resource loading failure, etc. Resource loading details: lists all resources loaded by the current page and displays their loading time, size and other detailed information. Other relevant information: such as browser version, operating system information, device type, etc.

[0085] In one possible implementation, after determining whether to perform event warning and abnormal event handling on the target browser based on the performance data analysis result, the monitoring method further comprises:

[0086] The first performance data, the second performance data, and the first performance data and the second performance data are generated into a visual report, and the visual report is sent to the user.

[0087] Here, the first performance data, the second performance data, and the first performance data and the second performance data are generated into a visual report, and the visual report is sent to the user. The generated visual report includes performance indicator visualization charts, data tables, text descriptions, etc. to present detailed performance data and analysis results. The report is finally delivered to the user in electronic form or shared and accessed through an online platform.

[0088] In this solution, a browser monitoring extension is designed and implemented, integrating performance monitoring functions into the browser by installing the extension. The technical architecture is cross-browser and platform: To ensure that the extension works properly on different browsers and operating systems, cross-platform technologies such as WebAssembly and Web Components can be used to build the core functions of the extension. These technologies enable the extension to maintain consistency and efficiency in multiple environments. Adaptive user interface: Based on factors such as user device, browser version, and usage habits, the extension can dynamically adjust its user interface to provide a better user experience. For example, by detecting the user's device type and screen size, the extension can automatically switch to a more suitable interface layout. Privacy-enhanced data collection: When collecting browser performance data and abnormal event information, protecting user privacy is crucial. The extension can use symmetric encryption algorithms such as AES to encrypt the collected data, ensuring that it is not accessed by unauthorized users during transmission and storage. When these data are needed, decryption is performed. This encryption method can greatly improve data security and reduce the risk of privacy leakage.

[0089] In specific embodiments, step one: design and implement a browser monitoring extension, integrate performance monitoring functions into the browser by installing the extension. Step two: use the Performance API to obtain the first performance data of the browser. Step three: design and implement an open API, allowing developers to call interfaces according to their needs to further implement precise performance monitoring and abnormal event handling, and obtain the second performance data of the browser. Step four: design and implement a monitoring module to monitor the performance of the browser in real time. The monitoring module will continuously monitor these data and update performance data in real time according to the preset monitoring interval. Step five: design and implement a user interface to allow users to easily view the performance data of the browser, including resource loading time, memory usage, etc. Step six: analyze the monitoring data to timely discover and solve the performance problems of the browser. When the performance of the browser reaches the performance bottleneck, event alarms and custom abnormal event handling can be triggered. Step seven: generate corresponding reports, including visual charts, data tables, and text descriptions of performance indicators, to present detailed performance data and analysis results. The report is finally delivered to the user in electronic form or shared and accessed through an online platform.

[0090] In this scheme, the Performance API is used to obtain various performance indicators of the browser, including page loading time, resource loading time, etc., to comprehensively monitor the performance of the browser. The extension method is integrated into the browser, and users can use it simply by installing the extension. Real-time monitoring and data analysis enable users to promptly discover and solve performance problems of the browser, improve the performance of the browser and user experience. A user display interface is designed to enable users to conveniently view performance data of the browser and generate corresponding reports to help users better understand and solve performance.

[0091] The monitoring method for real-time performance of a browser provided in the embodiments of the present application comprises: collecting a plurality of first performance data of a target browser based on a browser performance API interface, and collecting a plurality of second performance data of the target browser based on a pre-designed open API interface called by a user based on monitoring requirements for the target browser; wherein the first performance data is basic performance data of the target browser, and the second performance data is performance data of the target browser under monitoring requirements; performing data analysis on the plurality of first performance data and the plurality of second performance data to determine a performance data analysis result; and determining whether to perform event alarm and abnormal event handling on the target browser based on the performance data analysis result. The various performance indicators of the browser are obtained through the browser performance API interface, and the performance data of the browser under monitoring requirements is obtained through the open API interface, so that comprehensive monitoring of the performance of the browser is realized, and real-time monitoring and data analysis enable users to promptly discover and solve performance problems of the browser, and improve the performance of the browser and user experience.

[0092] Please refer to Figure 2 、 Figure 3 , Figure 2 Figure 1 is a structural schematic diagram of a monitoring device for real-time performance of a browser provided in the embodiments of the present application; Figure 3 Figure 2 is another structural schematic diagram of a monitoring device for real-time performance of a browser provided in the embodiments of the present application. As shown in Figure 2, the monitoring device 200 comprises: Figure 2

[0093] The collecting module 210 is configured to collect a plurality of first performance data of a target browser based on a browser performance API interface, and collect a plurality of second performance data of the target browser based on a pre-designed open API interface called by a user based on monitoring requirements for the target browser; wherein the first performance data is basic performance data of the target browser, and the second performance data is performance data of the target browser under monitoring requirements.

[0094] ​The data analysis module 220 is configured to perform data analysis on the plurality of first performance data and the plurality of second performance data, and determine a performance data analysis result.

[0095] The early warning module 230 is configured to determine, based on the performance data analysis result, whether to perform event warning and abnormal event handling on the target browser.

[0096] Further, the collection module 210 is configured to, when collecting the plurality of first performance data of the target browser based on the browser performance API interface, specifically:

[0097] obtain, based on a first API interface in the browser performance API interface, resource loading time of a page of the target browser in a loading process;

[0098] obtain, based on a second API interface in the browser performance API interface, memory usage information of the target browser;

[0099] determine the plurality of first performance data of the target browser based on the resource loading time and the memory usage information.

[0100] Further, the data analysis module 220 is configured to, when performing data analysis on the plurality of first performance data and the plurality of second performance data to determine the performance data analysis result, specifically:

[0101] perform data cleaning processing on the plurality of first performance data and the plurality of second performance data to determine performance data after data cleaning;

[0102] perform statistical analysis processing on the performance data after data cleaning to determine distribution information of the performance data after data cleaning;

[0103] analyze, based on a statistical method, the distribution information of the performance data after data cleaning and a performance baseline corresponding to the performance data after data cleaning to determine the performance data analysis result.

[0104] Further, the data analysis module 220 is configured to, when analyzing, based on a statistical method, the distribution information of the performance data after data cleaning and the performance baseline corresponding to the performance data after data cleaning to determine the performance data analysis result, specifically:

[0105] For each data-cleansed performance data, if distribution information of the data-cleansed performance data does not satisfy a performance baseline of the data-cleansed performance data, it is determined that a performance data analysis result of the data-cleansed performance data is abnormal performance data, and if the distribution information of the data-cleansed performance data satisfies the performance baseline of the data-cleansed performance data, it is determined that the performance data analysis result of the data-cleansed performance data is normal performance data.

[0106] Further, the early warning module 230 is specifically configured to:

[0107] if the performance data analysis result includes abnormal performance data, the target browser is event alarmed through a short message service (SMS) mode;

[0108] the log corresponding to the abnormal performance data is analyzed to determine a cause of the abnormal performance data.

[0109] Further, as shown in Figure 3 the monitoring device 200 further includes a display module 240, and the display module 240 is configured to:

[0110] the first performance data, the second performance data, the performance data analysis result, and historical performance data are displayed on an interface of the user.

[0111] Further, as shown in Figure 3 the monitoring device 200 further includes a report generation module 250, and the report generation module 250 is configured to:

[0112] the first performance data, the second performance data, the first performance data, and the second performance data are generated into a visual report, and the visual report is sent to the user.

[0113] The embodiment of the present application provides a kind of monitoring device of browser real-time performance, the monitoring device includes: acquisition module, for based on the browser performance API interface acquisition to the multiple first performance data of target browser, user based on the monitoring demand of the target browser calls the multiple second performance data of target browser collected by pre-designed open API interface;Wherein, the first performance data is the basic performance data of the target browser, and the second performance data is the performance data of the target browser under monitoring demand;Data analysis module, for the data analysis of multiple first performance data and multiple second performance data, determines performance data analysis result;Early warning module, for determining whether the target browser is event alarm and abnormal event disposal based on the performance data analysis result.The performance index of browser is obtained by browser performance API interface, and the performance data of browser under monitoring demand is obtained by open API interface, so that the performance of browser is comprehensively monitored, and real-time monitoring and data analysis enable user to discover and solve the performance problem of browser in time, improve the performance of browser and user experience.

[0114] Please refer to Figure 4 , Figure 4 A structure schematic diagram of an electronic device provided by the embodiment of the present application is shown in FIG. 4. Figure 4 As shown in FIG. 4, the electronic device 400 includes a processor 410, a memory 420 and a bus 430.

[0115] The memory 420 stores machine readable instructions executable by the processor 410, when the electronic device 400 is running, the processor 410 and the memory 420 communicate through the bus 430, and the machine readable instructions are executed by the processor 410, which can execute the steps of the monitoring method of browser real-time performance in the method embodiment shown in the above. Figure 1 The specific implementation can be referred to the method embodiment, and will not be repeated here.

[0116] The embodiment of the present application also provides a computer readable storage medium, the computer readable storage medium stores computer program, and the computer program is executed by processor, which can execute the steps of the monitoring method of browser real-time performance in the method embodiment shown in the above. Figure 1 The specific implementation can be referred to the method embodiment, and will not be repeated here.

[0117] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the above-described system, device and unit can refer to the corresponding process in the foregoing method embodiment, and will not be repeated here.

[0118] In several embodiments provided in the present application, it should be understood that the disclosed system, device and method can be implemented in other manners. The described device embodiments are merely schematic, for example, the division of the units is only a logical function division, and there can be another division manner in actual implementation, for example, a plurality of units or components can be combined or integrated into another system, or some features can be ignored or not executed. In addition, the displayed or discussed mutual couplings or direct couplings or communication connections between different units, or the among different units, can be indirect couplings or communication connections through some interfaces, devices or units, and can be in electrical, mechanical or other forms.

[0119] The units described as separated components can or can not be physically separated, and the components displayed as units can or can not be physical units, i.e., can be located in one place, or can be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purposes of the embodiments of the present application.

[0120] In addition, each functional unit in the embodiments of the present application can be integrated in one processing unit, or each unit can exist physically as a separate unit, or two or more units can be integrated in one unit.

[0121] If the functions are implemented in the form of software function units and sold or used as independent products, they can be stored in a non-volatile computer readable storage medium executable by a processor. Based on this understanding, the technical solutions of the present application or the part of the technical solutions that make essential contributions to the prior art can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a plurality of instructions to make a computer device (which can be a personal computer, a server, or a network device, etc.) execute all or part of the steps of the methods described in the embodiments of the present application. The foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and various media that can store program codes.

[0122] Finally, it should be noted that the above-described embodiments are merely specific embodiments of the present application, which are used to illustrate the technical solutions of the present application, but not to limit the same. The protection scope of the present application is not limited thereto. Although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those skilled in the art that any skilled person in the art can still modify or easily think of changes to the technical solutions recorded in the foregoing embodiments, or make equivalent replacements to some of the technical features, within the technical scope disclosed by the present application. The modifications, changes or replacements do not make the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present application, and should be covered within the protection scope of the present application. Therefore, the protection scope of the present application should be subject to the protection scope of the claims.

Claims

1. A method of monitoring real-time performance of a browser, characterized by, The monitoring method comprises: A plurality of first performance data of a target browser are collected based on a browser performance API interface, and a plurality of second performance data of the target browser are collected based on a monitoring requirement of the target browser by calling a pre-designed open API interface; wherein the first performance data is basic performance data of the target browser, and the second performance data is performance data of the target browser under the monitoring requirement; Data analysis is performed on the plurality of first performance data and the plurality of second performance data to determine a performance data analysis result; It is determined whether to perform event alarm and abnormal event handling on the target browser based on the performance data analysis result.

2. The monitoring method according to claim 1, characterized in that, The plurality of first performance data of the target browser collected based on the browser performance API interface comprises: Resource loading time of a page of the target browser in a loading process is obtained based on a first API interface in the browser performance API interface; Memory usage information of the target browser is obtained based on a second API interface in the browser performance API interface; The plurality of first performance data of the target browser is determined based on the resource loading time and the memory usage information.

3. The monitoring method of claim 1, wherein, The data analysis on the plurality of first performance data and the plurality of second performance data to determine the performance data analysis result comprises: Data cleaning processing is performed on the plurality of first performance data and the plurality of second performance data to determine performance data after data cleaning; Statistical analysis processing is performed on the performance data after data cleaning to determine distribution information of the performance data after data cleaning; The distribution information of the performance data after data cleaning and a performance baseline corresponding to the performance data after data cleaning are analyzed based on a statistical method to determine the performance data analysis result.

4. The monitoring method according to claim 3, characterized in that, The analysis based on the statistical method on the distribution information of the performance data after data cleaning and the performance baseline corresponding to the performance data after data cleaning to determine the performance data analysis result comprises: For each performance data after data cleaning, if the distribution information of the performance data after data cleaning does not satisfy the performance baseline of the performance data after data cleaning, it is determined that the performance data analysis result of the performance data after data cleaning is abnormal performance data, and if the distribution information of the performance data after data cleaning satisfies the performance baseline of the performance data after data cleaning, it is determined that the performance data analysis result of the performance data after data cleaning is normal performance data.

5. The monitoring method of claim 1, wherein, The determination based on the performance data analysis result whether to perform event alarm and abnormal event handling on the target browser comprises: If there is abnormal performance data in the performance data analysis result, event alarm is performed on the target browser by means of short message; The reason for the abnormal performance data is determined by analyzing a log corresponding to the abnormal performance data.

6. The monitoring method of claim 1, wherein, After the determination based on the performance data analysis result whether to perform event alarm and abnormal event handling on the target browser, the monitoring method further comprises: The first performance data, the second performance data, the performance data analysis result and the historical performance data are displayed on the interface of the user.

7. The monitoring method of claim 1, wherein, After determining whether to perform event warning and abnormal event handling on the target browser based on the performance data analysis result, the monitoring method further comprises: The first performance data, the second performance data, the first performance data and the second performance data are generated into a visual report, and the visual report is sent to the user.

8. A device for monitoring the real-time performance of a browser, characterized in that, The monitoring device comprises: The acquisition module is configured to acquire a plurality of first performance data of a target browser based on a browser performance API interface, and a user acquires a plurality of second performance data of the target browser based on a pre-designed open API interface according to a monitoring requirement of the target browser; wherein the first performance data is basic performance data of the target browser, and the second performance data is performance data of the target browser under the monitoring requirement; The data analysis module is configured to perform data analysis on the first performance data and the second performance data to determine a performance data analysis result. The warning module is configured to determine whether to perform event warning and abnormal event handling on the target browser based on the performance data analysis result.

9. An electronic device, comprising: The processor, the memory and the bus, the memory stores machine readable instructions executable by the processor, when the electronic device runs, the processor and the memory communicate through the bus, the machine readable instructions are executed by the processor to execute the steps of the browser real-time performance monitoring method in any one of claims 1 to 7. The computer readable storage medium stores a computer program, and the computer program is executed by the processor to execute the steps of the browser real-time performance monitoring method in any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that, ​

Images