离线H5页面监控方法、装置、设备及可读存储介质制造方法及图纸

本发明专利技术公开了一种离线H5页面监控方法、装置、设备及可读存储介质，所述离线H5页面监控方法包括以下步骤：当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；在所述离线H5页面异常时，生成对应的异常信息，并判断所述移动终端是处于测试环境，还是处于生产环境；若所述移动终端处于测试环境，则控制移动终端显示所述异常信息；若所述移动终端处于生产环境，则控制移动终端将所述异常信息发送至服务器。本发明专利技术通过对内置的离线H5页面进行监控，在该离线H5页面异常时，生成对应的异常信息，便于测试开发人员获取异常信息，利于测试开发人员的后续排查检修。

【技术实现步骤摘要】
离线H5页面监控方法、装置、设备及可读存储介质
本专利技术涉及页面监控的
，尤其涉及一种离线H5页面监控方法、装置、设备及可读存储介质。
技术介绍
随着移动终端的普及，移动终端在人们日常生活中扮演着重要的角色。用户在移动终端中安装应用软件以实现不同的功能，而随着用户的要求越来越高，用户对网页加载速度等方面提出了新的要求。由于移动网络不稳定，容易出现卡顿、加载缓慢和耗流量多的情况。目前，针对在线页面，存在较多的页面加载渲染速度的监控工具，如PageSpeed等，但上述监控工具只适用于在线页面，不适用于内置在WebApp中的离线H5页面，无法有效的监控离线H5页面，在离线H5页面异常时，不能准确及时的获取异常信息，不便于测试开发人员的后续排查检修。上述内容仅用于辅助理解本专利技术的技术方案，并不代表承认上述内容是现有技术。
技术实现思路
本专利技术的主要目的在于提供一种离线H5页面监控方法、装置、设备及可读存储介质，旨在解决无法有效的监控离线H5页面，在离线H5页面异常时，不能准确及时的获取异常信息，不便于测试开发人员检修的技术问题。为实现上述目的，本专利技术提供一种离线H5页面监控方法，所述离线H5页面监控方法包括以下步骤：当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；在所述离线H5页面异常时，生成对应的异常信息，并判断所述移动终端是处于测试环境，还是处于生产环境；若所述移动终端处于测试环境，则控制移动终端显示所述异常信息；若所述移动终端处于生产环境，则控制移动终端将所述异常信息发送至服务器。可选地，所述判断所述移动终端是处于测试环境，还是处于生产环境的步骤包括：判断预设配置文件中的环境变量是测试环境变量，还是生产环境变量；若预设配置文件的中环境变量是测试环境变量，则判定所述移动终端处于测试环境；若预设配置文件的中环境变量是生产环境变量，则判定所述移动终端处于生产环境。可选地，所述对所述离线H5页面进行监控，以判断所述离线H5页面是否异常的步骤包括：计算所述离线H5页面的资源下载时长、图片加载时长和接口请求时长；在所述资源下载时长、所述图片加载时长或所述接口请求时长异常时，判定所述离线H5页面异常。可选地，所述对所述离线H5页面进行监控，以判断所述离线H5页面是否异常的步骤还包括：在所述资源下载时长、所述图片加载时长和所述接口请求时长均正常时，将所述资源下载时长、所述图片加载时长和所述接口请求时长相加，以获取页面加载渲染时长；在所述页面加载渲染时长超过预设阈值时，判定所述离线H5页面异常。可选地，所述离线H5页面监控方法还包括：接收服务器下发的所述离线H5页面的监控停止请求；根据所述监控停止请求停止对所述离线H5页面的监控。本专利技术还提供一种离线H5页面监控装置，所述离线H5页面监控装置包括：监控模块，用于当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；生成判断模块，用于在所述离线H5页面异常时，生成对应的异常信息，并判断所述移动终端是处于测试环境，还是处于生产环境；控制模块，用于若所述移动终端处于测试环境，则控制移动终端显示所述异常信息；所述控制模块，还用于若所述移动终端处于生产环境，则控制移动终端将所述异常信息发送至服务器。本专利技术还提供一种离线H5页面监控设备，所述离线H5页面监控设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的离线H5页面监控程序，所述离线H5页面监控程序被所述处理器执行时实现以下步骤：当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；在所述离线H5页面异常时，生成对应的异常信息，并判断所述移动终端是处于测试环境，还是处于生产环境；若所述移动终端处于测试环境，则控制移动终端显示所述异常信息；若所述移动终端处于生产环境，则控制移动终端将所述异常信息发送至服务器。本专利技术还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有离线H5页面监控程序，所述离线H5页面监控程序被处理器执行时实现以下步骤：当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；在所述离线H5页面异常时，生成对应的异常信息，并判断所述移动终端是处于测试环境，还是处于生产环境；若所述移动终端处于测试环境，则控制移动终端显示所述异常信息；若所述移动终端处于生产环境，则控制移动终端将所述异常信息发送至服务器。本专利技术当监测到移动终端的显示页面为离线H5页面时，对该离线H5页面进行监控，以判断该离线H5页面是否异常，然后在该离线H5页面异常时，生成对应的异常信息，并判断该移动终端是处于测试环境，还是处于生产环境，如果该移动终端处于测试环境，则控制移动终端输出该异常信息，如果该移动终端处于生产环境，则控制移动终端将该异常信息发送至服务器，本方案通过对内置的离线H5页面进行监控，在该离线H5页面异常时，生成对应的异常信息，并根据不同的工作环境对该异常信息作出不同的处理，便于测试开发人员获取异常信息，利于测试开发人员的后续排查检修。附图说明图1是本专利技术实施例方案涉及的硬件运行环境的终设备结构示意图；图2为本专利技术离线H5页面监控方法第一实施例的流程示意图；图3为图2中所述对所述离线H5页面进行监控，以判断所述离线H5页面是否异常步骤的细化流程示意图；图4为图2中所述判断所述移动终端是处于测试环境，还是处于生产环境步骤的细化流程示意图；图5为本专利技术第二实施例中所述对所述离线H5页面进行监控，以判断所述离线H5页面是否异常步骤的细化流程示意图；图6为本专利技术离线H5页面监控方法第三实施例的流程示意图；图7为本专利技术离线H5页面监控装置第一实施例的功能模块示意图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例的主要解决方案是：当监测到移动终端的显示页面为离线H5页面时，对该离线H5页面进行监控，以判断该离线H5页面是否异常，然后在该离线H5页面异常时，生成对应的异常信息，并判断该移动终端是处于测试环境，还是处于生产环境，如果该移动终端处于测试环境，则控制移动终端输出该异常信息，如果该移动终端处于生产环境，则控制移动终端将该异常信息发送至服务器由于针对在线页面，存在较多的页面加载渲染速度的监控工具，如PageSpeed等，但上述监控工具只适用于在线页面，不适用于内置在WebApp中的离线H5页面，无法有效的监控离线H5页面，在离线H5页面异常时，不能准确及时的获取异常信息，不便于测试开发人员的后续排查检修。本专利技术提供一种解决方案，本方案通过对内置的离线H5页面进行监控，在该离线H5页面异常时，生成对应的异常信息，并根据不同的工作环境对该异常信息作出不同的处理，便于测试开发人员获取异常信息，利于测试开发人员的后续排查检修。如图1所示，图1是本专利技术实施例方案涉及的硬件运行环境的设备结构示意图。本专利技术实施例终端可以是PC，也可以是智能手机、平板电脑、便携计算机等具有显示功能的可移动式终端设备。如图1本文档来自技高网...

