前端錯誤一般指的是以下兩種情況:即時執行錯誤(**錯誤)和資源載入錯誤。
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...