奇技淫巧之移动端页面异常监控！！！

点击▲关注 “爪哇笔记”   给公众号标星置顶

更多精彩 第一时间直达

前一阵子在撸企业微信相关H5应用的东西，撸完以后可以把应用开放给相关人员，这时候在企业微信控制台就会显示对应的应用。

开发过程中比较麻烦的两点：

外网域名认证(必须能被企业微信访问到)，这个捯饬个内网穿透就搞定了。

调试比较麻烦，因为进入应用需要用户认证，所以必须在企业微信环境下测试，这时候如果前端页面报错，对于开发者而言是不可见的，F12神器神马的是不存在的。

于是决定撸一个前端监控脚本：

/**
 * 捕获页面报错、并发送到企业微信
 */
window.onerror = function(msg, uri, lineNumber,columnNumber) {
    var msg = "错误信息："+msg+"\n";
    msg+="出错文件："+uri+"\n";
    msg+="出错行号："+lineNumber+"\n";
    msg+="出错列号："+columnNumber+"\n";
    console.log(msg);
}

错误提示信息有了，如何发送请点击，真香警告，半夜的企业微信通知！！！

其实微信早就替我们开发者想好了，只需要在我的企业-微信插件中开启开发者工具，当前管理员就可在工具内模拟微信网页。

敲黑板，划重点！！！

之所以这么做也是抛砖引玉，有了它是不是就可以监控到测试工程师的前端异常信息了，是不是再也不用工位来回跑了，坏处是减少了跟测试妹子的交互时间，当然你可以假装看不见。

更重要的是，生产的异常信息是不是也尽收眼底，这样就可以第一时间进行救火。如果以后她上线了，兴许你就可以升职加薪、当上技术经理、出任CTO、迎娶白富美、走上人生巅峰，想想是不是还有点小激动！