移动端白屏监控方法、系统、电子设备及介质与流程

本公开涉及计算机，具体涉及一种移动端白屏监控方法，一种移动端白屏监控系统，一种电子设备以及一种计算机可读存储介质。

背景技术：

1、由于h5(hyper text markup language 5，简称html5)具备开发周期短、灵活性好的特点，所以业界普遍实现app嵌入webview组件进行hybrid开发，但是webview存在性能问题，由于应用的内存管理不善或h5开发过程的逻辑不全面，会导致本应加载的页面加载异常，导致页面呈现白屏，用户操作流程被中断。因此需要对这种移动端混合页面的白屏进行监控，但现有技术框架层面对于出现白屏的情况无法及时进行捕捉抛出；而且现有开发模式及技术现状决定了多数由前端开发的业务模块间无法直接通信，页面间的跳转、数据的流通、上下文的切换均需要原生app端进行中转，因此，如何在应用开发时为业务提供白屏监控的能力及进行相关上下文数据的上报，为后续问题排查提供依据是目前亟待解决的问题。

技术实现思路

1、为了至少解决现有技术中存在的无法进行移动端混合页面的白屏监控的技术问题，本公开提供一种移动端白屏监控方法、移动端白屏监控系统、电子设备以及计算机可读存储介质，能够为app应用提供白屏监控的能力，并通过搜集其所关联的白屏信息、错误信息等进行上报，实现白屏问题的暴露、排查、解决及优化。

2、第一方面，本公开提供一种移动端白屏监控方法，所述方法包括：

3、在应用启动并加载容器后，对容器内容的变化进行监听，并通过监听容器变化，实现以页面为单位的唯一标识符的生成和维护；

4、对应用运行过程中的各类指标进行搜集，并以唯一标识符为标识对搜集来的数据进行归类存储；

5、通过预设的白屏监控策略对页面进行白屏事件判定，如果判断为发生白屏事件，则获取白屏错误信息并截取白屏截图；

6、将当前获取到的页面的白屏错误信息与页面的唯一标识符进行同步存储，并通过唯一标识符进行存储数据的更新；

7、将截取的白屏截图和与所述白屏事件对应的页面的唯一标识符相关的存储数据上报。

8、进一步的，所述预设的白屏监控策略包括：

9、基于对容器url(uniform resource locator，统一资源定位系统)变化的被动触发策略；

10、基于原生控制器生命周期变化触发的触发策略；

11、基于特殊使用场景的监控策略；

12、基于用户交互的监控策略。

13、进一步的，

14、在将页面的白屏错误信息与页面的唯一标识符进行同步存储，并通过唯一标识符进行存储数据的更新后，将截取的白屏截图进行压缩并上报，并在上报成功后获取该白屏截图的链接；

15、将白屏截图的链接与对应唯一标识符同步并通过唯一标识符进行存储数据的更新；

16、将所述白屏事件对应的页面的唯一标识符相关的存储数据上报。

17、进一步的，所述方法还包括：

18、查询存储的数据中是否有未上报的白屏数据，若有则行上报，并在全部白屏数据上报成功后，将存储的该应用的所有数据进行删除。

19、第二方面，本公开提供一种移动端白屏监控系统，所述系统包括：

20、监控模块，其设置为在应用启动并加载容器后，对容器内容的变化进行监听，并通过监听容器变化，实现以页面为单位的唯一标识符的生成和维护；

21、存储模块，其设置为对应用运行过程中的各类指标进行搜集，并以唯一标识符为标识对搜集来的数据进行归类存储；

22、所述监控模块还设置为通过预设的白屏监控策略对页面进行白屏事件判定，如果判断为发生白屏事件，则获取白屏错误信息并截取白屏截图；

23、所述存储模块还设置为将所述监控模块当前获取到的页面的白屏错误信息与页面的唯一标识符进行同步存储，并通过唯一标识符进行存储数据的更新；

24、上报模块，其设置为将所述监控模块截取的白屏截图和所述存储模块存储的与所述白屏事件对应的页面的唯一标识符相关的存储数据上报。

25、进一步的，所述预设的白屏监控策略包括：

26、基于对容器url变化的被动触发策略；

27、基于原生控制器生命周期变化触发的触发策略；

28、基于特殊使用场景的监控策略；

29、基于用户交互的监控策略。

30、进一步的，

31、所述上报模块设置为在所述存储模块将页面的白屏错误信息与页面的唯一标识符进行同步存储，并通过唯一标识符进行存储数据的更新后，将截取的白屏截图进行压缩并上报，并在上报成功后获取该白屏截图的链接；

32、所述存储模块设置为将白屏截图的链接与对应唯一标识符同步并通过唯一标识符进行存储数据的更新；

33、所述上报模块还设置为将所述白屏事件对应的页面的唯一标识符相关的存储数据上报。

34、进一步的，所述上报模块还设置为：

35、查询所述存储模块存储的数据中是否有未上报的白屏数据，若有则行上报，并在全部白屏数据上报成功后，将所述存储模块中存储的该应用的所有数据进行删除。

36、第三方面，本公开提供一种电子设备，包括存储器和处理器，所述存储器中存储有计算机程序，当所述处理器运行所述存储器存储的计算机程序时，所述处理器执行如第一方面中任一所述的移动端白屏监控方法。

37、第四方面，本公开提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面中任一所述的移动端白屏监控方法。

38、有益效果：

39、本公开提供的移动端白屏监控方法、移动端白屏监控系统、电子设备及存储介质，通过生成与维护页面唯一标识符输出明晰的页面路径，为app应用提供白屏监控的能力，并通过搜集其所关联的白屏信息、错误信息等进行上报，实现白屏问题的暴露、排查、解决及优化，使得不同白屏问题能够被跟踪，被处理，被解决。

技术特征：

1.一种移动端白屏监控方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述预设的白屏监控策略包括：

3.根据权利要求1所述的方法，其特征在于，

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

5.一种移动端白屏监控系统，其特征在于，所述系统包括：

6.根据权利要求5所述的系统，其特征在于，所述预设的白屏监控策略包括：

7.根据权利要求5所述的系统，其特征在于，

8.根据权利要求5所述的方法，其特征在于，所述上报模块还设置为：

9.一种电子设备，其特征在于，包括存储器和处理器，所述存储器中存储有计算机程序，当所述处理器运行所述存储器存储的计算机程序时，所述处理器执行如权利要求1-4中任一项所述的移动端白屏监控方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-4中任一项所述的移动端白屏监控方法。

技术总结
本公开提供一种移动端白屏监控方法、系统、电子设备及存储介质，以解决无法进行移动端混合页面的白屏监控的问题，所述方法包括：在应用启动并加载容器后，对容器内容的变化进行监听，并通过监听容器变化，实现以页面为单位的唯一标识符的生成和维护；对应用运行中的各类指标搜集，以唯一标识符为标识对搜集的数据进行归类存储；通过预设的白屏监控策略对页面进行白屏事件判定，如发生白屏事件，则获取白屏错误信息并截取白屏截图；将白屏错误信息与唯一标识符进行同步存储，并通过唯一标识符进行存储数据的更新；将白屏截图和与白屏事件对应的页面的唯一标识符相关的存储数据上报。本公开能够为APP应用提供白屏监控的能力。

技术研发人员：缪源,罗家仲,史明鑫,全达,陈海潇,蒋和平,韩侠飞
受保护的技术使用者：中国联合网络通信集团有限公司
技术研发日：
技术公布日：2024/3/12