js 错误监控

最新推荐文章于 2024-01-07 22:00:52 发布

xinxin_zhu

最新推荐文章于 2024-01-07 22:00:52 发布

阅读量254

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/xinxin_zhu/article/details/106506001

版权

javascript 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

1.错误的分类即时运行错误：代码错误 (1) try...catch (2) window.onerror /addEventLister资源加载错误（不会冒泡但是可以捕获）（1） object.onerror(写在标签上) （2）performance.getEntries();可以拿到所有正常加载的资源是一个数组。（3）Error事件捕获<!DOCTYPE html><html lang="en"&g...

摘要由CSDN通过智能技术生成

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>

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

上报错误的基本原理

（1）ajax

(2) 用 image对象上报

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

xinxin_zhu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 错误监控

1.错误的分类即时运行错误：代码错误 (1) try...catch (2) window.onerror /addEventLister资源加载错误（不会冒泡但是可以捕获）（1） object.onerror(写在标签上) （2）performance.getEntries();可以拿到所有正常加载的资源是一个数组。（3）Error事件捕获<!DOCTYPE html><html lang="en"&g...
复制链接

扫一扫