JS错误

操作步骤

1. 登录管理控制台。
2. 单击左侧，选择“管理与监管 > 应用性能管理 APM”，进入APM服务页面。
3. 在左侧导航栏选择“前端监控 >JS错误”，展示JS错误的性能数据。
   图1 JS错误
   
   • JS稳定性：展示错误数、错误率以及影响用户比例。鼠标停留在折线节点或柱形图上，可以展示该节点详细指标信息。
   • JS错误列表：展示页面地址、错误信息、错误栈、最近错误时间、错误数以及影响用户数。
   • JS错误率页面排行榜：展示页面地址、页面错误率、错误数以及页面浏览量PV。

4. 单击“JS错误列表”中，页面地址列的URL链接，展示该URL链接的详细性能数据信息。
   图2 聚类分析
   
   • 页面JS错误率趋势图：展示页面JS错误率、浏览量、影响用户比例。鼠标停留在折线节点处，可以展示该节点详细指标信息。
   • 页面JS错误数据统计表：展示页面JS错误数据的统计时间、UID、标签、错误信息、错误栈以及操作。

   表1 JS错误相关参数说明

   参数名称	说明
   用户数量	访问站点用户的数量。
   浏览量	页面访问量或点击量。
   平均加载时间	页面平均加载时间。
   JS错误数	JS错误的数量。
   慢接口占比	慢接口指加载耗时大于1000ms的调用，慢接口占比=慢接口数量/总接口数量。
   接口成功率	接口成功率=接口成功数/总接口。
   错误数	访问页面的报错数量。
   错误率	错误率=访问页面报错的数量 /访问页面的总数量。
   影响用户比例	影响用户比例=访问某个页面报错的用户数量/访问某个页面用户的总数量。例如：100个人访问了某个页面，其中10个人页面报错了，那影响用户比例就是10%。
   页面地址	页面的地址。
   错误信息	报错的信息。
   错误栈	该错误产生的错误堆栈。
   最近错误时间	最后一次报错的时间。
   影响用户数	影响用户的个数。
   页面错误率	页面错误率=浏览页面报错的数量/浏览页面的总数量。
   页面浏览量	浏览页面的数量。

5. “操作”列的“分析”按钮，跳转到概要信息页面。
   图3 概要信息
   

6. 单击页面右侧按钮，选择map文件并上传。
   通过上传的map文件，通过后端将错误堆栈结合map文件进行解析，还原出js错误位置，并将还原的信息展示到页面上。

   图4 Sourcemap解析
   
   

   • 仅支持上传map后缀文件，大小不能超过20M。
   • 使用“堆栈信息”功能需先从右侧上传map文件，上传map文件后，堆栈信息按钮会自动打开。堆栈信息按钮打开，则展示源码位置。
   • 解析错误包括：vue错误、angular错误、JavaScript错误。
   • 为了得到同名js.map文件，打包的代码及依赖版本需要与当前线上版本一致。

   “JS错误率页面排行榜”中，单击页面地址列的URL链接，展示该URL链接的详细性能数据信息。具体操作请参考4、5以及6。