页面白屏检测方法、装置、计算机设备及存储介质与流程

本发明涉及计算机，尤其涉及一种页面白屏检测方法、装置、计算机设备及存储介质。

背景技术：

1、白屏现象指的是应用程序的页面在加载或运行过程中出现全白的情况，即页面没有任何内容显示，这就导致用户无法正常使用应用程序，影响用户体验，在此技术背景下，白屏检测技术应运而生。

2、目前，安卓app(应用程序)常见的白屏检测技术主要针对不同那个标准的页面将白屏检测相关的代码直接添加到页面的前端工程代码中，以在加载页面的同时，对白屏检测相关的代码进行加载，以在页面加载过程中，对页面进行白屏检测。但是，由于不同页面标准的不同，容易对前端工程代码造成侵入，另外，如果在页面加载过程中，如果白屏检测相关的代码还未执行到，页面就已经出现异常，而使页面加载终止，在这种情况下就会因为白屏检测相关的代码还未执行，而无法及时检测到页面出现白屏现象并进行数据上报，导致技术人员无法及时发现页面白屏问题和优化页面白屏问题。

3、因此，现有的白屏检测技术存在可靠性较差的问题。

技术实现思路

1、本发明实施例提供一种页面白屏检测方法、装置、计算机设备及存储介质，以解决现有的白屏检测技术存在可靠性较差的问题。

2、一种页面白屏检测方法，所述方法包括：

3、当用户在app中打开目标页面时，从所述app中获取到目标检测脚本，并将所述目标检测脚本注入所述目标页面中；

4、在将所述目标检测脚本注入所述目标页面中之后，基于所述目标检测脚本判断所述目标页面的加载时长是否超过预设的目标时长；

5、如果所述目标页面的加载时长超过所述目标时长，通过预设的白屏检测策略检测所述目标页面是否处于白屏状态；

6、在确定所述目标页面处于白屏状态的情况下，从所述目标页面中提取到白屏数据，所述白屏数据至少包括所述目标页面的白屏图像、白屏时长和页面地址；

7、将所述白屏数据上传到服务器。

8、上述方法，可选的，所述从所述app中获取目标检测脚本，并将所述目标检测脚本注入所述目标页面中，包括：

9、当用户在所述app中打开所述目标页面时，从所述app中获取到初始检测脚本和目标配置参数；所述初始检测脚本为经过初始配置的检测脚本；

10、将所述目标配置参数替换所述初始检测脚本中的初始配置参数，得到目标检测脚本；

11、将所述目标检测脚本注入所述目标页面中。

12、上述方法，可选的，所述白屏检测策略包括：

13、在所述目标页面上的目标位置，获取到预设数量的检测点；

14、分别判断每个所述检测点上是否存在页面元素；

15、如果在所有所述检测点中均未检测到页面元素，确定所述目标页面处于白屏状态。

16、上述方法，可选的，所述检测点至少包括所述检测点的坐标值；

17、所述分别判断每个所述检测点上是否存在元素，包括：

18、根据每个所述检测点的所述坐标值，分别获取每个所述检测点的顶层元素；

19、判断所述检测点的顶层元素是否存在元素值；

20、如果所述检测点的顶层元素不存在元素值，确定所述检测点上不存在页面元素。

21、上述方法，可选的，所述白屏检测策略包括：

22、判断在所述目标页面是否探测到dom根节点；

23、如果所述目标页面未探测到dom根节点，则确定所述目标页面处于白屏状态。

24、上述方法，可选的，所述白屏检测策略包括：

25、获取到所述目标页面的页面性能数据；

26、基于所述页面性能数据判断所述目标页面是否完成页面渲染；

27、如果所述目标页面未完成页面渲染，则确定所述目标页面处于白屏状态。

28、一种页面白屏检测装置，包括：

29、检测脚本获取单元，用于当用户在app中打开目标页面时，从所述app中获取到目标检测脚本，并将所述目标检测脚本注入所述目标页面中；

