前端 錯誤監測

2021-08-21 13:29:14 字數 605 閱讀 8302

1、前端錯誤的分類:

(1)即時執行錯誤——**錯誤

(2)資源載入錯誤

2、錯誤的捕獲方式:

(1)即時執行錯誤的捕獲方式:

try....catch;               window.onerror——只能捕獲即時執行錯誤,不能捕獲資源載入錯誤

(2)資源載入錯誤

object.onerror        

performance,getentries()——獲取所有已載入資源的載入時長

error事件捕獲:

window.addeventlistener(「error」,function(e),true);  //捕獲

延伸:跨域的js執行錯誤可以捕獲嗎?  可捕獲

錯誤提示什麼?   script error

該怎麼處理?    (1) 在script標籤增加crossorigin屬性

(2) 設定js資源響應頭access-control-allow-origin:* ;(*或為指定域)

3、上報錯誤的基本原理:

(1)採用ajax通訊的方式上報

(2)利用image物件上報——(new image()).src ="";

前端錯誤監控

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

前端錯誤型別

1 syntaxerror 語法錯誤 輸入不規範,或者變數命令等不規範。缺少符號 console.log hello uncaught syntaxerror missing after argument list 變數錯誤 uncaught syntaxerror invalid or unexp...

前端錯誤監控

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