一种网页监控方法、装置及系统制造方法及图纸

技术编号:27742522 阅读:18 留言:0更新日期:2021-03-19 13:36
本申请提供了一种网页监控方法、装置及系统,该方案在移动端应用程序内嵌的网页展示组件中部署有网页监控脚本,当移动端应用程序调用网页展示组件加载网页时,自动触发网页展示组件中的网页监控脚本对网页进行监控,获得网页监控数据。因此,未部署监控代码的网页也能够自动获得网页监控功能。使用该方案不再需要为网页部署监控代码从而减轻了网页开发和维护的工作量,降低了网页开发和维护成本;而且,节省了各产品线实现网页监控的成本,统一了各产品线的监控数据标准。

【技术实现步骤摘要】
一种网页监控方法、装置及系统
本专利技术属于计算机
,尤其涉及一种网页监控方法、装置及系统。
技术介绍
网页展示组件(例如,Webview)能够解析DOM元素,展示html页面的控件,与浏览器显示网页页面的原理相同。在移动端应用程序(Application,APP)中内嵌Webview组件,实现在APP内打开网页。相关技术中,对于网页的监控通常由移动端APP和网页相互独立实现,导致监控数据相互独立,即,网页无法获得移动端APP的监控数据,移动端APP也无法获得网页的监控数据,这会导致没有部署监控代码的网页无法获得网页的性能和异常监控结果,网页无法实现对网页加载过程的监控。
技术实现思路
有鉴于此,本专利技术的目的在于提供一种网页监控方法、装置及系统,以解决未部署监控的网页无法实现对网页加载过程的监控,其公开的技术方案如下:第一方面,本申请提供了一种网页监控方法,应用于移动端应用程序中,所述移动端应用程序中内嵌有网页展示组件,所述网页展示组件中部署有网页监控脚本,所述方法包括:当所述移动端应用程序接收到网页访问请求后,调用所述网页展示组件加载所请求的网页;在所述网页展示组件加载所述网页的过程中,当检测到目标监控事件发生时,触发所述网页监控脚本对所述网页进行监控,得到所述网页对应的网页监控数据。可选地,所述在所述网页展示组件加载所述网页的过程中,当检测到目标监控事件发生时,触发所述网页监控脚本对所述网页进行监控,得到所述网页对应的网页监控数据,包括:>当检测到网页加载完成事件时,执行所述网页监控脚本以收集所述网页加载过程中的性能监控数据,得到网页性能监控数据;当检测到网页加载异常时,执行所述网页监控脚本以收集网页加载过程中的网页JS异常数据,得到网页JS异常监控数据。可选地,所述方法还包括:当检测到网页加载异常时,获取加载异常的网页对应的页面资源的相关信息。可选地,所述方法还包括:所述移动端应用程序将获得的网页监控数据发送至所述网页对应的服务端。第二方面,本申请还提供了一种网页监控方法,应用于服务端,所述方法包括:接收移动端应用程序发送的网页监控数据,所述网页监控数据由所述移动端应用程序内嵌的网页展示组件中部署的网页监控脚本获得,且所述网页监控数据中包括用户标识;将同一网页对应的包含不同用户标识的网页监控数据进行关联分析,得到所述网页在不同网络环境和/或不同地区对应的网页性能分析结果。第三方面,本申请还提供了一种网页监控装置,应用于移动端应用程序中,所述移动端应用程序中内嵌有网页展示组件,所述网页展示组件中部署有网页监控脚本,所述装置包括:网页加载模块,用于当所述移动端应用程序接收到网页访问请求后,调用所述网页展示组件加载所请求的网页;网页监控模块,用于在所述网页展示组件加载所述网页的过程中,当检测到目标监控事件发生时,触发所述网页监控脚本对所述网页进行监控,得到所述网页对应的网页监控数据。可选地,所述网页监控模块,包括:网页性能监控子模块,用于当检测到网页加载完成时,执行所述网页监控脚本以收集所述网页加载过程中的性能监控数据,得到网页性能监控数据;网页JS异常监控子模块,当检测到网页加载异常时,执行所述网页监控脚本以收集网页加载过程中的网页JS异常数据,得到网页JS异常监控数据。可选地,所述装置还包括:页面资源获取模块,用于当检测到网页加载异常时,获取加载异常的网页对应的页面资源的相关信息。第四方面,本申请还提供了一种网页监控装置,应用于服务端,所述装置包括:监控数据接收模块,用于接收移动端应用程序发送的网页监控数据,所述网页监控数据由所述移动端应用程序内嵌的网页展示组件中部署的网页监控脚本获得,且所述网页监控数据中包括用户标识;关联分析模块,用于将同一网页对应的包含不同用户标识的网页监控数据进行关联分析,得到所述网页在不同网络环境或不同地区对应的网页性能分析结果。第五方面,本申请还提供了一种网页监控系统,包括:内嵌有网页展示组件的移动端应用程序,以及部署在所述网页展示组件中的网页监控脚本;所述网页展示组件加载待加载网页;所述网页展示组件触发所述网页监控脚本对未部署网页监控脚本的待加载网页进行监控,得到所述待加载网页对应的网页监控数据。本申请提供的网页监控方法,在移动端应用程序内嵌的网页展示组件中部署有网页监控脚本,当移动端应用程序调用网页展示组件加载网页时,自动触发网页监控脚本对网页进行监控,获得网页监控数据。通过部署在网页展示组件中部署的网页监控脚本,自动获得未部署网页监控代码的网页对应的网页监控数据。使用该方案只需在网页展示组件中部署网页监控脚本,不需要在各个网页部署监控代码,从而减轻了网页开发和维护的工作量,降低了网页开发和维护成本;而且,节省了各产品线实现网页监控的成本,统一了各产品线的监控数据标准。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本申请实施例提供的一种传统的移动端APP内的网页展示架构的示意图;图2是本申请实施例提供的一种网页监控方法的流程图;图3是本申请实施例提供的一种移动端APP内的网页展示架构的示意图;图4是本申请实施例提供的另一种网页监控方法的流程图;图5是本申请实施例提供的一种网页监控装置的结构示意图;图6是本申请实施例提供的另一种网页监控装置的结构示意图;图7是本申请实施例提供的又一种网页监控装置的结构示意图;图8是本申请实施例提供的一种网页监控系统的结构示意图。具体实施方式本申请专利技术人在研究本申请的过程中发现:相关技术中的网页监控通过在网页中添加监控代码实现,而且所添加的监控代码只能对该网页的异常进行监控,而无法监控其他网页。而对于没有监控代码的网页则无法获得网页监控数据。例如,如图1所示,H5业务即网页业务的统称,不同业务(如业务A~D)分别为不同的网页;普通浏览器即相关技术中的网页展示组件(因为网页展示组件能够实现浏览器的功能因此可以称为浏览器)由图1可见,不同网页的监控功能不尽相同,例如,业务A的网页具有性能监控、异常监控和业务监控,而业务B的网页具有业务监控,其中性能监控和异常监控属于网页监控,而业务监控是对网页中具体的业务数据的监控。对于没有部署网页监控代码的网页将无法获得网页监控数据。为了使未部署网页监控代码的网页也能获得网页监控功能,本申请提供了一种网页监控方法,在网页展示组件中部署网页监控脚本,当移动端应用程序调用网页展示组件加载网页时,自动触发网页展示组件中的网页监控脚本对网页进行监控获得网页监控数据。网页展本文档来自技高网...

