前端日志
現今有很多無法預知的錯誤出現,但又不是所有的錯誤都可以使用pc端的瀏覽器重現問題所在,
所以前端日志很有必要,日志的出現就是記錄某些東西,讓開發人員更好鎖定問題所在,而后台
在這方面的工作就很完善,這樣大大的提高追蹤問題速度,然而前端的兼容性是一件很頭痛的問題,
有可能寫了一段很新的技術代碼,然而某些瀏覽器不兼容而掛了,這樣很可能無法追蹤到問題,
所以前端日志這個時刻起的作用就起來了。
前端日志使用到技術一般就幾個,一個是try()catch(e){}和onerror,這兩個,如果有必要的也會使用
一些很特別的東西去檢測錯誤,這個就不說。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
/*try{}catch(e){} 可以捕獲在其內執行的函數,不過異步的就無法檢測了*/
/*onerror 無法捕獲到html上標簽加載的js和css加載錯誤,可以捕獲到事件錯誤*/
/*try{}catch(e){}可以使用在初始化調用函數時,onerror可以使用在事件錯誤或者動態加載文件錯誤*/
function
checkErr(fn){
try
{
fn();
}
catch
(e){
console.log(e);
}
}
checkErr(
function
(){
var
current=document.currentScript;
current.onload=
function
(){
console.log(
"error.js加載成功"
);
}
window.onerror=
function
(){
console.log(arguments);
return
true
;
}
});
|
onerror返回true就不會報錯在控制台。
原文鏈接:http://www.cnblogs.com/zhangzhicheng/p/7143638.html
