Abnormal monitoring

1. Front-end error classification:

  • Immediate runtime error: code error
  • Resource loading error
  • Script error will be displayed for cross-domain code execution errors. In this case we need to add the Crossorigin attribute to the Script tag and access-Control-Allow-Origin to the server

2. Real-time error capture

(1) try…. catch

(2) window.onerror or window.addEventListener remember that the event capture phase is obtained, not the bubble phase

3. Resource loading error

(1) Object. onerror, such as img.onerror

(2) Performance. GetEntries (getEntries API returns an array that completes the loading of resources, assuming img, and then queries how many IMGs there are on the page. The difference between the two is that there is no loaded resource.)

(3) Error event capture

4. How to report errors

(1) the ajax

(2) The SRC of image is reported

  • (new Image()).src = ‘error report request address’

    Generally speaking, big factories report errors by using image objects. Send a GET request using an image to report information. Because the browser has a cache for the image, the image is sent only once for the same request, avoiding repeated reports

Performance monitoring

In the finishing…

Buried point

In the finishing…

Reference:

Front-end anomaly monitoring. – This is enough

Thinking about the process of realizing buried point reporting scheme

Front-end performance and exceptions are reported

Front end buried point statistical scheme thinking

Step by step, build a front-end monitoring system: How to locate front-end problems?

Small companies built their own front-end monitoring buried point system, proved feasible

Hand edge front end monitoring system

Front-end exceptions and performance monitoring

Thoroughly understand front-end page performance monitoring in 10 minutes

In-depth understanding of front-end Performance monitoring – Performance

5 minutes for a front-end performance monitoring tool

The front-end high-frequency interview questions The front two years – earning 30 k | the nuggets technical essay

Front-end monitoring platform series: JS SDK (open source)

Go to big factory, you should understand the front end monitoring and buried point!

Project actual combat – preliminary study of buried point system

Front end monitoring and front end burying point

Summary of front end burying point

Front-end monitoring SDK development sharing

How to build a standard JS-SDK

Front-end code error reported

Nailing front – How to design front-end real-time analysis and alarm system

How do I send Ajax requests when the Web closes a page

Web Beacon sends a request before refreshing/closing the page

Collect statistics about the duration of a user’s stay on the website

[Object Technology] front-end performance monitoring practice

Front-end exception capture and processing

Front-end monitoring platform series: wechat small program monitoring and Web monitoring (open source)

Through the custom Vue instruction to achieve the front exposure buried point

Front end burying point and monitoring scheme

Front-end Burying point and Monitoring Scheme (JUeJIN)

Traceless embedding design

Initial experience of front-end recording and playback system

In-depth understanding of front-end monitoring principles

Develop a front-end error and performance monitoring SDK based on typescript

Preliminary study on front abnormal buried point system

Still in manual burying point, out, less than 100 lines of code to achieve automatic burying point

Collect front-end page performance parameters

Build buried automation with Live Templates

SourceMap and front-end exception monitoring

Exploration of front white screen monitoring

Investigate bytecode staking technology for system monitoring design and implementation

An article about the development of the front – end error monitoring

Performance monitoring metrics | More challenges in August

Front-end performance and exception monitoring system

How do I monitor Web performance?

Set up front-end monitoring system (4) Interface request monitoring

How does Ant Financial monitor the front-end performance to the extreme?

Analysis of some technical key points of front-end monitoring SDK