为什么要异常/错误监控

我们都知道有程序难免就会有异常/错误,当我们代码越来越多的时候异常/错误出现的几率也就会多,虽然我们会有测试,但是测试用例并不能覆盖所有可能,所以程序在生产上运行的时候进行异常/错误监控是有必要的。当有用户进行某些操作,出现错误或异常我们就能马上的收到信息,并进行相应处理。如果程序没有这样的监控措施,错误就需要人肉去发现,这种发现效率是很低的。

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方式也是可以的。

c-free5.0运行程序错误_web前端之异常/错误监控相关推荐

  1. c free5.0运行程序错误_C程序源代码是如何在硬件上运行的?

    PCB布板一些简易常用规则,你不得不看! 如何将微小型PCB线圈用做电感式传感器元件? (点击上方红字,即可获取) C语言的编译链接过程要把我们编写的一个C程序源代码转换成可以在硬件上运行的程序(可执 ...

  2. 计算机蓝屏代码0xc0000020,Win10运行程序提示“损坏的映像 错误0xc0000020”怎么解决?...

    Win10运行程序提示"损坏的映像 错误0xc0000020"怎么解决?很多用户在Win10系统下运行软件时,会出现损坏的映像提示框,内容显示为"C:\xx\xxx.dl ...

  3. 计算机蓝屏代码0xc0000020,Win10系统运行程序提示“损坏的映像 错误0xc0000020”怎么解决...

    有不少win10系统用户在电脑中运行程序的时候,突然遇到提示"损坏的映像 错误0xc0000020",遇到这样的问题该怎么办呢,本文就给大家讲解一下Win10系统运行程序提示&qu ...

  4. 计算机蓝屏代码0xc0000020,Win10系统运行程序提示“损坏的映像 错误0xc0000020”如何解决?...

    原标题:Win10系统运行程序提示"损坏的映像 错误0xc0000020"如何解决? 电脑的有各种各样的程序, 拥有十分多的功能,但是最近有用户发现,在运行程序的时候,win10系 ...

  5. 计算机蓝屏代码0xc0000020,Win10运行程序提示“损坏的映像 错误0xc0000020”解决方法图文教程...

    最近win10用户在运行程序的时候出现损坏的映像提示框,这是因为用户的电脑中dll没有注册,有的软件注册了但是缺少部分的文件导致的,那么win10系统运行程序提示损坏的映像怎么办?针对该问题,下面小编 ...

  6. web前端之异常/错误监控

    为什么要异常/错误监控 我们都知道有程序难免就会有异常/错误,当我们代码越来越多的时候异常/错误出现的几率也就会多,虽然我们会有测试,但是测试用例并不能覆盖所有可能,所以程序在生产上运行的时候进行异常 ...

  7. Optional orElseThrow 错误: 未报告的异常错误X; 必须对其进行捕获或声明以便抛出...

    情况说明 以下代码: Optional.ofNullable(u).map(u->{.... }).orElseThrow(()->{throw new CommonException(& ...

  8. java异常错误的是,java 异常 错误处理

    场景:thinking in java 学习笔记 12 通过错误处理异常 thinking in java 学习笔记 12 通过异常处理错误 第十二章 通过异常处理错误 在以前平时的编程中没有真正意思 ...

  9. php7 错误处理,PHP7升级-异常错误处理

    想了解更多我的文章,请关注我的博客http://liuxiaochun.cn PHP最开始只有错误处理,直到PHP5才借鉴了其他语言,引入了异常处理,但是仍然无法处理致命错误,PHP7以后大部分致命错 ...

最新文章

  1. 什么叫做类数组对象?
  2. 基于Xcode安装CocoaPods报错
  3. Linux安装Oracle11G
  4. 深入浅出jQuery (五) 如何自定义UI-Dialog?
  5. redis cli 删除key 模糊_Redis集群及雪崩
  6. 如何正确的探索 Microsoft Ignite The Tour
  7. 【华为云技术分享】测试微课堂 | 有的放矢制定测试计划
  8. Python显示文本
  9. Redis学习笔记(三)
  10. python 提取指定目录下的图片名称
  11. JAVA 模拟瞬间高并发
  12. 基于迭代局部搜索和随机惯性权重的BA算法MATLAB实现(ILSSIWBA)
  13. 2021年系统集成项目管理工程师(软考中级)连夜整理考前重点
  14. 论文阅读:More Data, More Relations, More Context and More Openness:A Review and Outlook for RE关系抽取的回顾与展望
  15. CH552 USB HID键盘
  16. vcs+verdi/Debussy
  17. asp.net 打开服务器文件,aspnet打开服务器文件夹
  18. Apple: Mac OS X美洲狮10.8的硬件兼容列表
  19. html手机端的图片阅读器,兼容移动端与电脑端的图片查看器viewer.js插件
  20. linux上查看端口信息

热门文章

  1. 基于 CoreAudio 的音频编解码(一):音频解码
  2. 解决Github加载ipynb文件缓慢/失败
  3. Java图片压缩 BufferedImage Linux 下代码阻塞不工作
  4. 实验一 分治与递归—全排列 java算法
  5. 《Arduino家居安全系统构建实战》——1.1 家居安全的基础设施
  6. cordova开发日记04 常用插件与使用(更新2016-05-19)
  7. MS-Sqlserver2008建立维护计划执行备份任务
  8. ikvm.net简介
  9. js里面关于IE和万恶的IE6的判断
  10. oracle关键字 bulk,oracle和sqlserver的一些保留关键字