前端错误信息收集（errorEruda）解析

github：errorEruda移动调试，bug收集工具

img[src]，script[src]，link[href]请求链接错误监控：

document.addEventListener("error", function (e) {
let error = '';
if (e.target.localName == 'link') {
error = e.target.href;
}
else {
error = e.target.src;
}
}, true);
通过js委托事件实现，监控所有的外链error错误信息；（注：该方法应该第一个执行）

监控js错误：

window.onerror = function (msg, url, line, col, error) {
console.log(error.stack)
};
一般js错误会通过window.onerror进行触发，error.stack包含了具体错误信息

监控XHR接口请求：

var open = window.XMLHttpRequest.prototype.open;
window.XMLHttpRequest.prototype.open = function (method, url) {
this.addEventListener('readystatechange', function () {
if (this.readyState == 4 && this.status != 200) {
//url请求链接完整，method请求方式，status：http状态码
}
})
open.apply(this, arguments);
}

这样一个简单的错误收集就完成了

在移动端真机测试：

demo：http://jqvue.com/demo/errorEruda/index.html

点击按钮6次即可调起模拟控制台