前端日誌

前端日誌javascript

現今有不少沒法預知的錯誤出現,但又不是全部的錯誤均可以使用pc端的瀏覽器重現問題所在,css

因此前端日誌頗有必要,日誌的出現就是記錄某些東西,讓開發人員更好鎖定問題所在,然後臺html

在這方面的工做就很完善,這樣大大的提升追蹤問題速度,然而前端的兼容性是一件很頭痛的問題,前端

有可能寫了一段很新的技術代碼,然而某些瀏覽器不兼容而掛了,這樣極可能沒法追蹤到問題,java

因此前端日誌這個時刻起的做用就起來了。瀏覽器

前端日誌使用到技術通常就幾個,一個是try()catch(e){}和onerror,這兩個,若是有必要的也會使用異步

一些很特別的東西去檢測錯誤,這個就不說。函數

/*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就不會報錯在控制檯。日誌

相關文章
相關標籤/搜索