原生h5添加阿里云ARMS前端监控

最新推荐文章于 2022-03-11 10:30:00 发布

_小郑有点困了

最新推荐文章于 2022-03-11 10:30:00 发布

阅读量462

点赞数

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

本文链接：https://blog.csdn.net/qq_44706619/article/details/115321552

版权

ARMS 前端监控错误捕获图形化展示阿里云

关键词由CSDN通过智能技术生成

javascript 专栏收录该内容

68 篇文章 1 订阅

订阅专栏

h5添加阿里云ARMS前端监控

项目需求，监控前端可能出现的报错。图形化展示，并能看到相关信息。于是乎使用到ARMS前端监控。
还以为要很复杂，没想到只需要新建一个应用，引入js即可。（个人觉得同步引入比较好）
具体新建应用等，看下面这个帖子即可
文档地址：https://help.aliyun.com/document_detail/58663.html?spm=a2c4g.11186623.2.6.54687be7K6iYFR
ARMS：

控制台：

在这里插入图片描述

页面：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />
    <title></title>
  </head>
  <body class="loading">
    <!-- 需要采用同步加载才行 同步加载-->
    <script>
      window.__bl = {
          config: {
              pid:"xxxxxxx",appType:"web",imgUrl:"https://arms-retcode.aliyuncs.com/r.png?",sendResource:true,enableLinkTrace:true,behavior:true,useFmp:true,enableSPA:true,enableConsole:true
          }
      }
    </script>
    <div id="app">
    </div>
  </body>
</html>