# 查看前端站点JS错误指标
JS错误展示站点的错误统计，包括：JS稳定性、JS错误列表、JS错误类型列表以及JS错误率页面排行榜。
#### 操作步骤
1. 登录[APM控制台](https://auth.huaweicloud.com/authui/login.html?service=https://console.huaweicloud.com/console/#/login)。
2. 单击左侧![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336138.png)，选择"管理与监管 \> 应用性能管理 APM"，进入APM服务页面。
3. 在左侧导航栏选择"前端监控 \>JS错误"，展示JS错误的性能数据。 
   图1JS错误   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336146.png "点击放大")
   - 在页面的右上角，单击时间维度选择按钮，默认"近20分钟"。 当前支持"近3分钟"、"近5分钟"、"近10分钟"、"近20分钟"、"近1小时"、"近3小时"、"近6小时"、"近1天"、"今天"、"昨天"、"近7天"、"近30天"以及自定义。
     
   
   - JS稳定性：展示错误数、错误率以及影响用户比例。鼠标停留在折线节点或柱形图上，可以展示该节点详细指标信息。
   
   - 单击"JS错误列表"、"JS错误类型列表"以及"JS错误率页面排行榜"的右上角的![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815997.png)自定义列表项，使界面上显示您需要查看的指标数据。
   
   - JS错误列表：展示页面地址、错误信息、错误栈、最近错误时间、错误数以及影响用户数。JS错误列表默认按照"错误数"降序排列。
   
   - JS错误类型列表：展示错误类型、错误率、错误数、影响用户数、产生错误PV。JS错误类型列表默认"错误率"或"错误数"降序排列，且优先按照"错误率"降序排列。
   
   - JS错误率页面排行榜：展示页面地址、页面错误率、错误数以及页面浏览量PV。
   
   
   
   
4. 单击"JS错误列表"中，页面地址列的URL链接，展示该URL链接的详细性能数据信息。
   
   图2聚类分析   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518176232.png "点击放大")
   - 页面JS错误率趋势图：展示页面JS错误率、浏览量、影响用户比例。鼠标停留在折线节点处，可以展示该节点详细指标信息。
   
   - 页面JS错误数据统计表：展示页面JS错误数据的统计时间、UID、标签、错误信息、错误栈以及操作。页面JS错误数据统计表默认按照"统计时间"降序排列。
   
   
   表1JS错误相关参数说明 
   | 参数名称   | 说明                                                                          |
   |:---|:---|
   | 活跃用户数  | 访问站点用户的数量。同一个用户在一天内访问多次，只会被统计为一个UV。                                         |
   | 页面浏览量  | 页面浏览量（Page View），用户每次打开或刷新一个页面计为一次PV。                                       |
   | 平均加载时间 | 页面平均加载时间。                                                                   |
   | JS错误数  | JS错误的数量。                                                                    |
   | 慢接口占比  | 慢接口指加载耗时大于1000ms的调用，慢接口占比=慢接口数量/总接口数量。                                      |
   | 接口成功率  | 接口成功率=接口成功数/总接口。                                                            |
   | 错误数    | 访问页面的报错数量。                                                                  |
   | 错误率    | 错误率=访问页面报错的数量 /访问页面的总数量。                                                    |
   | 影响用户比例 | 影响用户比例=访问某个页面报错的用户数量/访问某个页面用户的总数量。例如：100个人访问了某个页面，其中10个人页面报错了，那影响用户比例就是10%。 |
   | 页面地址   | 页面的地址。                                                                      |
   | 错误信息   | 报错的信息。                                                                      |
   | 错误栈    | 该错误产生的错误堆栈。                                                                 |
   | 最近错误时间 | 最后一次报错的时间。                                                                  |
   | 影响用户数  | 影响用户的个数。                                                                    |
   | 页面错误率  | 页面错误率=浏览页面报错的数量/浏览页面的总数量。                                                   |
      
   
   
5. "操作"列的"分析"按钮，跳转到概要信息页面。
   
   图3概要信息   
   ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002549815999.png "点击放大")
   
   
6. 单击页面右侧![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336140.png)按钮，选择map文件并上传。
   
   通过上传的map文件，通过后端将错误堆栈结合map文件进行解析，还原出js错误位置，并将还原的信息展示到页面上。
   - 仅支持上传map后缀文件，大小不能超过20M。
   
   - 使用"堆栈信息"功能需先从右侧上传map文件，上传map文件后，堆栈信息按钮会自动打开。堆栈信息按钮打开，则展示源码位置。
   
   - 解析错误包括：vue错误、angular错误、JavaScript错误。
   
   - 为了得到同名js.map文件，打包的代码及依赖版本需要与当前线上版本一致。
     图4Sourcemap解析   
     ![](https://support.huaweicloud.com/usermanual-apm2/zh-cn_image_0000002518336148.png "点击放大") 
   
   
   "JS错误类型列表"中，单击"错误类型"列的蓝色字体，展示该错误类型的详细性能数据信息。具体操作请参考[4]、[5]以及[6]。
   "JS错误率页面排行榜"中，单击页面地址列的URL链接，展示该URL链接的详细性能数据信息。具体操作请参考[4]、[5]以及[6]。