客户说网页打开白屏了，怎么办？（前端错误日志收集）

前言

前段时间做项目的时候，发布功能的时候，本地是好的，测试是好的，正式也是好的，但是客户打开正式的时候白屏了，把软件删除了，重新打开了又好了，但是不能总是让用户去删除软件又重新下。所以弄了一个简洁的前段监控。

如果前端报错，都会在控制台打印，但是怎么去捕获呢？window提高了一个监听页面错误的方法

window.onerror = (errorMessage, scriptURI, lineNo, columnNo, error) => {
sendError({ errorMessage, scriptURI, lineNo, columnNo, error,hash:location.href}); //发送ajax
};

参数

• errorMessage 异常信息
• scriptURI 异常文件路径
• lineNo 异常行号
• columnNo 异常列号
• error 异常堆栈信息
• hash 当前页面链接

还可以根据需求添加更多信息，比如当前时间，浏览器版本，电脑类型（window or mac） 浏览器类型（谷歌 ie 之类），还可以记录是pc或者移动端，移动端又可以增加手机类型，手机网络，来排查问题是出自哪里。

后言 ：慢慢的会开始监控浏览器打开页面所花费的时候相关的，一个好的监控能让网页走的更远