前端錯誤的分類:
即時執行錯誤(**錯誤)
資源載入錯誤
第一種錯誤一般用:
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....