前端 错误监控

错误类型：

（1）代码错误/即时错误：

（2）资源加载错误

错误监控方法

即时错误：try....catch.... 可预见发生的错误     window.error 不可预见发生的错误，互补

/**

同步错误

* @param {String}  msg    错误信息

* @param {String}  url    出错文件

* @param {Number}  row    行号

* @param {Number}  col    列号

* @param {Object}  error  错误详细信息

*/

window.onerror=function(msg,url,row,col,error){

console.log('我知道错误了');

console.log({msg,url,row,col,error})

return true;

};

error

资源加载错误：object.onerror 、 error事件

varimg=document.getElementById('#img');img.onerror=function(){// 捕获错误 }

上传错误，在服务器端做错误日志？

1：在ajax传输。

2：使用img.src的方式。（这种简单也不用第三方的插件）

延申问题跨域如何监控错误呢？

1：在引用script 标签上添加crossorigin

2: 服务器要设置header('Access-Control-Allow-Origin');

<script src="http://localhost:8081/test.js"crossorigin></script>

参考文章：https://www.jianshu.com/p/c535aaedb8df