web前端之异常/错误监控

为何要异常/错误监控

咱们都知道有程序不免就会有异常/错误，当咱们代码愈来愈多的时候异常/错误出现的概率也就会多，虽然咱们会有测试，可是测试用例并不能覆盖全部可能，因此程序在生产上运行的时候进行异常/错误监控是有必要的。当有用户进行某些操做，出现错误或异常咱们就能立刻的收到信息，并进行相应处理。若是程序没有这样的监控措施，错误就须要人肉去发现，这种发现效率是很低的。

web的异常/错误分类

运行时错误

好比代码运行有错误

捕获错误的方法一般是下面两种

1. try...catch
2. window.onerror = function(e){};

若是script跨域要捕获错误，须要在script上加 crossorigin才能捕获到错误。 上面就是捕获运行时错误的经常使用方法。

资源错误

好比img、css、js 加载不成功，下面两种方法均可以知道有哪些资源错误

1. 经过performance.getEntries()能够拿到全部成功加载的资源，拿到成功加载的资源，再和须要加载的资源进行对比就能够知道哪些资源加载错误了。
2. 资源的错误是不会冒泡，因此咱们经过window.onerror = function(e){};是没法得知，可是资源的错误能够被捕获，使用 window.addEventListener("error",function(e){},true) 事件捕获这种方式就能够拿到资源错误的信息。

上报错误的方式

目前上报错误的方式通常是经过img标签来发送一个请求，这样既方便又快速。固然若是你想经过ajax方式也是能够的。