前端代码异常日志收集与监控.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 为程序的入口，代码中所有同步