前端錯誤異常捕獲監控

2021-08-21 11:55:24 字數 994 閱讀 3389

前端錯誤的分類:

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

資源載入錯誤

第一種錯誤一般用:

try...catch例項:

try}catch(err)

window.onerror例項:

window.onerror = function(msg, url, line, col, error)

function finderror ()

finderror ()

第二種資源載入錯誤:

object.onerror例項:

function myfunction()

或者用事件偵聽:

document.getelementbyid("myimg").addeventlistener("error", myfunction);

function myfunction()

performance.getentries方法,它可以獲取頁面中每個靜態資源的請求

(function ()

var result = ;

// 獲取當前頁面所有請求對應的performanceresourcetiming物件進行分析

window.performance.getentries().foreach(function (perf) );

});

// 控制台輸出統計結果

console.table(result);})();

跨域的js執行錯誤可以捕獲script error,需要2個條件

1.相關的js檔案上加上

access-control-allow-origin:*

的response header

2.引用相關的js檔案時加上crossorigin屬性

上報錯誤的基本原理

採用ajax通訊方式上報

利用image物件上報

前端異常監控

前端監控包括 行為監控 異常監控 效能監控,這裡主要討論異常監控。對於前端而言,和後端處於同乙個監控系統中,前端有自己的監控方案,後端也有自己的監控方案,但兩者並不分離,因為乙個使用者在操作應用的過程中如果出現異常,有可能是前端引起,也有可能是後端引起,需要有乙個機制,將前後端串聯起來,使監控本身統...

前端錯誤監控

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....