1.錯(cuò)誤的分類
2.錯(cuò)誤的捕獲方式
3.上報(bào)錯(cuò)誤的基本原理
*如何保證產(chǎn)品質(zhì)量(問的就是錯(cuò)誤監(jiān)控)
錯(cuò)誤的分類
1.即時(shí)運(yùn)行錯(cuò)誤:代碼錯(cuò)誤
2.資源加載錯(cuò)誤:js,css,圖片加載失敗
錯(cuò)誤的捕獲方式
- 即使運(yùn)行錯(cuò)誤:
1.try...catch
2.window.onerror - 資源加載錯(cuò)誤(這種錯(cuò)誤不會(huì)冒泡):
1.object.onerror
2.performance.getEntries()
3.Error事件捕獲
用捕獲拿到資源加載的錯(cuò)誤:
window.addEventListener('error',function(e){
console.log('捕獲',e);
},true);
延伸:跨域的js運(yùn)行錯(cuò)誤可以捕獲嗎举瑰,錯(cuò)誤提示是什么威沫,如何處理
跨域可以拿到錯(cuò)誤基茵,但不詳細(xì)
1.在script標(biāo)簽增減crossorign屬性
2.設(shè)置js資源響應(yīng)頭Access-Control-Allow-Origin:*
這樣才能拿到詳細(xì)錯(cuò)誤
上報(bào)錯(cuò)誤
1.Ajax(不常用)
2.Image(所有的監(jiān)控體系都這樣的怠晴,簡(jiǎn)單)
<script>
(new Image()).src="http://baidu.com/tesjk?r=tksjk";
tesjk?上報(bào)路徑
r=tksjk加信息
</script>