前端錯誤監控

2022-08-26 02:06:10 字數 1066 閱讀 6778

前端錯誤一般指的是以下兩種情況:即時執行錯誤(**錯誤)和資源載入錯誤。

1、try...catch方案:可以針對某個**塊使用try,catch包裝,這個**塊執行時出錯時能在catch塊裡邊捕捉到。

2、window.onerror方案。

1、object.onerror;

資源載入錯誤不會冒泡,所以window.onerror不能捕獲資源載入錯誤。

2、performance.getenteries();

獲取到所有已載入資源的載入時長。可以間接的拿到沒有載入的資源錯誤。

舉個栗子:

遍歷已成功載入的資源:

獲取我們所需要載入的所有:

所需載入的資源減去已載入的就能獲取到載入失敗的資源了。

3)error事件捕獲(冒泡不可)。

window.addeventlistener('error', function

(e) ,

true); //

事件捕獲

控制台列印出錯誤:

處理方法:

1.在script標籤中增加crossorigin屬性。

2.設定js資源響應頭access-control-allow-origin.

1.採用ajax通訊的方式上報(不推薦)。

2.利用image物件上報。

比ajax方式簡單,不需要借助任何第三方庫。

(new image()).src = '';

前端錯誤監控

1.前端錯誤分類 即時執行錯誤 錯誤 1 try catch 2 window.onerror 資源載入錯誤 找不到檔案或者資源載入超時造成的 1 object.onerror 2 performance.getentries 3 error事件捕獲 延伸 跨域js執行錯誤可以捕獲嗎,錯誤提示什麼,...

前端錯誤監控類

一 前端錯誤的分類 1.即時執行錯誤 錯誤 try catch 需要把try.catch布到 中 window.onerror dom0 只能捕獲即時執行錯誤 object.onerror 通過節點綁onerror事件,捕獲載入錯誤 performance.getentries 獲取已載入資源時長,...

前端js錯誤監控

簡單記錄一下幾乎沒接觸過的前端錯誤監控。window.onerror function message,source,lineno,colno,error 當載入自不同域的指令碼中發生語法錯誤時,為避免資訊洩露 參見bug 363897 語法錯誤的細節將不會報告,而代之簡單的 script erro...