前端代码异常日志收集与监控.docxVIP

前端代码异常日志收集与监控在复杂的网络环境和浏览器环境下，自测、QA测试以及 Code Review 都是不够的，如果对页面稳定性和准确性要求较高，就必须有一套完善的代码异常监控体系，本文从前端代码异常监控的方法和问题着手，尽量全面地阐述错误日志 收集各个阶段中可能遇到的阻碍和处理方案。收集日志的方法平时收集日志的手段，可以归类为两个方面，一个是逻辑中的错误判断，为主动判断；一个是利用语言给我们提供的捷径，暴力式获取错误信息，如 try..catch 和 window.onerror。1. 主动判断我们在一些运算之后，得到一个期望的结果，然而结果不是我们想要的//?test.js?function?calc(){??//?code...??return?val;}if(calc()?!==?someVal){?Reporter.send({?position:?test.js::Functioncalc?msg:?calc?error?});}?这种属于逻辑错误/状态错误的反馈，在接口 status 判断中用的比较多。2. try..catch 捕获判断一个代码段中存在的错误：try?{??init();??//?code...?}?catch(e){??Reporter.send(format(e));}?以 init 为程序的入口，代码中所有同步执行出现的错误都会被捕获，这种方