js 错误监控

╰半夏微凉° 2021-08-29 17:51 229阅读 0赞

1.错误的分类

*   即时运行错误：代码错误

(1) try...catch    (2) window.onerror /addEventLister

*  资源加载错误（不会冒泡但是可以捕获）

（1） object.onerror(写在标签上)  （2）performance.getEntries();可以拿到所有正常加载的资源 是一个数组。

（3）Error事件捕获

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <title>jsonp 演示</title>
            <script type="text/javascript">           
                window.addEventListener('error',function(e){console.log(e)},true)
    //true 捕获 false 冒泡
            </script>
        </head>
        <body>
            <script src="http://mkool.com/aa.html" charset="utf-8"></script>
        </body>
    </html>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpbnhpbl96aHU_size_16_color_FFFFFF_t_70][]

js 跨域资源也可以捕获 需要在script 标签添加 crossorigin属性，设置js资源相应头 Access-Control-Allow-Origin:\*

**上报错误的基本原理**

（1）ajax

(2) 用 image对象上报

(new Image).src="http://mook.com/aa.html?a=error"

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpbnhpbl96aHU_size_16_color_FFFFFF_t_70]: /images/20210730/4d9416253d5c49b7848d42d8a56fd1cd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 Uniapp + Sentry 实现错误日志监控

> 详细可查看此篇文章-[Vue2.0 + Sentry 实现错误日志监控][Vue2.0 _ Sentry] sentry ![watermark_type_ZmFu

叁歲伎倆/ 2023年01月17日 13:53/ 0 赞/ 113 阅读

相关聊聊前端监控—错误监控篇

编者按：本文转载自格子熊的掘金文章，快乐来一起学习吧！每当有人问起：你们的公司的这款应用用户体验怎么样呀？访问量怎么样？此时，你该怎么回答呢？你会回答：UV、PV 巴拉巴拉

悠悠/ 2022年12月08日 01:39/ 0 赞/ 262 阅读

相关小程序错误异常监控方案

本文主要介绍了微信小程前端错误异常监控系统，用于捕获收集线上小程序项目代码在使用生命周期中出现的异常情况。背景每一个前端项目上线后都会在出现线上问题，不论是PC项目还是

╰半橙微兮°/ 2022年11月26日 04:57/ 0 赞/ 389 阅读

相关 js 进度监控

今天做这个的时候遇到了点麻烦，发现在for循环中，处理数据完后，同步的执行dom更新操作，dom更新会滞后，会等待循环后再执行一次dom更新，这样就达不到进度监控的要求。于

忘是亡心i/ 2022年05月28日 13:29/ 0 赞/ 83 阅读

相关小程序wepy开启错误监控

小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都

逃离我推掉我的手/ 2022年05月20日 09:13/ 0 赞/ 185 阅读

相关 web前端之异常/错误监控

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

待我称王封你为后i/ 2022年04月27日 17:12/ 0 赞/ 344 阅读

相关 JavaScript -- 前端错误监控

错误分类 1：运行错误（代码错误） 2：资源加载错误对应上面的俩种错误类型，分别有几种错误捕获方式。运行错误捕获方式 1：try...catch 组合 2：wi

悠悠/ 2022年04月23日 02:36/ 0 赞/ 133 阅读

相关前端错误监控的方法

前端错误的分类: 代码错误: try...catch... window.onerror 资源缺失错误(不会冒泡, 不会被window.onerro

深藏阁楼爱情的钟/ 2022年03月15日 01:50/ 0 赞/ 132 阅读

相关一步一步搭建前端监控系统：JS错误监控篇

摘要：徒手写JS错误监控。作者：一步一个脚印一个坑原文：[搭建前端监控系统（二）JS错误监控篇][JS] [Fundebug][]经授权转载，版权归原作者

绝地灬酷狼/ 2021年12月16日 22:29/ 0 赞/ 693 阅读

相关 js 错误监控

1.错误的分类即时运行错误：代码错误 (1) try...catch (2) window.onerror /addEventLis

╰半夏微凉°/ 2021年08月29日 17:51/ 0 赞/ 230 阅读