[发明专利]一种基于浏览器的监测预警方法、终端及存储介质

说明书

本发明公开了一种基于浏览器的监测预警方法、终端及存储介质，所述基于浏览器的监测预警方法包括：当检测到web页面运行时，实时获取所述web页面的运行参数，并在预设的可视化界面显示所述运行参数；根据所述web页面的运行状况对所述运行参数进行排序，并实时更新所述可视化界面中的排序列表；当检测到所述运行参数满足预警条件时，在所述可视化界面显示预警，并对所述web页面中的加载项进行阻塞。本发明通过监测浏览器单个页面中运行的实时帧率、内存占用、页面加载时间以及资源加载时间等，实现浏览器单个页面运行状态监控以及预警，从而合理化分配浏览器的资源。

技术领域

本发明涉及终端应用领域，尤其涉及的是一种基于浏览器的监测预警方法、终端及存储介质。

背景技术

在日益旺盛的web前端业务开发浪潮中，web应用的复杂度越来越高，图形化界面也越来越多，内存和其他资源使用也越来越多，如果一味地开发而不关注web前端的性能，就会出现浏览器卡死、崩溃以及运行缓慢等现象，从而直接影响项目交付(如网上支付)以及正常使用。

在现有的浏览器运行状态监测工具中，其配置复杂，而且定位于操作系统级别的监测，因此，无法准确地监控单个页面的运行情况，针对具体业务页面的性能状况的分析能力也不强，不能使web运行状态、资源加载监测以及内存溢出预警的可视化。

因此，现有技术还有待于改进和发展。

发明内容

本发明要解决的技术问题在于，针对现有技术缺陷，本发明提供一种基于浏览器的监测预警方法、终端及存储介质，通过监测浏览器单个页面中运行的实时帧率、内存占用、页面加载时间以及资源加载时间等，实现浏览器单个页面运行状态监控以及预警，从而合理化分配浏览器的资源。

本发明解决技术问题所采用的技术方案如下：

本发明提供一种基于浏览器的监测预警方法，其中，所述基于浏览器的监测预警方法包括以下步骤：

当检测到web页面运行时，实时获取所述web页面的运行参数，并在预设的可视化界面显示所述运行参数；

根据所述web页面的运行状况对所述运行参数进行排序，并实时更新所述可视化界面中的排序列表；

当检测到所述运行参数满足预警条件时，在所述可视化界面显示预警，并对所述web页面中的加载项进行阻塞。

进一步地，所述当检测到web页面运行时，实时获取所述web页面的运行参数，并在预设的可视化界面显示所述运行参数，之前包括以下步骤：

预先在所述web页面中嵌入所述可视化界面，以通过所述可视化界面显示所述web页面的运行参数。

进一步地，所述web页面的运行参数包括：帧率、内存占用率、页面加载时间以及资源加载时间。

进一步地，所述当检测到web页面运行时，实时获取所述web页面的运行参数，并在预设的可视化界面显示所述运行参数，具体包括以下步骤：

当检测到所述web页面运行时，实时获取所述web页面的帧率、内存占用率、页面加载时间以及资源加载时间；

分别在所述预设的可视化界面显示所述帧率、所述内存占用率、所述页面加载时间以及所述资源加载时间。

进一步地，所述帧率和所述内存占用率分别以表格的形式进行显示，所述页面加载时间以比例图的形式进行显示，所述资源加载时间以排序列表的形式进行显示。

进一步地，所述根据所述web页面的运行状况对所述运行参数进行排序，并实时更新所述可视化界面中的排序列表，具体包括以下步骤：

根据所述web页面的运行状况对所述资源加载时间进行排序，并实时判断是否有新资源被加载；