You need to enable JavaScript to run this app.
导航
白屏监控
最近更新时间:2024.12.23 11:34:10首次发布时间:2022.03.16 11:25:37

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

白屏总览

Image
指标说明如下所示:

指标

说明

白屏数

筛选条件下发生白屏的次数

白屏影响用户数

筛选条件下发生白屏的UV数

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

白屏原因

JS错误

Image

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

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

    指标

    说明

    url

    白屏发生时的 URL。

    dom 得分

    从 document.body 开始遍历 Dom 树,每次遍历到一个可见 Dom 元素根据 Dom 元素的层级增加一个分数,依次计算得到的分数。数值越小,白屏数越严重。

    截屏

    白屏发生时截取的界面情况所产生的图片,用户可以通过它观察到真实情况下白屏的效果。

    pid

    SDK 上报时对应的 pid。

    上报时间

    白屏发生时的时间。

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

请求异常

Image

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

静态资源异常

Image

  • 静态资源页面展示了静态资源路径、白屏数和白屏影响用户数。
  • 展开静态资源路径可以查看静态资源的url、dom得分、截屏、pid和上报时间,单击跳转到数据探索可以查看更多上报信息。

    说明

    在数据探索页面,您可以在Resource Errors页签下查看信息,分析静态资源异常原因。

  • 单击静态资源路径可以跳转到静态资源列表查看请求的详细情况和堆栈信息,便于更好的排查问题。

无法归因

Image

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