[JavaScript知识库]每周收获-- 异常捕获和上报

1 try catch 、 promise.catch () 等

2.??window.onerror = function(message, source, lineno, colno, error) { console.log('捕获到异常：',{message, source, lineno, colno, error}); }

。无法捕获? ? 静态资源异常，或者接口异常。

3.? ?window.addEventListener('error', (error) => { console.log('捕获到异常：', error); }, true)

4 、Vue.config.errorHandler = (err, vm, info) => { // #处理错误信息, 进行错误上报 // #err错误对象 // #vm Vue实例 // #`info` 是 Vue 特定的错误信息，比如错误所在的生命周期钩子 // #只在 2.2.0+ 可用 console.log({ message: '通过vue errorHandler捕获的错误', err, vm, info }) }

React componentDidCatch

5.对于 iframe 的异常捕获，我们还得借力 window.onerror：

上报：

?let reportUrl = 'http://jartto.wang/report'; new Image().src = `${reportUrl}?logs=${error}`; }

6 监控网页崩溃：window 对象的 load 和 beforeunload