【技术保护点】
一种离线H5页面监控方法，其特征在于，所述离线H5页面监控方法包括以下步骤：当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；在所述离线H5页面异常时，生成对应的异常信息，并判断所述移动终端是处于测试环境，还是处于生产环境；若所述移动终端处于测试环境，则控制移动终端显示所述异常信息；若所述移动终端处于生产环境，则控制移动终端将所述异常信息发送至服务器。

【技术特征摘要】
1.一种离线H5页面监控方法，其特征在于，所述离线H5页面监控方法包括以下步骤：当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；在所述离线H5页面异常时，生成对应的异常信息，并判断所述移动终端是处于测试环境，还是处于生产环境；若所述移动终端处于测试环境，则控制移动终端显示所述异常信息；若所述移动终端处于生产环境，则控制移动终端将所述异常信息发送至服务器。2.如权利要求1所述的离线H5页面监控方法，其特征在于，所述判断所述移动终端是处于测试环境，还是处于生产环境的步骤包括：判断预设配置文件中的环境变量是测试环境变量，还是生产环境变量；若预设配置文件的中环境变量是测试环境变量，则判定所述移动终端处于测试环境；若预设配置文件的中环境变量是生产环境变量，则判定所述移动终端处于生产环境。3.如权利要求1所述的离线H5页面监控方法，其特征在于，所述对所述离线H5页面进行监控，以判断所述离线H5页面是否异常的步骤包括：计算所述离线H5页面的资源下载时长、图片加载时长和接口请求时长；在所述资源下载时长、所述图片加载时长或所述接口请求时长异常时，判定所述离线H5页面异常。4.如权利要求3所述的离线H5页面监控方法，其特征在于，所述对所述离线H5页面进行监控，以判断所述离线H5页面是否异常的步骤还包括：在所述资源下载时长、所述图片加载时长和所述接口请求时长均正常时，将所述资源下载时长、所述图片加载时长和所述接口请求时长相加，以获取页面加载渲染时长；在所述页面加载渲染时长超过预设阈值时，判定所述离线H5页面异常。5.如权利要求1-4中任一项所述的离线H5页面监控方法，其特征在于，所述离线H5页面监控方法还包括：接收服务器下发的所述离线H5页面的监控停止请求；根据所述监控停止请求停止对所述离线H5页面的监控。6.一种离线H5页面监控装置，其特征在于，所述离线H5页面监控装置包括：监控模块，用于当监测到移动终端的显示页面为离线H5页面时，对所述离线H5页面进行监控，以判断所述离线H5页面是否异常；生成判断模块，用于在所述离线H...

【专利技术属性】
技术研发人员：高林龙，林泽全，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东,44