30、加载时长判断单元，用于在将所述目标检测脚本注入所述目标页面中之后，判断所述目标页面的加载时长是否超过预设的目标时长；

31、白屏状态判断单元，用于在所述目标页面的加载时长超过所述目标时长时，通过预设的串行白屏检测策略检测所述目标页面是否处于白屏状态；

32、白屏数据提取单元，用于在确定所述目标页面处于白屏状态的情况下，从所述目标页面中提取到白屏数据，所述白屏数据至少包括所述目标页面的白屏图像、白屏时长和页面地址；

33、白屏数据上传单元，用于将所述白屏数据上传到服务器。

34、上述装置，可选的，所述第一检测单元用于：

35、获取初始检测脚本和目标配置参数；所述初始检测脚本为经过初始配置的检测脚本；

36、将所述目标配置参数替换所述初始检测脚本中的初始配置参数，得到目标检测脚本；

37、将所述目标检测脚本注入所述目标页面中。

38、一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述任一项所述页面白屏检测方法。

39、一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如上述任一项所述页面白屏检测方法。

40、上述页面白屏检测方法、装置、计算机设备及存储介质，当用户在app中打开目标页面时，从app中获取到目标检测脚本，并将目标检测脚本注入目标页面中，以通过目标检测脚本对目标页面进行白屏检测。通过目标检测脚本判断目标页面的加载时长是否超过目标时长，在目标页面的加载时长超过目标时长时，通过预设的串行白屏检测策略检测目标页面是否处于白屏状态，并在确定目标页面处于白屏状态时，上传目标页面的白屏数据到服务器。可见，本发明在打开目标页面时，才会从app中获取目标脚本，即目标脚本独立于目标页面之外，目标页面的加载不会影响目标检测脚本的检测性能，可以实现在目标页面的无感知的情况下，完成对目标页面的白屏检测，达到提高了提高白屏检测可靠性的目的。

技术特征：

1.一种页面白屏检测方法，其特征在于，所述方法包括：

2.如权利要求1所述的页面白屏检测方法，其特征在于，所述当用户在app中打开目标页面时，从所述app中获取到目标检测脚本，并将所述目标检测脚本注入所述目标页面中，包括：

3.如权利要求1所述的页面白屏检测方法，其特征在于，所述白屏检测策略包括：

4.如权利要求3所述的页面白屏检测方法，其特征在于，所述检测点至少包括所述检测点的坐标值；

5.如权利要求1所述的页面白屏检测方法，其特征在于，所述白屏检测策略包括：

6.如权利要求1所述的页面白屏检测方法，其特征在于，所述白屏检测策略包括：

7.一种页面白屏检测装置，其特征在于，包括：

8.如权利要求7所述的页面白屏检测装置，其特征在于，所述第一检测单元用于：

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述页面白屏检测方法。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述页面白屏检测方法。

技术总结本发明涉及计算机技术领域，公开了一种页面白屏检测方法、装置、计算机设备及存储介质，通过将目标检测脚本注入目标页面中，以通过目标检测脚本对目标页面进行白屏检测。通过目标检测脚本判断目标页面的加载时长是否超过目标时长，在目标页面的加载时长超过目标时长时，通过预设的串行白屏检测策略检测目标页面是否处于白屏状态，并在确定目标页面处于白屏状态时，上传目标页面的白屏数据到服务器。可见，本发明在打开目标页面时才会从APP中获取目标脚本，即目标脚本独立于目标页面之外，目标页面的加载不会影响目标检测脚本的检测性能，可以实现在目标页面的无感知的情况下，完成对目标页面的白屏检测，达到提高了提高白屏检测可靠性的目的。技术研发人员：李毅,王恒胜,洪隆樟,黎杨俊,李磊磊,吴优宏受保护的技术使用者：深圳乐信软件技术有限公司技术研发日：技术公布日：2024/9/17