CN111309547A - 网页信息获取方法、装置和电子设备 - Google Patents
网页信息获取方法、装置和电子设备 Download PDFInfo
- Publication number
- CN111309547A CN111309547A CN202010070478.7A CN202010070478A CN111309547A CN 111309547 A CN111309547 A CN 111309547A CN 202010070478 A CN202010070478 A CN 202010070478A CN 111309547 A CN111309547 A CN 111309547A
- Authority
- CN
- China
- Prior art keywords
- information
- webpage
- dom
- record
- records
- 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; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/3055—Monitoring arrangements for monitoring the status of the computing system or of the computing system component, e.g. monitoring if the computing system is on, off, available, not available
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computing Systems (AREA)
- Quality & Reliability (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了网页信息获取方法、网页信息获取装置和电子设备,涉及数据处理领域。具体实现方案为:在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;根据所述记录,确定所述异常发生前用户对所述网页的操作过程。由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
Description
技术领域
本申请涉及计算机技术领域中的数据处理技术,尤其涉及一种网页信息获取方法、装置和电子设备。
背景技术
用户在网页上进行操作时,可能会触发网页异常,此种情况下,用户并不清楚是由于自己的何种操作触发的异常,为了便于研发人员确定异常发生的原因,现有技术中为了便于确定异常原因,采用录屏的方式对用户操作网页的过程进行记录,但是录屏文件太大,会占用较多的存储空间,存储成本高。
发明内容
本申请实施例提供一种网页信息获取方法、装置和电子设备,以解决现有技术中,为确定网页异常发生的原因,采用的方法占用的存储空间大,存储成本高的问题。
为解决上述技术问题,本申请是这样实现的:
本申请第一方面提供一种网页信息获取方法,包括:
在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;
根据所述记录,确定所述异常发生前用户对所述网页的操作过程。
本申请第二方面提供一种网页信息获取装置,包括:
获取模块,用于在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;
确定模块,用于根据所述记录,确定所述异常发生前用户对所述网页的操作过程。
本申请第三方面提供一种电子设备,其特征在于,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行第一方面所述的方法。
本申请第四方面提供一种存储有计算机指令的非瞬时计算机可读存储介质,所述计算机指令用于使所述计算机执行第一方面所述的方法。
上述申请中的一个实施例具有如下优点或有益效果:
在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;根据所述记录,确定所述异常发生前用户对所述网页的操作过程。由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
所述多个Dom元素中各Dom元素的信息包括Dom元素的属性和样式,所述记录还包括所述多个Dom元素中信息发生变化的Dom元素变化后的信息。这样,在获取到记录之后,根据记录中的多个Dom元素信息可对网页进行还原显示,然后制作一个模拟光标,该模拟光标按照记录中光标的位置信息进行移动,同时,还会显示多个Dom元素中信息发生变化的Dom元素变化后的信息,从而显示出用户的操作情况,例如,用户是否点击某个Dom元素、是否存在用户输入,是否存在滚动操作或者缩放操作等等,以还原网页异常发生前用户的操作过程,便于后续推断网页发生异常的原因。
在所述网页发生异常的情况下,从记录的信息集中获取N条记录,所述N条记录为所述信息集中按照时间从晚到早的排序中的前N条记录,所述N为正整数;根据所述N条记录,确定所述异常发生前用户对所述网页的操作过程。用户可根据获取的记录的条数,确定异常发生前对应时间段里用户对所述网页的操作过程,便于确定异常发生的原因,同时,由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
所述多条记录中的第一记录的获取过程包括:在第一时刻,获取所述网页的多个Dom元素的信息;在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测;若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息;若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。由于记录包括的信息为文本信息,占用的存储空间很小,可降低存储成本。
上述可选方式所具有的其他效果将在下文中结合具体实施例加以说明。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是本申请实施例提供的网页信息获取方法的流程图;
图2是本申请实施例提供的网页信息获取装置的结构图;
图3是用来实现本申请实施例的网页信息获取方法的电子设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
参见图1,图1是本申请实施例提供的网页信息获取方法的流程图,如图1所示,本实施例提供一种网页信息获取方法,应用于电子设备,包括以下步骤:
步骤101、在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息。
在网页发生异常之前,对网页上的文档对象模型(Document Object Model,简称Dom)元素的信息以及光标的位置信息进行收集,并作为记录保存。每个时间段获取一条记录并保存,具体可将记录保存在数组中。在获取记录时,可按照存储时间先后顺序,将多条记录依次取出,或者,将与网页发生异常的时间最接近的记录取出。Dom元素的信息包括Dom元素的属性和样式,Dom元素的信息还可包括元素的唯一标识。
网页异常包括js运行错误、Ajax或fetch请求错误、全局函数错误、静态资源加载错误、Promise异常、Vue/San等组件内异常以及console、error等异常信息捕获,点击或输入等用户行为信息捕获。
步骤102、根据所述记录,确定所述异常发生前用户对所述网页的操作过程。
在获取到记录之后,根据记录中的多个Dom元素信息可对网页进行还原显示,然后制作一个模拟光标,该模拟光标按照记录中光标的位置信息进行显示,位置信息可以包括光标的多个位置点,此时根据位置信息可获得光标的移动轨迹,由此可以还原网页异常发生前,光标在网页上的移动过程,根据光标的位置信息,判断用户可能的操作,从而推断发生异常的原因。
本申请中,在重现异常发生前,用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,由于多个Dom元素的信息,以及光标的位置信息为文本数据,占用的存储空间很小,相比现有技术中,采用录屏的方式对用户操作网页的过程进行记录,可以节省存储空间。若按照录屏方式,录制一段20秒的视频,文件大小在110M左右,而采用本申请的方法,还原20秒左右用户操作网页的过程,文件大小在2M左右,差距在50倍以上,采用本方法可以大大节省存储空间,降低存储成本。
本实施例中,在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;根据所述记录,确定所述异常发生前用户对所述网页的操作过程。由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
在本申请一个实施例中,所述多个Dom元素中各Dom元素的信息包括Dom元素的属性和样式;所述记录还包括所述多个Dom元素中信息发生变化的Dom元素变化后的信息。例如,若多个Dom元素中存在一个Dom元素的信息发生变化,那么,记录还包括该Dom元素变化后的信息。
用户在对网页进行操作时,可利用浏览器提供的mutationObserve接口以及addEventListener接口,监听页面的各个Dom元素,例如各类鼠标事件、输入事件、滚动事件、缩放事件等等,这些事件会导致Dom元素的信息发生变化。当监听到Dom元素的各类鼠标事件、输入事件、滚动事件、缩放事件后,可判定Dom元素的信息发生变化,将变化后的信息放入记录中进行存储。
本实施例中,所述多个Dom元素中各Dom元素的信息包括Dom元素的属性和样式,所述记录还包括所述多个Dom元素中信息发生变化的Dom元素变化后的信息。这样,在获取到记录之后,根据记录中的多个Dom元素信息可对网页进行还原显示,然后制作一个模拟光标,该模拟光标按照记录中光标的位置信息进行移动,同时,还会显示多个Dom元素中信息发生变化的Dom元素变化后的信息,从而显示出用户的操作情况,例如,用户是否点击某个Dom元素、是否存在用户输入,是否存在滚动操作或者缩放操作等等,以还原网页异常发生前用户的操作过程,便于后续推断网页发生异常的原因。
在本申请一个实施例中,步骤101、在网页发生异常的情况下,获取异常发生前的记录,包括:
在所述网页发生异常的情况下,从记录的信息集中获取N条记录,所述N条记录为所述信息集中按照时间从晚到早的排序中的前N条记录,所述N为正整数;
步骤102、根据所述记录,确定所述异常发生前用户对所述网页的操作过程,包括:
根据所述N条记录,确定所述异常发生前用户对所述网页的操作过程。
具体的,在网页发生异常之前,对网页上的dom元素的信息以及光标的位置信息进行收集,并作为记录保存。每个时间段获取一条记录并保存,例如,每10秒钟获取一条记录,具体可将记录保存在数组中。在获取记录时,可按照存储时间先后顺序,将多条记录依次取出,或者,将与网页发生异常的时间最接近的记录取出。dom元素的信息包括Dom元素的属性和样式。
在网页发生异常时,从信息集中取出N条记录,这N条记录是信息集中按照记录的获取时间从晚到早进行排序,排序在前的N条记录。例如,每10秒钟获取一条记录,N为2,那么可以获取异常发生前20秒的用户操作过程。
在根据N条记录,确定所述异常发生前用户对所述网页的操作过程时,可将取出的N条记录按照时间从早到晚的排序,依次获取排序中N条记录的多个Dom元素信息,放入frame标签内,按照预设时间间隔进行顺序播放,预设时间间隔可根据实际情况进行设置,在此不做限定,同时,依次获取排序中N条记录的光标的位置信息,并利用图标模拟光标的位置信息,进而还原用户的整个操作过程。
本实施例中,在所述网页发生异常的情况下,从记录的信息集中获取N条记录,所述N条记录为所述信息集中按照时间从晚到早的排序中的前N条记录,所述N为正整数;根据所述N条记录,确定所述异常发生前用户对所述网页的操作过程。用户可根据获取的记录的条数,确定异常发生前对应时间段里用户对所述网页的操作过程,便于确定异常发生的原因,同时,由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
在本申请一个实施例中,所述信息集包括多条记录,所述多条记录中的第一记录的获取过程包括:
在第一时刻,获取所述网页的多个Dom元素的信息;
在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测;
若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息;
若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。
具体的,信息集包括的多条记录的获取方式,可采用与第一记录相同的获取方式,区别在于,各条记录的获取时间不同。也就是说,各条记录是在不同时间获得的。
在确定第一记录时,首先在第一时刻,获取网页的多个Dom元素的信息(可理解为全量快照),然后在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测,若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息(可理解为增量快照),在对所述网页上的多个Dom元素进行检测,判断是否有Dom元素的信息发生变化时,也可以理解为,检测所述多个Dom元素中各Dom元素的目标事件是否被触发,目标事件包括:各类鼠标事件、输入事件、滚动事件、缩放事件等,当Dom元素的目标事件被触发时,会导致该Dom元素的信息发生变化。
若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。预设事件可为Dom元素的mouseover事件。当Dom元素的mouseover事件被触发时,说明光标移动至Dom元素上,用户有可能会对该Dom元素进行操作,触发该Dom元素的其他事件,例如,点击该Dom元素,或者通过该Dom元素输入文本,用户在触发Dom元素的其他事件时,可能会造成网页异常,此时记录光标的位置信息,可便于后续根据记录确定用户的操作,从而判定是何种操作引发了网页异常。
一条记录中,可包括一个全量快照和多个增量快照。
具体的,在第一时刻,电子设备获取所述网页的多个Dom元素的信息,例如,第一时刻可为页面初始化完成的时刻,将页面的document对象转化为dom元素的形式保存,作为全量快照,全量快照还包括收集的样式,全量快照不包括JS脚本,另外,电子设备还可为每个Dom元素标记一个唯一标识(id)。
用户进行操作时,利用浏览器提供的mutationObserve接口以及addEventListener接口,监听页面所有的Dom元素的信息变化,例如,各类鼠标事件、输入事件、滚动事件、缩放事件等等,将信息发生变化的Dom元素,以及变化后的信息保存下来,该保存的信息作为增量快照。
监听mouseover事件,记录光标的多个位置信息,即记录光标的位置信息。后续在还原时,可使用js(JavaScript)画出一个模拟光标,根据位置信息来还原光标的移动过程。
根据保存的全量快照和增量快照,获取Dom元素的信息,放入frame标签内,按照预设时间间隔进行顺序播放,预设时间间隔可根据实际情况进行设置,在此不做限定,同时,依次获取排序中N条记录的光标的位置信息,并利用图标模拟光标的位置信息,进而还原用户的整个操作过程。
本申请中,所述多条记录中的第一记录的获取过程包括:在第一时刻,获取所述网页的多个Dom元素的信息;在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测;若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息;若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。通过记录网页的多个Dom元素的信息、信息发生变化的Dom元素变化后的信息,以及光标的位置信息,可以重现网页异常发生前,用户在网页上的操作过程,便于确定异常发生的原因,同时,由于记录包括的信息为文本信息,占用的存储空间很小,可降低存储成本。
参见图2,图2是本申请实施例提供的网页信息获取装置的结构图,如图2所示,本实施例提供一种网页信息获取装置200,包括:
获取模块201,用于在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;
确定模块202,用于根据所述记录,确定所述异常发生前用户对所述网页的操作过程。
在本申请一个实施例中,所述多个Dom元素中各Dom元素的信息包括Dom元素的属性和样式;
所述记录还包括所述多个Dom元素中信息发生变化的Dom元素变化后的信息。
在本申请一个实施例中,所述获取模块201,用于在所述网页发生异常的情况下,从记录的信息集中获取N条记录,所述N条记录为所述信息集中按照时间从晚到早的排序中的前N条记录,所述N为正整数;
所述确定模块202,用于根据所述N条记录,确定所述异常发生前用户对所述网页的操作过程。
在本申请一个实施例中,所述信息集包括多条记录,所述多条记录中的第一记录的获取过程包括:
在第一时刻,获取所述网页的多个Dom元素的信息;
在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测;
若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息;
若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。
网页信息获取装置200能够实现图1所示的方法实施例中电子设备实现的各个过程,为避免重复,这里不再赘述。
本申请实施例的网页信息获取装置200,在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;根据所述记录,确定所述异常发生前用户对所述网页的操作过程。由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。
如图3所示,是根据本申请实施例的网页信息获取方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图3所示,该电子设备包括:一个或多个处理器301、存储器302,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图3中以一个处理器301为例。
存储器302即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的网页信息获取方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的网页信息获取方法。
存储器302作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的网页信息获取方法对应的程序指令/模块(例如,附图2所示的获取模块201和确定模块202)。处理器301通过运行存储在存储器302中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的网页信息获取方法。
存储器302可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据实现网页信息获取方法的电子设备的使用所创建的数据等。此外,存储器302可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器302可选包括相对于处理器301远程设置的存储器,这些远程存储器可以通过网络连接至实现网页信息获取方法的电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
实现网页信息获取方法的电子设备还可以包括:输入装置303和输出装置304。处理器301、存储器302、输入装置303和输出装置304可以通过总线或者其他方式连接,图3中以通过总线连接为例。
输入装置303可接收输入的数字或字符信息,以及产生与实现网页信息获取方法的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置304可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的网页信息获取装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
根据本申请实施例的技术方案,在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;根据所述记录,确定所述异常发生前用户对所述网页的操作过程。由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
所述多个Dom元素中各Dom元素的信息包括Dom元素的属性和样式,所述记录还包括所述多个Dom元素中信息发生变化的Dom元素变化后的信息。这样,在获取到记录之后,根据记录中的多个Dom元素信息可对网页进行还原显示,然后制作一个模拟光标,该模拟光标按照记录中光标的位置信息进行移动,同时,还会显示多个Dom元素中信息发生变化的Dom元素变化后的信息,从而显示出用户的操作情况,例如,用户是否点击某个Dom元素、是否存在用户输入,是否存在滚动操作或者缩放操作等等,以还原网页异常发生前用户的操作过程,便于后续推断网页发生异常的原因。
在所述网页发生异常的情况下,从记录的信息集中获取N条记录,所述N条记录为所述信息集中按照时间从晚到早的排序中的前N条记录,所述N为正整数;根据所述N条记录,确定所述异常发生前用户对所述网页的操作过程。用户可根据获取的记录的条数,确定异常发生前对应时间段里用户对所述网页的操作过程,便于确定异常发生的原因,同时,由于在重现用户对网页的操作过程时,是根据网页的多个Dom元素的信息,以及光标的位置信息来实现的,而多个Dom元素的信息,以及光标的位置信息占用的存储空间很小,可降低存储成本。
所述多条记录中的第一记录的获取过程包括:在第一时刻,获取所述网页的多个Dom元素的信息;在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测;若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息;若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。由于记录包括的信息为文本信息,占用的存储空间很小,可降低存储成本。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (10)
1.一种网页信息获取方法,其特征在于,包括:
在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;
根据所述记录,确定所述异常发生前用户对所述网页的操作过程。
2.根据权利要求1所述的网页信息获取方法,其特征在于,多个Dom元素中各Dom元素的信息包括Dom元素的属性和样式;
所述记录还包括所述多个Dom元素中信息发生变化的Dom元素变化后的信息。
3.根据权利要求1所述的网页信息获取方法,其特征在于,所述在网页发生异常的情况下,获取异常发生前的记录,包括:
在所述网页发生异常的情况下,从记录的信息集中获取N条记录,所述N条记录为所述信息集中按照时间从晚到早的排序中的前N条记录,所述N为正整数;
所述根据所述记录,确定所述异常发生前用户对所述网页的操作过程,包括:
根据所述N条记录,确定所述异常发生前用户对所述网页的操作过程。
4.根据权利要求3所述的网页信息获取方法,其特征在于,所述信息集包括多条记录,所述多条记录中的第一记录的获取过程包括:
在第一时刻,获取所述网页的多个Dom元素的信息;
在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测;
若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息;
若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。
5.一种网页信息获取装置,其特征在于,包括:
获取模块,用于在网页发生异常的情况下,获取异常发生前的记录,其中,所述记录包括所述网页的多个文档对象模型Dom元素的信息,以及光标的位置信息;
确定模块,用于根据所述记录,确定所述异常发生前用户对所述网页的操作过程。
6.根据权利要求5所述的网页信息获取装置,其特征在于,多个Dom元素中各Dom元素的信息包括Dom元素的属性和样式;
所述记录还包括所述多个Dom元素中信息发生变化的Dom元素变化后的信息。
7.根据权利要求5所述的网页信息获取装置,其特征在于,所述获取模块,用于在所述网页发生异常的情况下,从记录的信息集中获取N条记录,所述N条记录为所述信息集中按照时间从晚到早的排序中的前N条记录,所述N为正整数;
所述确定模块,用于根据所述N条记录,确定所述异常发生前用户对所述网页的操作过程。
8.根据权利要求7所述的网页信息获取装置,其特征在于,所述信息集包括多条记录,所述多条记录中的第一记录的获取过程包括:
在第一时刻,获取所述网页的多个Dom元素的信息;
在以所述第一时刻为起始时刻的第一时间段内,对所述网页上的多个Dom元素进行检测;
若所述多个Dom元素中第一Dom元素的信息发生变化,则获取所述第一Dom元素变化后的信息;
若所述多个Dom元素中第二Dom元素的预设事件被触发,则获取所述光标的位置信息。
9.一种电子设备,其特征在于,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-4中任一项所述的方法。
10.一种存储有计算机指令的非瞬时计算机可读存储介质,其特征在于,所述计算机指令用于使所述计算机执行权利要求1-4中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010070478.7A CN111309547A (zh) | 2020-01-21 | 2020-01-21 | 网页信息获取方法、装置和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010070478.7A CN111309547A (zh) | 2020-01-21 | 2020-01-21 | 网页信息获取方法、装置和电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111309547A true CN111309547A (zh) | 2020-06-19 |
Family
ID=71152802
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010070478.7A Pending CN111309547A (zh) | 2020-01-21 | 2020-01-21 | 网页信息获取方法、装置和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111309547A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111914529A (zh) * | 2020-08-12 | 2020-11-10 | 北京思图场景数据科技服务有限公司 | 网页页面的过程录制方法及装置 |
CN112256524A (zh) * | 2020-09-27 | 2021-01-22 | 湖南映客互娱网络信息有限公司 | 一种基于录屏回放的web前端监控方法与系统 |
CN112256545A (zh) * | 2020-10-21 | 2021-01-22 | 武汉悦学帮网络技术有限公司 | 一种用户操作信息的获取方法及装置 |
CN112307384A (zh) * | 2020-10-21 | 2021-02-02 | 深圳市欢太科技有限公司 | 页面快照展示方法、装置、电子设备及存储介质 |
CN112527643A (zh) * | 2020-12-11 | 2021-03-19 | 杭州安恒信息技术股份有限公司 | 一种前端错误检测方法、装置、电子设备及可读存储介质 |
CN113010825A (zh) * | 2021-03-09 | 2021-06-22 | 腾讯科技(深圳)有限公司 | 一种数据处理方法和相关装置 |
CN113868005A (zh) * | 2021-09-27 | 2021-12-31 | 城云科技(中国)有限公司 | 网页异常的监控方法和装置 |
CN113946256A (zh) * | 2021-10-28 | 2022-01-18 | 北京海泰方圆科技股份有限公司 | 一种页面操作录制方法、装置、介质和设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103699533A (zh) * | 2012-09-27 | 2014-04-02 | 中国电信股份有限公司 | 获取web更新信息的方法和系统 |
CN103902436A (zh) * | 2012-12-28 | 2014-07-02 | 百度在线网络技术(北京)有限公司 | 一种对用户访问行为进行还原的方法及装置 |
CN104714948A (zh) * | 2013-12-11 | 2015-06-17 | 部落邦(北京)科技有限责任公司 | 一种回放用户网页操作行为的方法、系统及热图展现装置 |
US20170019489A1 (en) * | 2015-07-13 | 2017-01-19 | SessionCam Limited | Methods for recording user interactions with a website |
CN106649215A (zh) * | 2015-10-23 | 2017-05-10 | 甲骨文国际公司 | 在运行时期间生成样式表 |
CN109145248A (zh) * | 2017-09-19 | 2019-01-04 | 屏幕分享科技有限公司 | 用于记录、编辑和再现计算机会话的方法 |
CN110659435A (zh) * | 2019-08-14 | 2020-01-07 | 平安普惠企业管理有限公司 | 页面数据采集处理方法、装置、计算机设备和存储介质 |
-
2020
- 2020-01-21 CN CN202010070478.7A patent/CN111309547A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103699533A (zh) * | 2012-09-27 | 2014-04-02 | 中国电信股份有限公司 | 获取web更新信息的方法和系统 |
CN103902436A (zh) * | 2012-12-28 | 2014-07-02 | 百度在线网络技术(北京)有限公司 | 一种对用户访问行为进行还原的方法及装置 |
CN104714948A (zh) * | 2013-12-11 | 2015-06-17 | 部落邦(北京)科技有限责任公司 | 一种回放用户网页操作行为的方法、系统及热图展现装置 |
US20170019489A1 (en) * | 2015-07-13 | 2017-01-19 | SessionCam Limited | Methods for recording user interactions with a website |
CN106649215A (zh) * | 2015-10-23 | 2017-05-10 | 甲骨文国际公司 | 在运行时期间生成样式表 |
CN109145248A (zh) * | 2017-09-19 | 2019-01-04 | 屏幕分享科技有限公司 | 用于记录、编辑和再现计算机会话的方法 |
CN110659435A (zh) * | 2019-08-14 | 2020-01-07 | 平安普惠企业管理有限公司 | 页面数据采集处理方法、装置、计算机设备和存储介质 |
Non-Patent Citations (3)
Title |
---|
FRONTDOG: "web页面录屏实现", pages 1 - 6, Retrieved from the Internet <URL:https://juejin.cn/post/6844903774897569805> * |
FUNDEBUG: "如何实现Web页面录屏?", pages 1 - 6, Retrieved from the Internet <URL:https://developer.aliyun.com/article/717817> * |
企鹅号 - 一天一点新知识: "Web 页面录屏实现", pages 1 - 2, Retrieved from the Internet <URL:https://cloud.tencent.com/developer/news/436771> * |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111914529A (zh) * | 2020-08-12 | 2020-11-10 | 北京思图场景数据科技服务有限公司 | 网页页面的过程录制方法及装置 |
CN111914529B (zh) * | 2020-08-12 | 2024-03-29 | 北京思图场景数据科技服务有限公司 | 网页页面的过程录制方法及装置 |
CN112256524A (zh) * | 2020-09-27 | 2021-01-22 | 湖南映客互娱网络信息有限公司 | 一种基于录屏回放的web前端监控方法与系统 |
CN112256545A (zh) * | 2020-10-21 | 2021-01-22 | 武汉悦学帮网络技术有限公司 | 一种用户操作信息的获取方法及装置 |
CN112307384A (zh) * | 2020-10-21 | 2021-02-02 | 深圳市欢太科技有限公司 | 页面快照展示方法、装置、电子设备及存储介质 |
CN112307384B (zh) * | 2020-10-21 | 2024-05-03 | 深圳市欢太科技有限公司 | 页面快照展示方法、装置、电子设备及存储介质 |
CN112527643A (zh) * | 2020-12-11 | 2021-03-19 | 杭州安恒信息技术股份有限公司 | 一种前端错误检测方法、装置、电子设备及可读存储介质 |
CN113010825A (zh) * | 2021-03-09 | 2021-06-22 | 腾讯科技(深圳)有限公司 | 一种数据处理方法和相关装置 |
CN113868005A (zh) * | 2021-09-27 | 2021-12-31 | 城云科技(中国)有限公司 | 网页异常的监控方法和装置 |
CN113946256A (zh) * | 2021-10-28 | 2022-01-18 | 北京海泰方圆科技股份有限公司 | 一种页面操作录制方法、装置、介质和设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111309547A (zh) | 网页信息获取方法、装置和电子设备 | |
US20240126773A1 (en) | Interaction with a field sidebar for field information panel display | |
US11023355B2 (en) | Dynamic tracing using ranking and rating | |
US10185740B2 (en) | Event selector to generate alternate views | |
US9152529B2 (en) | Systems and methods for dynamically altering a user interface based on user interface actions | |
CN112527748B (zh) | 用于分析用户操作行为的方法、装置、设备以及存储介质 | |
CN110889056B (zh) | 页面标记的方法及装置 | |
US11221729B1 (en) | Tracking and restoring pointer positions among applications | |
CN111935506B (zh) | 用于确定重复视频帧的方法和装置 | |
US20150254114A1 (en) | Providing a recovery placeholder withiin an application | |
CN112540904B (zh) | 机器操作行为识别方法、装置、电子设备以及计算机介质 | |
CN111310044A (zh) | 页面元素信息的提取方法、装置、设备和存储介质 | |
CN114510308B (zh) | 移动终端存储应用页面的方法、装置、设备和介质 | |
CN111767170B (zh) | 设备的操作复原方法、装置、设备以及存储介质 | |
US11054962B1 (en) | System and method for displaying changes to a number of entries in a set of data between page views | |
CN112148596A (zh) | 生成深度学习框架的报错内容的方法、装置 | |
CN111611476A (zh) | 专题页面的显示方法和装置 | |
CN112445983A (zh) | 搜索结果的处理方法、装置、设备及计算机可读存储介质 | |
CN111340976A (zh) | 调试车辆模块的方法、装置、电子设备以及计算机可读存储介质 | |
CN111857488B (zh) | 小程序中菜单弹出的方法、装置、电子设备和存储介质 | |
CN112000886B (zh) | 用户行为记录方法、装置、设备和可读存储介质 | |
CN115097992A (zh) | 页面访问方法、装置、电子设备及存储介质 | |
CN117785647A (zh) | 基于rpa的网页元素的操作方法、装置及电子设备 | |
CN116383534A (zh) | 页面预加载的方法、装置、电子设备和介质 | |
CN111966576A (zh) | 异常代码的定位方法、装置、电子设备及存储介质 |
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 |