- 前端錯(cuò)誤的分類
- 錯(cuò)誤的捕獲方式
- 上報(bào)錯(cuò)誤的基本原理
常見(jiàn)問(wèn)題:如何保障產(chǎn)品質(zhì)量铁瞒?/如何檢測(cè)js錯(cuò)誤?
前端錯(cuò)誤的分類
- 即時(shí)運(yùn)行錯(cuò)誤:代碼錯(cuò)誤
- 資源加載錯(cuò)誤新娜,如js/css文件
錯(cuò)誤的捕獲方式
- 即時(shí)運(yùn)行錯(cuò)誤的捕獲方式
1)try...catch
2)window.onerror -
資源加載錯(cuò)誤(這一類型錯(cuò)誤不會(huì)冒泡赵辕,這也是為什么window.onerror只能捕獲即時(shí)運(yùn)行錯(cuò)誤,而不能捕獲資源加載錯(cuò)誤的原因)
1)object.onerror(如圖片概龄,script加載的錯(cuò)誤)
2)(亮點(diǎn);够荨)performance.getEntires()返回的是一個(gè)數(shù)組
輸出的都是加載成功的資源。
再通過(guò)該方法獲取所有圖片集合私杜,減去上面加載成功返回的圖片蚕键,剩下的就是加載失敗的圖片了。
3)Error事件捕獲(亮點(diǎn)M峤瘛)
雖然資源加載錯(cuò)誤的事件不會(huì)冒泡嚎幸,但是可以捕獲。
設(shè)為true寄猩,捕獲階段監(jiān)聽(tīng)嫉晶,執(zhí)行。script里是一個(gè)不存在的文件田篇,
-
衍申:跨域的js運(yùn)行錯(cuò)誤可以捕獲嗎替废?錯(cuò)誤提示什么?應(yīng)該怎么處理泊柬?
上報(bào)錯(cuò)誤的基本原理
1.采用Ajax通信的方式上報(bào)(少用)
2.利用Image對(duì)象上報(bào)(常用椎镣,重點(diǎn))