前端錯誤監控類

2021-09-11 18:35:18 字數 758 閱讀 7668

一、前端錯誤的分類

1.即時執行錯誤:**錯誤

* try…catch(需要把try...catch布到**中)

*window.onerror(dom0)只能捕獲即時執行錯誤

* object.onerror(通過節點綁onerror事件,捕獲載入錯誤;)

* performance.getentries();

獲取已載入資源時長,通過這個方式可以間接的拿到沒有載入資源的錯誤;

返回的是乙個陣列,有foreach方法。 performance.getentries().foreach(item=>);可以得到已成功載入的資源。

document.getelementsbytagname(『img』);能拿到所有img的乙個集合,是我們所需要載入的所有

的乙個集合減去上面已成功載入的集合,剩下就是沒有成功載入的。

* error事件捕獲

window上通過事件捕獲一樣可以攔截到資源載入錯誤。可以在捕獲階段拿到這個。

body中://不存在

為了證明捕獲可以拿到這個事件;

head中:==>報錯 getfiles | baidu.com | test.js 沒找到

捕獲 event

不會冒泡,script標籤發生了錯誤,觸發本身onerror事件已經可以了,不會向上冒泡到window。

前端錯誤監控

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

前端錯誤監控

前端錯誤一般指的是以下兩種情況 即時執行錯誤 錯誤 和資源載入錯誤。1 try.catch方案 可以針對某個 塊使用try,catch包裝,這個 塊執行時出錯時能在catch塊裡邊捕捉到。2 window.onerror方案。1 object.onerror 資源載入錯誤不會冒泡,所以window....

前端js錯誤監控

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