【技术保护点】
1.一种网页监控方法,其特征在于,应用于移动端应用程序中,所述移动端应用程序中内嵌有网页展示组件,所述网页展示组件中部署有网页监控脚本,所述方法包括:/n当所述移动端应用程序接收到网页访问请求后,调用所述网页展示组件加载所请求的网页;/n在所述网页展示组件加载所述网页的过程中,当检测到目标监控事件发生时,触发所述网页监控脚本对所述网页进行监控,得到所述网页对应的网页监控数据。/n

【技术特征摘要】
1.一种网页监控方法,其特征在于,应用于移动端应用程序中,所述移动端应用程序中内嵌有网页展示组件,所述网页展示组件中部署有网页监控脚本,所述方法包括:
当所述移动端应用程序接收到网页访问请求后,调用所述网页展示组件加载所请求的网页;
在所述网页展示组件加载所述网页的过程中,当检测到目标监控事件发生时,触发所述网页监控脚本对所述网页进行监控,得到所述网页对应的网页监控数据。


2.根据权利要求1所述的方法,其特征在于,在所述网页展示组件加载所述网页的过程中,当检测到目标监控事件发生时,触发所述网页监控脚本对所述网页进行监控,得到所述网页对应的网页监控数据,包括:
当检测到网页加载完成时,执行所述网页监控脚本以收集所述网页加载过程中的性能监控数据,得到网页性能监控数据;
当检测到网页加载异常时,执行所述网页监控脚本以收集网页加载过程中的网页JS异常数据,得到网页JS异常监控数据。


3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
当检测到网页加载异常时,获取加载异常的网页对应的页面资源的相关信息。


4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
所述移动端应用程序将获得的网页监控数据发送至所述网页对应的服务端。


5.一种网页监控方法,其特征在于,应用于服务端,所述方法包括:
接收移动端应用程序发送的网页监控数据,所述网页监控数据由所述移动端应用程序内嵌的网页展示组件中部署的网页监控脚本获得,且所述网页监控数据中包括用户标识;
将同一网页对应的包含不同用户标识的网页监控数据进行关联分析,得到所述网页在不同网络环境和/或不同地区对应的网页性能分析结果。


6.一种网页监控装置,其特征在于,应用于移动端应用程序中,所述移动端应用程序...

【专利技术属性】
技术研发人员:尹家庆杨小锋柴源杨静范天航
申请(专利权)人:上海优扬新媒信息技术有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1