CN114840405A - 基于事件分析的页面监控方法及装置 - Google Patents
基于事件分析的页面监控方法及装置 Download PDFInfo
- Publication number
- CN114840405A CN114840405A CN202210583100.6A CN202210583100A CN114840405A CN 114840405 A CN114840405 A CN 114840405A CN 202210583100 A CN202210583100 A CN 202210583100A CN 114840405 A CN114840405 A CN 114840405A
- Authority
- CN
- China
- Prior art keywords
- page
- target
- target page
- control
- source code
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
- G06F11/3438—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment monitoring of user actions
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Debugging And Monitoring (AREA)
Abstract
本发明公开了一种基于事件分析的页面监控方法及装置。该方法包括:获取待监控的目标页面对应的目标页面源码;基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载所述目标页面对应的目标监听组件;通过加载的所述目标监听组件,在窗口中监听所述目标页面中的用户操作事件,并基于所述目标页面源码对监听到的用户操作事件进行分析,确定所述目标页面上的用户行为数据,通过本发明实施例的技术方案,可以无需重新开发页面,降低开发成本,并且保证了页面使用功能和加载性能。
Description
技术领域
本发明实施例涉及计算机技术,尤其涉及一种基于事件分析的页面监控方法及装置。
背景技术
随着计算机技术的快速发展,对页面中的用户行为数据进行分析可以更好的满足用户的需求,提升用户的体验感。
目前,通常是在页面中嵌入监控代码,从而通过预设埋点的方式,获取页面中的用户行为数据。可见,这种获取方式需要对现有页面进行重新开发,页面开发工作量大,费时费力,增加开发成本。
发明内容
本发明提供了一种基于事件分析的页面监控方法及装置,以无需重新开发页面,降低开发成本,并且保证了页面使用功能和加载性能。
根据本发明的一方面,提供了一种基于事件分析的页面监控方法,该方法包括:
获取待监控的目标页面对应的目标页面源码;
基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载所述目标页面对应的目标监听组件;
通过加载的所述目标监听组件,在窗口中监听所述目标页面中的用户操作事件,并基于所述目标页面源码对监听到的用户操作事件进行分析,确定所述目标页面上的用户行为数据。
根据本发明的另一方面,提供了一种基于事件分析的页面监控装置,该装置包括:
目标页面源码获取模块,用于获取待监控的目标页面对应的目标页面源码;
目标监听组件加载模块,用于基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载所述目标页面对应的目标监听组件;
用户行为数据确定模块,用于通过加载的所述目标监听组件,在窗口中监听所述目标页面中的用户操作事件,并基于所述目标页面源码对监听到的用户操作事件进行分析,确定所述目标页面上的用户行为数据。
本发明实施例的技术方案,通过获取待监控的目标页面对应的目标页面源码,基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载目标页面对应的目标监听组件,通过加载的目标监听组件,在窗口中监听目标页面中的用户操作事件,并基于目标页面源码对监听到的用户操作事件进行分析,确定目标页面上的用户行为数据,从而仅需要加载目标页面对应的目标监听组件便可以在窗口中实现页面监控,获取页面上的用户行为数据,从而无需预先埋点,并且也无需与目标页面中的元素和控件进行绑定,进而可以对窗口中展示的任意页面进行页面监控,无需对原有页面进行重新开发,降低了开发成本,同时也不会对页面功能及加载性能造成影响,保证了用户体验。
应当理解,本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征,也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据本发明实施例一提供的一种基于事件分析的页面监控方法的流程图;
图2是根据本发明实施例二提供的一种基于事件分析的页面监控方法的流程图;
图3是根据本发明实施例三提供的一种基于事件分析的页面监控方法的流程图;
图4是根据本发明实施例四提供的一种基于事件分析的页面监控装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例一
图1为本发明实施例一提供了一种基于事件分析的页面监控方法的流程图,本实施例可适用于对任意一个页面进行监控,以获取该页面中的用户行为数据情况,该方法可以由基于事件分析的页面监控装置来执行,该基于事件分析的页面监控装置可以采用硬件和/或软件的形式实现,该基于事件分析的页面监控装置可配置于电子设备中,比如安装有浏览器的设备中,以便对浏览器中展示的页面进行监控。如图1所示,该方法包括:
S110、获取待监控的目标页面对应的目标页面源码。
其中,目标页面可以是指需要监控的页面。例如,目标页面可以是指在窗口中待展示的页面或者正在展示的页面。目标页面源码可以是指目标页面对应的页面源代码。
具体的,可以将窗口中当前加载页面或者加载后正在展示的页面作为目标页面,并获取该目标页面对应的目标页面源码。
示例性地,S110可以包括:将当前加载页面作为待监控的目标页面,并获取目标页面对应的目标页面源码。也就是说,可以将窗口中当前需要加载的页面或者正在加载的页面作为目标页面,以便可以基于目标页面的加载操作触发对目标页面的监控操作。
S120、基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载目标页面对应的目标监听组件。
其中,目标代码框架可以是指目标页面源码对应的代码框架。监听组件可以是用于获取页面用户触发的用户操作事件,并对获取得到的用户操作事件进行分析的组件。目标监听组件可以是指目标页面对应的监听组件。在本实施例中,可以针对不同类型的代码框架预先开发不同的监听组件,并建立代码框架与监听组件之间的对应关系。其中,代码框架可以包括但不限于:Element-UI、Ant Design或者Bootstrap。
具体的,根据得到的目标页面对应的目标页面源码,可以获取目标页面源码对应的目标代码框架。基于代码框架与监听组件之间的对应关系,可以确定目标代码框架对应的目标监听组件,即目标页面对应的目标监听组件。示例性地,可以在目标页面加载完成展示后,对该目标页面进行监听,比如在检测到用户通过点击同意监听按钮所触发的监听操作时,或者保证数据安全,根据用户需要对预设监听范围内的目标页面进行监听操作时,可以通过加载目标监听组件的方式,对窗口中展示的目标页面进行页面监控。
示例性地,S120可以包括:响应于所述目标页面的加载操作,加载所述目标监听组件。
在本实施例中,可以在目标页面的加载的同时加载目标监听组件,使得目标监听组件和目标页面同时加载,以便在目标页面加载完成展示后可以立即进行页面监控操作,从而可以获得目标页面中用户的所有行为数据。
S130、通过加载的目标监听组件,在窗口中监听目标页面中的用户操作事件,并基于目标页面源码对监听到的用户操作事件进行分析,确定目标页面上的用户行为数据。
其中,窗口可以是指展示页面的窗口,比如浏览器窗口。例如,浏览器窗口可以用于展示内网或者外网的页面。用户操作事件可以是指在目标页面上基于用户操作触发所生成的外设事件。例如,用户操作事件可以包括但不限于:鼠标移动事件、鼠标左击事件、鼠标右击事件、鼠标单击事件、鼠标双击事件、鼠标长按事件、鼠标拖动事件、鼠标滚动事件、键盘输入事件和回车事件等。
具体的,通过执行加载后的目标监听组件,可以在窗口中监听所展示的目标页面中生成的用户操作事件,并基于目标页面源码对监听到的用户操作事件进行事件分析,获得每个用户操作事件对应的用户行为数据。通过利用加载的目标监听组件进行页面监控,可以无需预先埋点,并且也无需将元素和控件进行绑定,从而可以在不改变页面代码,以及不影响页面性能及页面原始功能的情况下,获取页面上的用户行为数据,并且可以对窗口中展示的任意页面进行页面监控,无需对原有页面进行重新开发,降低了开发成本,使用灵活,提升用户体验。
示例性地,目标监听组件可以包括用于监听每个用户操作事件的监听模块。在目标监听组件加载后可以在窗口中利用加载的各个监听模块,监听相应的用户操作事件。例如:可以利用加载的鼠标点击监听模块“window.addEventListener‘click’”,在目标页面上对鼠标点击事件进行监听,从而获得在目标页面上用户点击鼠标的用户行为数据。又如,还可以利用加载的键盘输入监听模块“document.onkeydown”,对键盘输入事件进行监听,从而获得在目标页面上用户通过键盘进行输入的用户行为数据。
本发明实施例的技术方案,通过获取待监控的目标页面对应的目标页面源码,基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载目标页面对应的目标监听组件,通过加载的目标监听组件,在窗口中监听目标页面中的用户操作事件,并基于目标页面源码对监听到的用户操作事件进行分析,确定目标页面上的用户行为数据,从而仅需要加载目标页面对应的目标监听组件便可以在窗口中实现页面监控,获取页面上的用户行为数据,从而无需在目标页面中预先埋点,并且也无需与目标页面中的元素和控件进行绑定,进而可以对窗口中展示的任意页面进行页面监控,无需对原有页面进行重新开发,降低了开发成本,同时也不会对页面功能及加载性能造成影响,保证了用户体验。
可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当依据相关法律法规通过恰当的方式对本公开所涉及到的个人信息的类型、使用范围以及使用场景等告知用户并获得用户的授权。
实施例二
图2为本发明实施例二提供的一种基于事件分析的页面监控方法的流程图,本实施例在上述各实施例的基础上,对确定目标页面上的用户行为数据进行优化,其中与上述各实施例相同或相应的术语的解释在此不再赘述。参见图2,本实施例提供的基于事件分析的页面监控方法可以包括如下步骤:
S210、获取待监控的目标页面对应的目标页面源码。
S220、基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载目标页面对应的目标监听组件。
S230、通过加载的目标监听组件,在窗口中监听目标页面中的用户操作事件。
S240、基于目标页面源码中的页面布局源码,确定监听到的每个用户操作事件对应的目标页面控件。
其中,目标页面控件可以是指用户操作事件对应的页面控件。例如,若用户操作事件为输入姓名张三的键盘输入事件,则对应的目标页面控件为姓名输入控件。目标页面源码可以是指目标页面对应的源代码。目标页面布局源码可以是指目标页面中的各个页面控件所对应的布局信息源代码。
具体的,在目标页面源码中可以获得窗口所展示的页面控件所对应的页面布局源码。基于页面布局源码,对监听到的每个用户操作事件对应的窗口位置信息进行分析,可以确定出监听到的每个用户操作事件对应的目标页面控件。
S250、基于目标页面源码中的页面控件源码,确定目标页面控件对应的目标控件信息。
其中,页面控件源码可以是指页面控件对应的源代码。目标控件信息可以是指目标页面控件所代表的含义,比可以包括控件上所显示的文字,提示信息等。示例性地,目标控件信息可以包括:目标页面控件对应的控件类别和控件内容。其中,控件类别可以包括交互类型和表单类型。控件内容可以用于描述目标页面控件的含义。其中,交互类型可以包括:按钮、链接和TAB(tabulator key,键盘制表定位健)页等。表单类型可以包括:输入框、下拉框、单选框和复选框等。
具体的,在目标页面源码中可以获得每个目标页面控件对应的目标页面控件源码,并根据目标页面控件源码,可以确定目标页面控件对应的目标控件信息。
S260、基于用户操作事件对应的事件发生信息和目标页面控件对应的目标控件信息,确定目标页面上的用户行为数据。
其中,事件发生信息可以是指发生用户操作事件时的用户操作信息。用户操作事件对应的事件发生信息可以包括但不限于:用户操作事件的触发时刻和用户停留时长。
具体的,根据用户操作事件对应的事件发生信息和目标页面控件对应目标控件信息进行信息整合,可以确定出监听到的每个用户操作事件对应的用户行为数据,从而可以获得目标页面上的所有用户行为数据并可以进行记录生成相应的用户行为日志。例如:目标页面上的用户行为数据可以为:通过SSO(Single Sign On,单点登录系统)登陆的用户A,在时刻b打开了页面X(利用URL(uniform resource locator,统一资源定位系统)进行页面标识),在页面停留10秒,之后鼠标滑过页面控件1、页面控件2、页面控件3、页面控件4和页面控件5,单击了就诊流程按钮控件,停留10秒,点击了关闭按钮。
本实施例的技术方案,根据目标页面源码中的页面布局源码,可以确定每个用户操作事件对应的目标页面控件。根据目标页面源码中的页面控件源码,可以确定出目标页面控件对应的目标控件信息。根据用户操作事件对应的事件发生信息和目标页面控件对应的目标控件信息,可以更加准确地确定出目标页面上的用户行为数据,并且也不会对页面性能及页面功能造成影响,进一步提升了用户的体验感。
在上述实施例的基础上,S240可以包括:获取监听到的每个用户操作事件对应的事件发生位置信息;基于目标页面源码中的页面布局源码,获取目标页面中的每个页面控件对应的控件位置信息;将事件发生位置信息与每个页面控件对应的控件位置信息进行匹配,确定监听到的每个用户操作事件对应的目标页面控件。
其中,事件发生位置信息可以是指用户操作事件发生时的窗口位置信息,也就是用户操作时的窗口位置信息。本实施例可以以窗口左上角为原点所建立的坐标系来表征用户操作事件对应的事件发生位置信息。
具体的,基于监听到的每个用户操作事件,可以获取每个用户操作事件对应的事件发生位置坐标信息。根据页面布局源码确定出目标页面中每个页面控件在窗口中展示时的控件位置坐标信息。将每个用户操作事件对应的事件发生位置坐标信息与每个页面控件的位置坐标信息进行匹配,并基于匹配成功的位置坐标信息,可以确定出每个用户操作事件对应的目标页面控件。
在上述实施例的基础上,S260可以包括:基于用户操作事件对应的事件触发时刻的先后顺序,对监听到的每个用户操作事件对应的事件发生信息以及相应的目标控件信息进行信息记录,获得目标页面上的用户行为数据。
具体的,可以基于用户操作事件的触发时刻进行先后顺序排序,获得用户依次触发生成的各个用户操作事件,并依次将每个用户操作事件对应的事件发生信息和相应目标控件信息进行记录,从而可以获得在目标页面上用户先后执行的具有详细信息的用户行为数据,进而可以获得更加清晰的用户行为时序数据,以便后续进行用户行为分析。
实施例三
图3为本发明实施例三提供的一种基于事件分析的页面监控方法的流程图,本实施例在上述各实施例的基础上,还增加了确定目标页面上的请求记录数据和响应记录数据的步骤。其中与上述各实施例相同或相应的术语的解释在此不再赘述。参见图3,本实施例提供的基于事件分析的页面监控方法可以包括如下步骤:
S310、获取待监控的目标页面对应的目标页面源码。
S320、基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载目标页面对应的目标监听组件。
S330、通过加载的目标监听组件,在窗口中监听目标页面中的用户操作事件,并基于目标页面源码对监听到的用户操作事件进行分析,确定目标页面上的用户行为数据。
S340、监听目标页面中的数据请求事件和数据加载事件,并基于目标页面源码对监听到的数据请求事件和数据加载事件进行分析,确定目标页面上的请求记录数据和响应记录数据。
其中,数据请求事件可以是指在目标页面上生成的向服务器发送数据请求的事件。数据加载事件可以是指在目标页面上加载与数据请求事件对应的响应数据的事件。
具体的,通过加载的目标监听组件,还可以监听目标页面中的数据请求事件和数据加载事件,并根据目标页面源码对监听到的数据请求事件和数据加载事件进行分析,可以确定出在目标页面上具有详细信息的请求记录数据和响应记录数据,从而记录更加清晰完整的请求响应过程,以便后续更加准确地进行用户分析。
示例性地,S340可以包括:获取监听到的数据请求事件对应的请求页面控件;基于请求页面控件对应的控件源码,确定请求页面控件对应的控件信息;基于数据请求事件中的请求数据和请求页面控件对应的控件信息,确定目标页面上的请求记录数据。
其中,请求页面控件可以是指与数据请求事件相关联的页面控件。例如,请求页面控件可以包括数据请求内容所对应的页面控件,也可以包括数据请求生成时的触发控件,比如搜索按钮。
具体的,可以对监听到的数据请求事件进行解析,获得数据请求事件中的数据请求内容,并将数据请求内容与监听到的用户操作事件进行匹配,并将匹配成功的用户操作事件确定为与数据请求事件相关联的目标用户操作事件。将每个目标用户操作事件对应的事件发生位置信息与目标页面中的每个页面控件对应的控件位置信息进行匹配,可以确定出每个目标用户操作事件对应的页面控件,从而获得数据请求事件对应的各个请求页面控件。根据每个请求页面控件对应的控件源码,可以确定出相应的请求页面控件对应的控件信息。针对每个数据请求事件而言,可以基于该数据请求事件对应的各个请求页面控件的触发时刻进行先后顺序排列,并基于排序后的顺序,依次将每个数据请求事件中的请求数据与请求页面控件对应的控件信息进行数据整合,从而可以记录更加详细的请求记录数据。
需要说明的是,若基于文本输入框控件中的控件内容生成数据请求,则对监听到的数据请求事件进行分析的过程可以包括:获取文本输入框控件,分析文本输入框控件源码,获取提示词信息,以及获取输入框输入内容等。示例性地,本实施例中获得的请求记录数据可以为:在“请输入患者手机号、或身份证号”输入框,输入了“1234567890”,之后点击查找按钮,请求发送至数据库1;请求时间为XXX。相比于传统方式记录的请求记录数据:1234567890发送至数据库1而言,本实施例可以记录更加清楚详细的数据请求内容,以便后续更加准确地分析用户行为。
在上述实施例的基础上,S340可以包括:获取监听到的数据加载事件所涉及到的加载页面控件;基于加载页面控件对应的控件源码,确定加载页面控件对应的控件信息,并基于数据加载事件中的加载数据确定加载页面控件对应的控件加载数据;基于加载页面控件对应的控件信息和控件加载数据,确定目标页面上的响应记录数据。
其中,加载页面控件可以是指数据加载事件所涉及的页面控件。例如,加载页面控件可以包括用于展示响应数据的页面控件。数据加载事件中的加载数据可以是指目标页面加载的请求响应数据。
具体的,基于监听到的数据加载事件,可以检测响应数据加载之前和响应数据加载之后的页面控件的变化情况,从而可以将存在内容变化的页面控件作为数据加载事件所涉及到的各个加载页面控件。根据每个加载页面控件对应的控件源码,可以确定出每个加载页面控件对应的控件信息。基于每个加载页面控件对应的控件信息,对页面加载数据进行匹配,确定出每个加载页面控件所加载的控件加载数据。将加载页面控件对应的控件加载数据和加载页面控件对应的控件信息进行数据整合,从而可以记录更加详细的响应记录数据。
示例性地,可以获取每个加载页面控件中的各字段所显示的字段名称,以及各个字段所加载的加载数据内容,生成完整清晰的响应记录数据。例如:监听到的数据加载事件所涉及到的加载页面控件包括:序号控件、患者标识控件、姓名控件、性别控件等。获取的加载数据可以包括各个加载页面控件对应的展示内容,将加载页面控件对应的控件加载数据和加载页面控件对应的控件信息进行记录,获得的响应记录数据可以包括:
序号:1、患者标识:111、姓名:AA、性别:男、......;
序号:2、患者标识:222、姓名:BB、性别:女、......;
......
相较于传统相应记录数据,比如:标识1:1;标识2:111;标识3:AA;标识4:男;......;标识1:2;......)而言,本实施例可以更加清晰完整地记录出数据加载内容,以便后续更加准确地分析用户行为。
本实施例的技术方案,通过监听目标页面中的数据请求事件和数据加载事件,并基于目标页面源码对监听到的数据请求事件和数据加载事件进行分析,可以确定目标页面上的请求记录数据和响应记录数据,从而可以清晰完整的获取请求记录数据和响应记录数据,进而便于后续分析。
实施例四
图4为本发明实施例四提供的一种基于事件分析的页面监控装置的结构示意图。如图4所示,该装置包括:目标页面源码获取模块410、目标监听组件加载模块420和用户行为数据确定模块430。
其中,目标页面源码获取模块410,用于获取待监控的目标页面对应的目标页面源码;目标监听组件加载模块420,用于基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载目标页面对应的目标监听组件;用户行为数据确定模块430,用于通过加载的目标监听组件,在窗口中监听目标页面中的用户操作事件,并基于目标页面源码对监听到的用户操作事件进行分析,确定目标页面上的用户行为数据。
本发明实施例的技术方案,通过获取待监控的目标页面对应的目标页面源码,基于目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载目标页面对应的目标监听组件,通过加载的目标监听组件,在窗口中监听目标页面中的用户操作事件,并基于目标页面源码对监听到的用户操作事件进行分析,确定目标页面上的用户行为数据,从而仅需要加载目标页面对应的目标监听组件便可以在窗口中实现页面监控,获取页面上的用户行为数据,从而无需预先埋点,并且也无需与目标页面中的元素和控件进行绑定,进而可以对窗口中展示的任意页面进行页面监控,无需对原有页面进行重新开发,降低了开发成本,同时也不会对页面功能及加载性能造成影响,保证了用户体验。
在上述实施例的基础上,目标页面源码获取模块410,具体用于:将当前加载页面作为待监控的目标页面,并获取目标页面对应的目标页面源码;目标监听组件加载模块420具体用于:响应于目标页面的加载操作,加载目标监听组件。
在上述实施例的基础上,用户行为数据确定模块430,可以包括:
目标页面控件确定单元,用于基于目标页面源码中的页面布局源码,确定监听到的每个用户操作事件对应的目标页面控件;
目标控件信息确定单元,用于基于目标页面源码中的页面控件源码,确定目标页面控件对应的目标控件信息;
用户行为数据确定单元,用于基于用户操作事件对应的事件发生信息和目标页面控件对应的目标控件信息,确定目标页面上的用户行为数据。
在上述实施例的基础上,目标页面控件确定单元,具体用于:
获取监听到的每个用户操作事件对应的事件发生位置信息;基于目标页面源码中的页面布局源码,获取目标页面中的每个页面控件对应的控件位置信息;将事件发生位置信息与每个页面控件对应的控件位置信息进行匹配,确定监听到的每个用户操作事件对应的目标页面控件。
在上述实施例的基础上,目标控件信息包括:目标页面控件对应的控件类别和控件内容;其中,控件类别包括交互类型和表单类型;控件内容用于描述目标页面控件的含义。
在上述实施例的基础上,用户行为数据确定单元,具体用于:
基于用户操作事件对应的事件触发时刻的先后顺序,对监听到的每个用户操作事件对应的事件发生信息以及相应的目标控件信息进行信息记录,获得目标页面上的用户行为数据。
在上述实施例的基础上,基于事件分析的页面监控装置,还包括:
数据确定模块,用于监听目标页面中的数据请求事件和数据加载事件,并基于目标页面源码对监听到的数据请求事件和数据加载事件进行分析,确定目标页面上的请求记录数据和响应记录数据。
在上述实施例的基础上,数据确定模块,具体用于:
获取监听到的数据请求事件对应的请求页面控件;基于请求页面控件对应的控件源码,确定请求页面控件对应的控件信息;基于数据请求事件中的请求数据和请求页面控件对应的控件信息,确定目标页面上的请求记录数据。
在上述实施例的基础上,数据确定模块,还可以具体用于:
获取监听到的数据加载事件所涉及到的加载页面控件;基于加载页面控件对应的控件源码,确定加载页面控件对应的控件信息,并基于数据加载事件中的加载数据确定加载页面控件对应的控件加载数据;基于加载页面控件对应的控件信息和控件加载数据,确定目标页面上的响应记录数据。
本发明实施例所提供的基于事件分析的页面监控装置可执行本发明任意实施例所提供的基于事件分析的页面监控方法,具备执行方法相应的功能模块和有益效果。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种基于事件分析的页面监控方法,其特征在于,包括:
获取待监控的目标页面对应的目标页面源码;
基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载所述目标页面对应的目标监听组件;
通过加载的所述目标监听组件,在窗口中监听所述目标页面中的用户操作事件,并基于所述目标页面源码对监听到的用户操作事件进行分析,确定所述目标页面上的用户行为数据。
2.根据权利要求1所述的方法,其特征在于,所述获取待监控的目标页面对应的目标页面源码,包括:
将当前加载页面作为待监控的目标页面,并获取所述目标页面对应的目标页面源码;
所述加载所述目标页面对应的目标监听组件,包括:
响应于所述目标页面的加载操作,加载所述目标监听组件。
3.根据权利要求1所述的方法,其特征在于,所述基于所述目标页面源码对监听到的用户操作事件进行分析,确定所述目标页面上的用户行为数据,包括:
基于所述目标页面源码中的页面布局源码,确定监听到的每个用户操作事件对应的目标页面控件;
基于所述目标页面源码中的页面控件源码,确定所述目标页面控件对应的目标控件信息;
基于所述用户操作事件对应的事件发生信息和所述目标页面控件对应的目标控件信息,确定所述目标页面上的用户行为数据。
4.根据权利要求3所述的方法,其特征在于,所述基于所述目标页面源码中的页面布局源码,确定监听到的每个用户操作事件对应的目标页面控件,包括:
获取监听到的每个用户操作事件对应的事件发生位置信息;
基于所述目标页面源码中的页面布局源码,获取所述目标页面中的每个页面控件对应的控件位置信息;
将所述事件发生位置信息与每个页面控件对应的控件位置信息进行匹配,确定监听到的每个用户操作事件对应的目标页面控件。
5.根据权利要求3所述的方法,其特征在于,所述目标控件信息包括:所述目标页面控件对应的控件类别和控件内容;其中,所述控件类别包括交互类型和表单类型;所述控件内容用于描述所述目标页面控件的含义。
6.根据权利要求3所述的方法,其特征在于,所述基于所述用户操作事件对应的事件发生信息和所述目标页面控件对应的目标控件信息,确定所述目标页面上的用户行为数据,包括:
基于用户操作事件对应的事件触发时刻的先后顺序,对监听到的每个用户操作事件对应的事件发生信息以及相应的目标控件信息进行信息记录,获得所述目标页面上的用户行为数据。
7.根据权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:
监听所述目标页面中的数据请求事件和数据加载事件,并基于所述目标页面源码对监听到的数据请求事件和数据加载事件进行分析,确定所述目标页面上的请求记录数据和响应记录数据。
8.根据权利要求7所述的方法,其特征在于,所述基于所述目标页面源码对监听到的数据请求事件进行分析,确定所述目标页面上的请求记录数据,包括:
获取监听到的数据请求事件对应的请求页面控件;
基于所述请求页面控件对应的控件源码,确定所述请求页面控件对应的控件信息;
基于所述数据请求事件中的请求数据和所述请求页面控件对应的控件信息,确定所述目标页面上的请求记录数据。
9.根据权利要求7所述的方法,其特征在于,所述基于所述目标页面源码对监听到的数据加载事件进行分析,确定所述目标页面上的响应记录数据,包括:
获取监听到的数据加载事件所涉及到的加载页面控件;
基于所述加载页面控件对应的控件源码,确定所述加载页面控件对应的控件信息,并基于所述数据加载事件中的加载数据确定所述加载页面控件对应的控件加载数据;
基于所述加载页面控件对应的控件信息和所述控件加载数据,确定所述目标页面上的响应记录数据。
10.一种基于事件分析的页面监控装置,其特征在于,包括:
目标页面源码获取模块,用于获取待监控的目标页面对应的目标页面源码;
目标监听组件加载模块,用于基于所述目标页面源码对应的目标代码框架以及代码框架与监听组件之间的对应关系,确定并加载所述目标页面对应的目标监听组件;
用户行为数据确定模块,用于通过加载的所述目标监听组件,在窗口中监听所述目标页面中的用户操作事件,并基于所述目标页面源码对监听到的用户操作事件进行分析,确定所述目标页面上的用户行为数据。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210583100.6A CN114840405A (zh) | 2022-05-25 | 2022-05-25 | 基于事件分析的页面监控方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210583100.6A CN114840405A (zh) | 2022-05-25 | 2022-05-25 | 基于事件分析的页面监控方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114840405A true CN114840405A (zh) | 2022-08-02 |
Family
ID=82571323
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210583100.6A Pending CN114840405A (zh) | 2022-05-25 | 2022-05-25 | 基于事件分析的页面监控方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114840405A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115344858A (zh) * | 2022-08-08 | 2022-11-15 | 上海中通吉网络技术有限公司 | 一种前端日志生成方法、装置及系统 |
| CN115964282A (zh) * | 2022-12-15 | 2023-04-14 | 上海中通吉网络技术有限公司 | 一种测试场景记录方法、装置及电子设备 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110214092A1 (en) * | 2010-02-26 | 2011-09-01 | Siemens Product Lifecycle Management Software Inc. | System and Method for Management of User Interactions Using Configurable Listeners in a Data Processing System |
| CN107295050A (zh) * | 2016-04-01 | 2017-10-24 | 阿里巴巴集团控股有限公司 | 前端用户行为统计方法及装置 |
| CN111176960A (zh) * | 2019-10-22 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 一种用户操作行为跟踪方法、装置、设备及存储介质 |
| CN111813623A (zh) * | 2020-06-29 | 2020-10-23 | 北京百度网讯科技有限公司 | 一种页面监控方法、装置、电子设备及存储介质 |
| CN113761443A (zh) * | 2021-08-24 | 2021-12-07 | 百安居信息技术(上海)有限公司 | 一种网站页面数据采集与统计方法、存储介质及设备 |
-
2022
- 2022-05-25 CN CN202210583100.6A patent/CN114840405A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110214092A1 (en) * | 2010-02-26 | 2011-09-01 | Siemens Product Lifecycle Management Software Inc. | System and Method for Management of User Interactions Using Configurable Listeners in a Data Processing System |
| CN107295050A (zh) * | 2016-04-01 | 2017-10-24 | 阿里巴巴集团控股有限公司 | 前端用户行为统计方法及装置 |
| CN111176960A (zh) * | 2019-10-22 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 一种用户操作行为跟踪方法、装置、设备及存储介质 |
| CN111813623A (zh) * | 2020-06-29 | 2020-10-23 | 北京百度网讯科技有限公司 | 一种页面监控方法、装置、电子设备及存储介质 |
| CN113761443A (zh) * | 2021-08-24 | 2021-12-07 | 百安居信息技术(上海)有限公司 | 一种网站页面数据采集与统计方法、存储介质及设备 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115344858A (zh) * | 2022-08-08 | 2022-11-15 | 上海中通吉网络技术有限公司 | 一种前端日志生成方法、装置及系统 |
| CN115964282A (zh) * | 2022-12-15 | 2023-04-14 | 上海中通吉网络技术有限公司 | 一种测试场景记录方法、装置及电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102831345B (zh) | Sql注入漏洞检测中的注入点提取方法 | |
| CN112765944B (zh) | 表单填充方法、装置、设备和介质 | |
| US20200005417A1 (en) | Techniques for generating analytics based on interactions through digital channels | |
| WO2019019628A1 (zh) | 移动应用的测试方法、装置、测试设备及介质 | |
| CN104424094A (zh) | 一种异常信息获取方法、装置及智能终端设备 | |
| CN102663296A (zh) | 面向网页JavaScript恶意代码的智能检测方法 | |
| CN108399124A (zh) | 应用测试方法、装置、计算机设备和存储介质 | |
| CN112269666B (zh) | 小程序死链检测方法及设备、计算设备和介质 | |
| CN108415804A (zh) | 获取信息的方法、终端设备及计算机可读存储介质 | |
| US20230131682A1 (en) | Facilitated live analysis of screen content | |
| CN114840405A (zh) | 基于事件分析的页面监控方法及装置 | |
| CN113704590A (zh) | 网页数据获取方法、装置、电子设备及存储介质 | |
| US8572553B2 (en) | Systems and methods for providing feedback for software components | |
| CN103262049A (zh) | 带有事件属性的电子表单数据的采集方法 | |
| CN114443453B (zh) | 一种测试数据录制方法、装置、设备及计算机存储介质 | |
| CN113609195A (zh) | 报告生成方法、装置、电子设备及存储介质 | |
| US20220075492A1 (en) | Detecting paste and other types of user activities in computer environment | |
| CN116244138A (zh) | 应用的运行异常识别方法、装置、电子设备及存储介质 | |
| CN111435326A (zh) | 一种分析崩溃日志的方法和装置 | |
| CN114531290A (zh) | 登录信息管理方法、登录信息管理装置和电子设备 | |
| CN110276183B (zh) | 反向图灵验证方法及装置、存储介质、电子设备 | |
| JP7320211B1 (ja) | ウェブサイトの脆弱性を検査するためのシステム、方法、及びプログラム | |
| CN112003833A (zh) | 异常行为检测方法和装置 | |
| CN111552634A (zh) | 前端系统的测试方法、装置及存储介质 | |
| US10984003B2 (en) | Report generation for a digital task |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |