為什么要異常/錯誤監控

我們都知道有程序難免就會有異常/錯誤，當我們代碼越來越多的時候異常/錯誤出現的幾率也就會多，雖然我們會有測試，但是測試用例并不能覆蓋所有可能，所以程序在生產上運行的時候進行異常/錯誤監控是有必要的。當有用戶進行某些操作，出現錯誤或異常我們就能馬上的收到信息，并進行相應處理。如果程序沒有這樣的監控措施，錯誤就需要人肉去發現，這種發現效率是很低的。

web的異常/錯誤分類

運行時錯誤

比如代碼運行有錯誤

捕獲錯誤的方法通常是下面兩種

try...catch

window.onerror = function(e){};

如果script跨域要捕獲錯誤，需要在script上加 crossorigin才能捕獲到錯誤。 上面就是捕獲運行時錯誤的常用方法。

資源錯誤

比如img、css、js 加載不成功，下面兩種方法都可以知道有哪些資源錯誤

通過performance.getEntries()可以拿到所有成功加載的資源，拿到成功加載的資源，再和需要加載的資源進行對比就可以知道哪些資源加載錯誤了。

資源的錯誤是不會冒泡，所以我們通過window.onerror = function(e){};是無法得知，但是資源的錯誤可以被捕獲，使用 window.addEventListener("error",function(e){},true) 事件捕獲這種方式就可以拿到資源錯誤的信息。

上報錯誤的方式

目前上報錯誤的方式一般是通過img標簽來發送一個請求，這樣既方便又快速。當然如果你想通過ajax方式也是可以的。

總結

以上是生活随笔為你收集整理的web前端之异常/错误监控的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。