白屏监控是针对页面突发异常导致页面白屏进行的监控。

白屏总览

指标说明如下所示：

• 白屏总览展示了白屏数和白屏影响用户数的白屏趋势、白屏归因。
• 白屏趋势展示了JS错误、请求错误、静态资源异常和无法归因四种原因导致的白屏数柱状图。
• 白屏归因展示了JS错误、静态资源异常、请求异常、无法归因导致的白屏数比例饼状图。

白屏原因

JS错误

• JS错误页面展示了错误内容、起止时间、白屏数和白屏影响用户数。

• 展开错误内容可以查看同一类JS错误导致的白屏聚合后的url、dom得分、截屏、pid和上报时间，单击跳转到数据探索可以查看更多上报信息。
  配置项说明如下所示：

  指标	说明
  url	白屏发生时的 URL。
  dom 得分	从 document.body 开始遍历 Dom 树，每次遍历到一个可见 Dom 元素根据 Dom 元素的层级增加一个分数，依次计算得到的分数。数值越小，白屏数越严重。
  截屏	白屏发生时截取的界面情况所产生的图片，用户可以通过它观察到真实情况下白屏的效果。
  pid	SDK 上报时对应的 pid。
  上报时间	白屏发生时的时间。

• 单击错误内容可以跳转到错误详情页面查看详细情况和堆栈信息，便于更好的排查问题。

请求异常

• 请求异常页面展示了请求路径、异常状态码分布、白屏数和白屏影响用户数。
• 展开请求路径可以查看请求的url、dom得分、截屏、pid和上报时间，单击跳转到数据探索可以查看更多上报信息。
• 单击请求路径可以跳转到请求列表查看详细情况和堆栈信息，便于更好的排查问题。

静态资源异常

• 静态资源页面展示了静态资源路径、白屏数和白屏影响用户数。
• 展开静态资源路径可以查看静态资源的url、dom得分、截屏、pid和上报时间，单击跳转到数据探索可以查看更多上报信息。
• 单击静态资源路径可以跳转到静态资源列表查看请求的详细情况和堆栈信息，便于更好的排查问题。

无法归因

• 无法归因页面支持单击跳转到数据探索查看每一条白屏所对应的Session情况，根据Session的上下文来定位产生白屏的原因。
  比如白屏时间发生前是否发生了JS错误等，单击JS错误里的日志可看到报错详情。