一、前端錯(cuò)誤的分類
即使運(yùn)行錯(cuò)誤(代碼錯(cuò)誤)? ? 資源加載錯(cuò)誤
二、錯(cuò)誤的捕獲方式
即使運(yùn)行錯(cuò)誤(代碼錯(cuò)誤)
try...catch
window.onerror
資源加載錯(cuò)誤
object.onerror? ? //不會(huì)冒泡
performance.getEntries()? ? //獲取已加載資源的加載時(shí)長
window.addEventListener('error', function(e){}, true);? ? //error事件捕獲
跨域JS運(yùn)行錯(cuò)誤捕獲
客戶端:在script標(biāo)簽增加crossorign屬性
服務(wù)端:設(shè)置JS資源響應(yīng)頭Access-Control-Allow-Origin:*
三、上報(bào)錯(cuò)誤
采用Ajax通信方式上報(bào)? ? 不常用
利用Image對象上報(bào)
(new Image()).src='http://hostname.com/path?p=parm';