前端錯誤捕獲終級方案

前端錯誤捕獲終級方案

前端錯誤分好些類，接口錯誤應該沒有問題，函數錯誤可能要本身進行 try catch。

運行時的錯誤能夠經過 windows.onerror 進行處理。

資源加載錯誤， 如 css 加載錯誤，image 加載錯誤，可能沒有很好方案。

今天找代碼時，發現了一個能處理資源加載錯誤的方案。以下：

ｍdn連接

解釋一下：

通常資源類的加載錯誤處理，都會在本身的 'onerror' 處理器中，若是你對全局增長 error 事件進行處理，同時設置 capture = true。

那這個資源類的加載錯誤就會被捕獲。具體代碼以下：

window.addEventListener('error', function(e) {
  console.log(e);
}, true

你能夠把這段代碼加到你代碼中，查看下狀況，經過這個代碼你就能監控資源類的加截錯誤了。