CN113010371A - Method and system for monitoring real user experience of browser end in real time - Google Patents

Method and system for monitoring real user experience of browser end in real time Download PDF

Info

Publication number
CN113010371A
CN113010371A CN202011419594.1A CN202011419594A CN113010371A CN 113010371 A CN113010371 A CN 113010371A CN 202011419594 A CN202011419594 A CN 202011419594A CN 113010371 A CN113010371 A CN 113010371A
Authority
CN
China
Prior art keywords
real
monitoring
time
browser
user experience
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202011419594.1A
Other languages
Chinese (zh)
Inventor
高驰涛
郎志
杨迎辉
古建华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Cloudwise Beijing Technology Co Ltd
Original Assignee
Cloudwise Beijing Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Cloudwise Beijing Technology Co Ltd filed Critical Cloudwise Beijing Technology Co Ltd
Priority to CN202011419594.1A priority Critical patent/CN113010371A/en
Publication of CN113010371A publication Critical patent/CN113010371A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/30Monitoring
    • G06F11/3055Monitoring arrangements for monitoring the status of the computing system or of the computing system component, e.g. monitoring if the computing system is on, off, available, not available
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Computing Systems (AREA)
  • Quality & Reliability (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • Debugging And Monitoring (AREA)

Abstract

The invention relates to a method and a system for monitoring real user experience of a browser end in real time. By injecting a JS script, a monitoring function is hung in an XMLHttpRequest object, and the asynchronous update of a webpage is realized by changing the workflow of Ajax in a browser, namely, under the condition that the whole webpage is not reloaded, the interaction state of a webpage request and background data is monitored, the monitoring function is added, and information required to be monitored is collected. Therefore, zero intrusion of user codes can be realized, important information such as user operation on the page and the performance of the page can be automatically acquired through zero modification, and real-time monitoring and analysis of real user experience of the browser end can be realized.

Description

Method and system for monitoring real user experience of browser end in real time
Technical Field
The invention belongs to the field of APM (Application Performance Management and Monitoring), in particular to a method and a system for Monitoring real user experience of a browser in real time, which are mainly applied to collecting and analyzing real user behavior and experience data of the browser, helping enterprises locate the problem of the browser and providing directions for optimizing the user experience.
Background
JavaScript (JS for short) is a scripting language belonging to the Web, has been widely used for Web application development, and is often used to add various dynamic functions to a Web page to provide a smoother and more beautiful browsing effect for a user.
The JavaScript scripting language has the following characteristics:
(1) a scripting language. The JavaScript is an interpreted script language, languages such as C, C + + are compiled and then executed, and the JavaScript is interpreted line by line during the running process of the program.
(2) Based on the object. JavaScript is an object-based scripting language that can not only create objects, but also use existing objects.
(3) It is simple. The JavaScript language adopts weak variable types, does not make strict requirements on the used data types, is a script language based on Java basic statements and control, and has simple and compact design.
(4) And (4) dynamic property. JavaScript is an event-driven scripting language that responds to user input without going through a Web server. When a webpage is accessed, and the mouse clicks or moves up and down, moves a window and the like in the webpage, the JavaScript can directly give corresponding responses to the events.
(5) And (4) cross-platform performance. The JavaScript scripting language is not dependent on an operating system and only needs the support of a browser. Therefore, one JavaScript script can be taken to any machine for use after being written, on the premise that a browser on the machine supports a JavaScript script language, and at present, the JavaScript is supported by most browsers.
Unlike server-side scripting languages, such as PHP and ASP, JavaScript is mainly run on the user's browser as a client-side scripting language, without the support of a server.
For the client, statistical data of information such as page response time, throughput rate, js error, ajax request number, access number and the like are very important for problem point positioning and user experience analysis of a product. However, in the prior art, there is no perfect solution for collecting the above data, and the finally collected data is not detailed and satisfactory enough, so the collection and analysis of the user data and the performance data of such clients become urgent needs.
When a website has performance problems or problems of complaints caused by poor user experience, a commonly used scheme is to modify business logic, namely, logic for monitoring required problem data information is inserted into the business logic, or analysis and judgment are carried out through experience of a high-level engineer, which generally faces the problems that workload is large or positioning is inaccurate, and troubleshooting is difficult, and great trouble is caused on how to solve the problems in time when the problems occur.
In conclusion, the important data can be conveniently collected in the production environment continuously so as to prevent or solve the problems in advance, and the urgent need of the client is met.
Disclosure of Invention
In order to solve the above problems in the prior art, on the one hand, the present invention provides a method for monitoring real user experience of a browser end in real time, which utilizes the characteristic that js can be injected into an HTML (HTML refers to HyperText Markup Language, which is called HyperText Markup Language in its entirety) page, and injects js scripts in an automatic or manual manner, so that zero intrusion of user codes can be realized, and important information such as user operation on the page and performance of the page can be automatically acquired by zero modification, thereby realizing real-time monitoring and analysis of real user experience of the browser end.
In order to achieve the purpose, the invention adopts the main technical scheme that:
a method for monitoring real user experience of a browser end in real time comprises the following steps:
a method for monitoring real user experience of a browser end in real time is characterized in that a JS script is injected, a monitoring function is hung in an XMLHttpRequest object, asynchronous updating of a webpage is achieved by changing the workflow of Ajax in the browser, namely, the interaction state of a webpage request and background data is monitored under the condition that the whole webpage is not reloaded, the monitoring function is added, and information required to be monitored is collected.
By means of the scheme, the method for monitoring the real user experience of the browser end in real time can realize the experience monitoring and analysis of the web end user without modifying and intruding application codes: compared with the traditional web end performance data collection technology (the data can be collected only by adding logic codes at corresponding positions in the application, the code maintenance is high in intensity requirement, time and labor are consumed, and finally collected data is possibly unsatisfactory); the web rum can collect a whole set of performance index data of the page in a non-invasive manner through a js injection mode, and collects a complete set of standardized data indexes for user experience and page monitoring analysis, so that the production efficiency is greatly improved, and the maintenance cost is reduced.
The method for monitoring the real user experience of the browser end in real time comprises the following steps:
s1, enumerating a monitoring method of the native XMLHttpRequest object;
s2, rewriting the XMLHttpRequest object, and collecting information by using the XMLHttpRequest object on which the monitoring method in the step S1 is mounted;
and S3, processing the collected information to obtain a final monitoring result of the Ajax request of the page.
In the method for monitoring the real user experience of the browser in real time according to an embodiment of the present invention, the step S2 of rewriting the XMLHttpRequest object includes:
s21, creating an original object xhr;
s22, monitoring the readystatechange of the xhr object created in the step S21, and triggering the preset monitoring method in the step S1 after the state changes every time;
s23, mounting the xhr object added with the monitoring method on the native XMLHttpRequest object, realizing the rewriting of the XMLHttpRequest object, adding the monitoring function and collecting information.
In the method for monitoring real-time experience of a browser-side user according to an embodiment of the present invention, the information collected in step S2 includes any one or more of the following: request url, request type, whether asynchronous, timestamp of request start, request data size, first byte time of response data, response end time, impact status value, response status text, response data size, timeout time, whether request is in error.
In step S1, the enumerated monitoring method in the method for real-time monitoring of real user experience of a browser end according to an embodiment of the present invention includes: "onreadystatetechnique", "onload", "onerror".
The method for monitoring the real user experience of the browser end in real time further comprises the step S4 of performing JS error stack grabbing based on the window.
The method for monitoring the real user experience of the browser end in real time in one embodiment of the invention comprises the following steps of:
s42, copying the original window onerror method to origin _ error;
the method of the initial _ error and the catherr are respectively executed in the method of the initial _ error and the catherr, the direction of this is changed by the application method, and the parameters are introduced by the arrows;
s44, analyzing the error information by the catherr method.
Since the method of not directly rewriting the window is adopted in step S42, it is possible to effectively prevent the onerror from being rewritten.
The method for monitoring the real user experience of the browser end in real time in one embodiment of the invention further comprises a step S41 of judging the type of the browser according to a window viewer user method before the step S42, and preparing for compatible processing.
In the method for monitoring the real user experience of the browser end in real time according to an embodiment of the present invention, in step S44, the error information is analyzed into any one or more of the following types:
EvalError errors occur in eval ();
syntax error, syntax error;
RangeError value out of range;
ReferenceError, reference is not available;
TypeError variable type is not expected;
URIError errors occur in the encoderURI () or decoderURI ().
The method for monitoring the real user experience of the browser end in real time further comprises the step S5 of obtaining the first screen time of the page, namely obtaining the first screen loading time through the first screen loading finish time of the picture of the page.
The method for monitoring the real user experience of the browser end in real time in one embodiment of the invention comprises the following steps of:
s51, acquiring picture resources in the first screen, and acquiring all pictures in the page through getElementsByTagName (img);
s52, judging the offset Top of each picture, and storing all the pictures with the offset Top being smaller than the height of the browser window into an array as a mark for first screen loading;
s53, monitoring the loading state of the pictures stored in the array, and judging that the first screen loading end time is obtained when all the picture states are complete;
and S54, calculating the difference value between the ending time and the loading time as the first screen loading time.
On the other hand, the invention also provides a system for monitoring the real user experience of the browser end in real time, which can utilize the characteristic that js can be injected into an HTML page, and inject js scripts in an automatic or manual mode, so that zero intrusion of user codes can be realized, important information such as user operation on the page, the page performance and the like can be automatically acquired through zero modification, and the real user experience of the browser end can be monitored and analyzed in real time.
In order to achieve the purpose, the invention adopts the main technical scheme that:
a system for real-time monitoring of browser-side real-user experience, comprising:
and the JS script injection module is used for hanging a monitoring function in the XMLHttpRequest object, realizing asynchronous updating of the webpage by changing the workflow of Ajax in the browser, namely monitoring the interaction state of the webpage request and background data under the condition of not reloading the whole webpage, increasing the monitoring function and collecting information required to be monitored.
By means of the scheme, the system for monitoring the real user experience of the browser end in real time can realize the experience monitoring and analysis of the web end user without modifying and intruding application codes: compared with the traditional web end performance data collection technology (the data can be collected only by adding logic codes at corresponding positions in the application, the code maintenance is high in intensity requirement, time and labor are consumed, and finally collected data is possibly unsatisfactory); the web rum can collect a whole set of performance index data of the page in a non-invasive manner through a js injection mode, and collects a complete set of standardized data indexes for user experience and page monitoring analysis, so that the production efficiency is greatly improved, and the maintenance cost is reduced.
The system for monitoring the real user experience of the browser end in real time in one embodiment of the invention comprises the following steps:
the native XMLHttpRequest object monitoring method enumeration module is used for enumerating monitoring methods of the native XMLHttpRequest object;
an XMLHttpRequest object rewriting module for rewriting the XMLHttpRequest object;
the information collection module is used for collecting information by using an XMLHttpRequest object on which the monitoring method is mounted;
and the information processing module is used for processing the collected information to obtain a final monitoring result of the Ajax request of the page.
The system for monitoring the real user experience of the browser end in real time in the preferred embodiment of the invention, wherein the XMLHttpRequest object rewriting module comprises:
original object xhr creation sub-module for creating original object xhr;
the state change monitoring submodule is used for monitoring the readystatechange of the created xhr object;
the monitoring method triggering submodule is used for triggering a preset monitoring method after the state is changed every time;
xhr object mounting submodule, for mounting xhr object added with monitoring method on the original XMLHttpRequest object, realizing rewriting of XMLHttpRequest object, increasing monitoring function, and collecting information.
The system for monitoring the real user experience of the browser end in real time in one embodiment of the invention, wherein the information collected by the information collection module comprises any one or more of the following: request url, request type, whether asynchronous, timestamp of request start, request data size, first byte time of response data, response end time, impact status value, response status text, response data size, timeout time, whether request is in error.
The system for monitoring the real user experience of the browser end in real time in one embodiment of the invention comprises a monitoring method enumerated by a native XMLHttpRequest object monitoring method enumeration module, wherein the monitoring method enumerated by the native XMLHttpRequest object monitoring method enumeration module comprises the following steps: "onreadystatetechnique", "onload", "onerror".
The system for monitoring the real user experience of the browser end in real time further comprises a JS error stack grabbing module, wherein the JS error stack grabbing module is used for performing JS error stack grabbing based on a window.
The system for monitoring the real user experience of the browser end in real time in a preferred embodiment of the invention, wherein the js error stack grabbing module comprises:
original window. onerror method copy submodule for copying original window. onerror method to origin _ error;
the method of window rewriting sub-module, is used for rewriting the method of window, namely, performing origin _ error and catherr methods in the method of window, respectively, and changing this direction by the application method, and passing parameters in by the definitions;
a JS error information collecting submodule for inserting a monitoring method catmerr to collect JS error information;
and the error information analysis submodule is used for analyzing the error information by the cathmerr method.
In the system for monitoring the real user experience of the browser end in real time in one embodiment of the present invention, the js error stack capture module further includes a browser type determination submodule, configured to determine the browser type according to a window.
In the system for monitoring the real user experience of the browser end in real time according to the preferred embodiment of the present invention, the error information parsing sub-module parses the error information into any one or more of the following types:
EvalError errors occur in eval ();
syntax error, syntax error;
RangeError value out of range;
ReferenceError, reference is not available;
TypeError variable type is not expected;
URIError errors occur in the encoderURI () or decoderURI ().
The system for monitoring the real user experience of the browser end in real time in the preferred embodiment of the invention further comprises: the page first screen time acquisition module is used for acquiring the page first screen time and obtaining the first screen loading time through the picture first screen loading completion time of the page.
In the system for real-time monitoring of experience of a browser-end real user according to a preferred embodiment of the present invention, the page initial screen time obtaining module includes:
the image resource acquisition sub-module is used for acquiring image resources in the first screen and acquiring all images in a page through getElementsByTagName (img);
the first screen loading marking submodule is used for judging the offset Top of each picture and storing all the pictures with the offset Top being smaller than the height of the browser window into an array to be used as a first screen loading mark;
the picture loading state monitoring sub-module is used for monitoring the loading state of the pictures stored in the array and judging that the first screen loading end time is obtained when the states of all the pictures are complete;
and the first screen loading time calculation submodule is used for calculating the difference value between the ending time and the loading time as the first screen loading time.
The method and the system for monitoring the real user experience of the browser end in real time can utilize the characteristic that js can be injected into an HTML page, inject js scripts in an automatic or manual mode, realize zero intrusion of user codes, automatically acquire important information such as user operation on the page, page performance and the like through zero modification, and accordingly realize real-time monitoring and analysis of the real user experience of the browser end.
Drawings
FIG. 1 is a schematic diagram of creating an interactive web application using Ajax;
FIG. 2 is a schematic block diagram of a method for real-time monitoring of real-time user experience of a browser according to an embodiment of the present invention;
FIG. 3 is a schematic main flowchart of a method for real-time monitoring of real user experience of a browser according to an embodiment of the present invention;
FIG. 4 is a schematic main flowchart of rewriting an XMLHttpRequest object in a method for real-time monitoring of browser-end real user experience according to an embodiment of the present invention;
FIG. 5 is a schematic diagram illustrating a main flow of js error stack fetching in a method for real-time monitoring of real user experience of a browser according to an embodiment of the present invention;
FIG. 6 is a schematic diagram illustrating a main flow of acquiring a first screen time of a page in a method for real-time monitoring of experience of a browser-end user according to an embodiment of the present invention;
fig. 7 is a schematic view of JS codes of a method for monitoring real user experience of a browser in real time according to an application example of the present invention.
Detailed Description
For the purpose of better explaining the present invention and to facilitate understanding, the present invention will be described in detail by way of specific embodiments with reference to the accompanying drawings.
Referring to fig. 1, Ajax, which is "Asynchronous Javascript And XML" (Asynchronous Javascript And XML), refers to a web page development technology for creating an interactive web page application.
By exchanging a small amount of data with the server in the background, Ajax can enable the webpage to be updated asynchronously. This means that certain parts of the web page can be updated without reloading the entire web page.
According to the method, the js script is injected to change the Ajax workflow in the browser, so that some monitoring methods are injected to monitor the interaction state (response time, error information and the like) of the page request and the background data.
As shown in fig. 2, the method for monitoring real user experience of a browser in real time according to an embodiment of the present invention is to mount a snoop function in an XMLHttpRequest object, and add a snoop function of the object to collect information to be monitored without destroying the Ajax native object function.
In particular, the following process can be referred to (see fig. 3):
s1, enumerating a monitoring method of the native XMLHttpRequest object, such as: "onreadystatechange", "onload", "onerror", and the like;
s2, rewriting an XMLHttpRequest object;
and S3, processing the collected information to obtain a final monitoring result of the Ajax request of the page.
Referring to fig. 4, in a preferred embodiment of the present invention, step S2 includes the following sub-steps:
s21, creating an original object xhr;
s22, monitoring the readystatechange of xhr objects, triggering a self-defined monitoring method (the method enumerated in the step S1) after the state changes every time, and collecting information;
s23, mounting the xhr object added with the monitoring method on the native XMLHttpRequest object, and increasing the monitoring function.
Wherein, the information that can be collected includes: request url, request type, whether asynchronous, timestamp of start of request, request data size, first byte time of response data, response end time, impact status value, response status text, response data size, timeout time, whether request is in error, etc.
And (4) the collected information is processed by a background to obtain a final monitoring result of the Ajax request of the page.
In a preferred embodiment of the present invention, the method further comprises step S4, performing js error stack grabbing.
The realization principle of js error stack grabbing is as follows:
based on the window.
This can be achieved as follows (see fig. 5):
s41, determining the browser type according to the window navigator user method, and preparing for compatible processing;
s42, copy the original window onerror method to origin _ error (not directly rewrite the window onerror method, prevent having already rewritten onerror);
oneror method, within which origin _ error and catherr methods are respectively performed, and changing the this orientation by the application method and passing all parameters into via arrows
And S44, analyzing the error information by the catherr method, and storing the analyzed error information into an object for later use.
The error information can be analyzed into the following types:
EvalError errors occur in eval ();
syntax error, syntax error;
RangeError value out of range;
ReferenceError, reference is not available;
TypeError variable type is not expected;
URIError errors occur in the encoderURI () or decoderURI ().
By the method, all js error information in the page can be collected and sent to the background for processing, and finally, the monitoring results of all js error information can be obtained.
In a preferred embodiment of the present invention, the method further includes step S5 of obtaining the page first screen time.
The implementation principle of obtaining the first screen time of the page is as follows: and judging the first screen loading time according to the first screen loading finish time of the picture of the page.
This can be achieved as follows (see fig. 6):
s51, acquiring picture resources in the first screen, and acquiring all pictures in the page through getElementsByTagName (img);
s52, judging the offset Top of each picture, and storing all the pictures with the offset Top being smaller than the height of the browser window into an array as a mark for first screen loading;
s53, monitoring the loading state of the pictures stored in the array, and judging that the first screen loading end time is obtained when all the picture states are complete;
and S54, calculating the difference value between the ending time and the loading time as the first screen loading time.
By the method, the first screen loading time of each time the user clicks the page can be collected and visually displayed to be used as a judgment standard for judging whether the page needs to be optimized.
By means of the technical scheme, the method for monitoring the real user experience of the browser end in real time can realize the experience monitoring and analysis of the web end user without modifying and intruding application codes: compared with the traditional web end performance data collection technology (the data can be collected only by adding logic codes at corresponding positions in the application, the code maintenance is high in intensity requirement, time and labor are consumed, and finally collected data is possibly unsatisfactory); the web rum can collect a whole set of performance index data of the page in a non-invasive manner through a js injection mode, and collects a complete set of standardized data indexes for user experience and page monitoring analysis, so that the production efficiency is greatly improved, and the maintenance cost is reduced.
The following also provides a specific application example to describe the present invention.
In this application example, the code shown in fig. 7 may be manually pasted in < head > of the source code of the front-end page (preferably, pasted behind < meta >; further pasted in front of all < script >), thereby completing the injection of js file into the front-end page, and achieving the effect of collecting the whole set of performance index data of the page without intrusion, including the following technical indexes:
web RUM: monitoring and analyzing the real user experience of the Web end;
JS error rate: in a period of time, the JS error times account for the percentage of the total JS execution times;
AJAX error number: the number of AJAX errors occurring in all pages within a period of time;
AJAX request response time: the total time from the initiation of an AJAX request by a user to the completion of page rendering by a browser is required;
response time: the total time required from the initiation of the request by the user to the completion of the rendering of the page by the browser;
JS error count: the number of JavaScript errors occurring when a user accesses a Web front-end page within a period of time;
number of AJAX requests: in a period of time, the quantity of AJAX requests triggered by the Web front-end page is totally counted;
the first screen time: the time of the browser for displaying the first screen page is usually much longer than the first screen time, so that the first screen time is used for judging the time of the user for seeing the first screen content, and is an important index for measuring the user experience.
In addition, the code can also be automatically injected through plug-ins such as PHP, Python, Dotnet and the like.
In summary, the method and system for monitoring the real user experience of the browser end in real time of the present invention utilize the feature that js can be injected into an HTML page, and inject js scripts in an automatic or manual manner, so that zero intrusion of user codes can be realized, and important information such as user operation on the page and page performance can be automatically acquired without modification, thereby realizing real-time monitoring and analysis of the real user experience of the browser end.

Claims (10)

1. A method for monitoring real user experience of a browser end in real time is characterized in that a JS script is injected, a monitoring function is hung in an XMLHttpRequest object, asynchronous updating of a webpage is achieved by changing the workflow of Ajax in the browser, namely, the interaction state of a webpage request and background data is monitored under the condition that the whole webpage is not reloaded, the monitoring function is added, and information required to be monitored is collected.
2. The method for real-time monitoring of browser-side real-user experience as recited in claim 1, comprising the steps of:
s1, enumerating a monitoring method of the native XMLHttpRequest object;
s2, rewriting the XMLHttpRequest object, and collecting information by using the XMLHttpRequest object on which the monitoring method in the step S1 is mounted;
and S3, processing the collected information to obtain a final monitoring result of the Ajax request of the page.
3. The method for real-time monitoring of browser-side real user experience according to claim 2, wherein the step of rewriting XMLHttpRequest object in step S2 includes:
s21, creating an original object xhr;
s22, monitoring the readystatechange of the xhr object created in the step S21, and triggering the preset monitoring method in the step S1 after the state changes every time;
s23, mounting the xhr object added with the monitoring method on the native XMLHttpRequest object, realizing the rewriting of the XMLHttpRequest object, adding the monitoring function and collecting information.
4. The method for real-time monitoring of browser-side real-user experience as claimed in claim 3, wherein the information collected in step S2 includes any one or more of the following: request url, request type, whether asynchronous, timestamp of request start, request data size, first byte time of response data, response end time, impact status value, response status text, response data size, timeout time, whether request is in error.
5. The method for real-time monitoring of real-time experience of a browser end according to claim 1, wherein in step S1, the enumerated listening method includes: "onreadystatetechnique", "onload", "onerror".
6. The method for real-time monitoring of browser-side real-user experience as claimed in claim 1, further comprising steps S4 and/or S5, wherein:
step S4, performing JS error stack grabbing based on the window.
And step S5, acquiring the first screen time of the page, namely acquiring the first screen loading time through the first screen loading finish time of the picture of the page.
7. The method for real-time monitoring of browser-side real-user experience of claim 6, wherein:
s4 specifically includes the following steps: s42, copying the original window onerror method to origin _ error; the method of the initial _ error and the catherr are respectively executed in the method of the initial _ error and the catherr, the direction of this is changed by the application method, and the parameters are introduced by the arrows; s44, analyzing error information by a catherr method;
s5 specifically includes the following steps: s51, acquiring picture resources in the first screen, and acquiring all pictures in the page through getElementsByTagName (img); s52, judging the offset Top of each picture, and storing all the pictures with the offset Top being smaller than the height of the browser window into an array as a mark for first screen loading; s53, monitoring the loading state of the pictures stored in the array, and judging that the first screen loading end time is obtained when all the picture states are complete; and S54, calculating the difference value between the ending time and the loading time as the first screen loading time.
8. The method for real-time monitoring of real user experience of a browser according to claim 7, wherein before step S42, the method further comprises step S41 of determining a browser type according to a window navigator user agent method, in preparation for compatible processing.
9. The method for real-time monitoring of real user experience of browser end as claimed in claim 7, in step S44, the error message is parsed into any one or more of the following types:
EvalError errors occur in eval ();
syntax error, syntax error;
RangeError value out of range;
ReferenceError, reference is not available;
TypeError variable type is not expected;
URIError errors occur in the encoderURI () or decoderURI ().
10. A system for real-time monitoring of real-time experience of a browser end, which is used in the method for real-time monitoring of real-time experience of a browser end according to any one of claims 1 to 9.
CN202011419594.1A 2020-12-07 2020-12-07 Method and system for monitoring real user experience of browser end in real time Pending CN113010371A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011419594.1A CN113010371A (en) 2020-12-07 2020-12-07 Method and system for monitoring real user experience of browser end in real time

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011419594.1A CN113010371A (en) 2020-12-07 2020-12-07 Method and system for monitoring real user experience of browser end in real time

Publications (1)

Publication Number Publication Date
CN113010371A true CN113010371A (en) 2021-06-22

Family

ID=76383186

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011419594.1A Pending CN113010371A (en) 2020-12-07 2020-12-07 Method and system for monitoring real user experience of browser end in real time

Country Status (1)

Country Link
CN (1) CN113010371A (en)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107678932A (en) * 2017-09-29 2018-02-09 浪潮软件集团有限公司 Application performance analysis method and device
CN109739725A (en) * 2018-12-29 2019-05-10 云智慧(北京)科技有限公司 Monitoring method, device and system based on browser and storage medium

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107678932A (en) * 2017-09-29 2018-02-09 浪潮软件集团有限公司 Application performance analysis method and device
CN109739725A (en) * 2018-12-29 2019-05-10 云智慧(北京)科技有限公司 Monitoring method, device and system based on browser and storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
星辉: "透视宝:透过浏览器问诊真实用户体验", pages 1 - 5, Retrieved from the Internet <URL:m.itbear.com.cn/html/2016-04/170020/html> *

Similar Documents

Publication Publication Date Title
US9235640B2 (en) Logging browser data
CN107295050B (en) Front-end user behavior statistical method and device
US9118549B2 (en) Systems and methods for context management
US8132095B2 (en) Auditing a website with page scanning and rendering techniques
US9635094B2 (en) Capturing and replaying application sessions using resource files
US8365062B2 (en) Auditing a website with page scanning and rendering techniques
CN111901192B (en) Statistical method and device for page access data
US8639743B1 (en) System and method for on-the-fly rewriting of JavaScript
US8112672B2 (en) Diagnostics and error reporting for common tagging issues
US20130060915A1 (en) Aggregated web analytics request systems and methods
CN108304498A (en) Webpage data acquiring method, device, computer equipment and storage medium
CN106897215A (en) A kind of method gathered based on WebView webpages loading performance and user behavior flow data
US8819539B1 (en) On-the-fly rewriting of uniform resource locators in a web-page
US20130263156A1 (en) Operation log collection method and device
CN106598991A (en) Web crawler system capable of realizing website interaction and automatic form extraction by conversational mode
CN109240700B (en) Key code positioning method and system
Mardani et al. Fawkes: Faster Mobile Page Loads via {App-Inspired} Static Templating
CN110334302B (en) Complex Web application front-end runtime analysis method
CN114491560A (en) Vulnerability detection method and device, storage medium and electronic equipment
CN109240664A (en) A kind of method and terminal acquiring user behavior information
CN109062784B (en) Interface parameter constraint code entry positioning method and system
CN116521552A (en) Method, device and equipment for acquiring test defects and readable storage medium
CN113010371A (en) Method and system for monitoring real user experience of browser end in real time
CN109062785B (en) Interface parameter constraint code positioning method and system
CN110309465B (en) Design method and device for interface-free simulation browser component

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination