CN112199263A - 录制页面的方法、装置、设备以及介质 - Google Patents
录制页面的方法、装置、设备以及介质 Download PDFInfo
- Publication number
- CN112199263A CN112199263A CN202011066004.1A CN202011066004A CN112199263A CN 112199263 A CN112199263 A CN 112199263A CN 202011066004 A CN202011066004 A CN 202011066004A CN 112199263 A CN112199263 A CN 112199263A
- Authority
- CN
- China
- Prior art keywords
- data
- page
- node
- embedded
- embedded page
- 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
- 238000000034 method Methods 0.000 title claims abstract description 70
- 238000004590 computer program Methods 0.000 claims description 17
- 238000012545 processing Methods 0.000 claims description 6
- 230000003068 static effect Effects 0.000 claims description 6
- 230000001360 synchronised effect Effects 0.000 abstract description 12
- 230000008859 change Effects 0.000 description 37
- 230000008569 process Effects 0.000 description 21
- 230000006870 function Effects 0.000 description 12
- 230000000694 effects Effects 0.000 description 7
- 238000013515 script Methods 0.000 description 7
- 238000004422 calculation algorithm Methods 0.000 description 6
- 238000006243 chemical reaction Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 5
- 238000012544 monitoring process Methods 0.000 description 5
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000013507 mapping Methods 0.000 description 3
- 238000013024 troubleshooting Methods 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000008447 perception Effects 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000006378 damage Effects 0.000 description 1
- 238000013144 data compression Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000011835 investigation Methods 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 230000035772 mutation Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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/3466—Performance evaluation by tracing or monitoring
- G06F11/3476—Data logging
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
提供了一种录制页面的方法、装置、设备以及介质。所述方法包括：分别获取主域页面的数据和嵌入页面的数据；基于所述主域页面的数据的时间戳和所述嵌入页面的数据的时间戳，按照时间顺序合并所述主域页面的数据和所述嵌入页面的数据，以生成录制数据。基于所述主域页面的数据的时间戳和所述嵌入页面的数据的时间戳，通过合并所述主域页面的数据和所述嵌入页面的数据获取所述录制数据，不仅能够对页面内的信息进行全面的录制，还能够保证同步录制或回放所述页面内的全部信息。
Description
技术领域
本申请实施例涉及录制页面技术领域，并且更具体地，涉及录制页面的方法、装置、设备以及介质。
背景技术
由于存在技术漏洞(bug)或是由于用户操作不当，导致用户不能正确使用技术系统的现象屡见不鲜。因此，高保真的录制及回放用户操作，能够更好的定位问题及解决问题，相应的，能够大幅度降低问题的排查难度以及解决问题的效率。
但是，考虑到页面中元素的复杂性，如何对页面内的信息进行全面的录制，是本领域急需解决的技术问题。
发明内容
提供了一种录制页面的方法、装置、设备以及介质，不仅能够对页面内的信息进行全面的录制，还能够保证同步录制或回放该页面内的全部信息。
第一方面，提供了一种录制页面的方法，包括：
分别获取主域页面的数据和嵌入页面的数据；
基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据，以生成录制数据。
第二方面，提供了一种录制页面的装置，包括：
获取模块，用于分别获取主域页面的数据和嵌入页面的数据；
处理模块，用于基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据，以生成录制数据。
第三方面，提供了一种电子设备，包括：
处理器和存储器，该存储器用于存储计算机程序，该处理器用于调用并运行该存储器中存储的计算机程序，以执行第一方面该的方法。
第四方面，提供了一种计算机可读存储介质，用于存储计算机程序，该计算机程序使得计算机执行第一方面该的方法。
通过分别获取主域页面的数据和嵌入页面的数据，相当于，即使该嵌入页面属于跨域嵌入页面，也能够保证在一个页面内实现主域页面和嵌入页面的同步录制和回放，以提高录制精准度以及回放效果。
此外，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据，能够保证同步录制或回放该主域页面和该嵌入页面。换言之，针对一个页面的录制过程，通过将第一对象(object)扩展为多维对象(object)，并获取该多维对象的录制数据后，通过对该多维对象的录制数据进行整合，相当于，从只录制主域页面内的数据，扩展为同步录制主域页面和嵌入页面的数据，由此，能够保证同步录制或回放该主域页面和该嵌入页面。
综上，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，通过合并该主域页面的数据和该嵌入页面的数据获取该录制数据，不仅能够对页面内的信息进行全面的录制，还能够保证同步录制或回放该页面内的全部信息。
附图说明
图1是本申请提供的系统框架的示例。
图2和图3是本申请实施例提供的录制页面的方法的示意性流程图。
图4是本申请实施例提供的录制页面的装置的示意性框图。
图5是本申请实施例提供的电子设备的示意性框图。
具体实施方式
图1是本申请实施例提供的系统框架100的示例。
需要说明的是，该系统框架100可应用于任何需要回放录制画面的场景。例如，分析或记录用户行为、远程调试(debug)、录制操作以及实时协作等场景。再如，该系统框架100可用于远程排查安全漏洞或程序漏洞(bug)。
例如，针对内网环境中部署的用于显示页面的系统，若出现问题只能通过各类远程操作工具登录内部环境中进行远程调试(debug)，操作的空间和时间都会受到限制；特别是，如果出现某些偶然出现的问题，问题的排查以及复现变得非常困难；通过该系统框架100，可实现前端的异常监控及对应数据的收集，由此能够提升减低排查或复现问题的困难度，进而提升定位问题的效率。
如图1所示，该系统框架100可包括录制模块110和回放模块120。
在本申请的一些实施例中，该录制模块110可由用户获取页面中的数据，该回放模块120可以基于该录制模块110获取的数据回放或重放页面，以实现对该页面的录制和回放。可选的，该页面可以是全球广域网(World Wide Web，web)页面或浏览器页面。可选的，该数据可以是基于文档对象模型(Document Object Model，DOM)形成的数据。该DOM既可作为数据交换的文本格式，也可作为一种描述数据的结构。该页面通过DOM描述，形成的数据结构可称为页面的DOM数据。该页面的DOM数据也可称为DOM树，该DOM树可包括多个节点，该多个节点中的每一个节点均对应有一个已记录的数据，即节点的DOM数据。
在一个可选的实施例中，录制模块110可以通过获取页面内每个元素的数据的方式，获取DOM数据。例如，录制模块110可以通过获取页面内每个元素的innerHTML属性的方式，获取DOM数据。该innerHTML属性可以是一个字符串。innerHTML属性可以包括元素的标签内的超级文本标记语言(Hyper Text Markup Language，HTML)内容，即从元素标签的起始位置到终止位置的全部内容，例如，HTML标签。该录制模块110获取该页面内的每个元素的数据后，可以基于所有元素的数据，构建DOM树，即该页面的DOM数据。可选的，该页面内的每一个元素可以作为该DOM树中的一个节点或节点的子节点。换言之，该页面内的每一个元素的数据可以作为该DOM树中的一个节点或节点的子节点的DOM数据。
换言之，该页面可以通过DOM树的形式描述，即尝试录制一个页面时，获取该页面在各个时间点上DOM树，即记录该页面在各个时间点上的视图状态。在本申请实施例中，获取DOM树的过程也可以简称为快照。
在另一个可选的实施例中，录制模块110也可通过应用程序接口(ApplicationProgramming Interface，API)，直接获取该页面的DOM数据，即可通过API直接构建DOM树。
可选的，，该录制模块110可包括基于浏览器(chrome)的桌面捕捉(desktopCapture)等用于屏幕录制的API，该录制模块110也可包括基于请求动画帧(requestAnimationFrame)等用于获取DOM数据的API。
可选的，该基于浏览器的桌面捕捉API可包括快照(getSnapshot)API，该快照API可用于获取页面内的所有元素(即节点)的DOM数据。例如，该基于浏览器的桌面捕捉API可以是基于浏览器的拓展(extension)API。可选的，该基于请求动画帧的API可以是能够进行校准的定时器。基于请求动画帧的API获取DOM数据，不仅能够降低录制或回放过程中的数据延迟，还能够实现快进、倒退式录制以及回放。
应理解，该录制模块110可以用于获取数据流数据，也可以获取页面中每一帧的截图数据，进而组合成录屏数据。
回放模块120的功能可以理解为用于实现该录制模块110的反向操作。例如，该回放模块120可基于获取到的数据，按照时间戳的时间顺序排列以形成操作队列，由此该回放模块120可基于该操作队列对录制模块110获取的数据进行回放。
如图1所示，该系统框架100还可包括数据转换模块130。
在本申请的一些实施例中，该数据转换模块130可用于将DOM数据转换为JSON数据。与基于视频流录屏数据相比，通过该数据转化模块130，可减少待传输或待存储的数据量，由此，能够降低录制数据的占用空间以及对电子设备的硬件要求，并保证在用户使用过程中实现无感知、不影响用户操作的录屏效果。该JSON数据是采用JavaScript对象表示法(JavaScript Object Notation，JSON)表示的数据。
例如，可以基于“名称/值”对的集合(A collection of name/value pairs)和/或值的有序列表(An ordered list of values)将DOM数据转换为JSON数据。其中，该“名称/值”对的集合也可被理解为对象(object)，记录(record)，结构(struct)，字典(dictionary)，哈希表(hash table)，有键列表(keyed list)，或关联数组(associativearray)。该值的有序列表也可被理解为数组(array)。
以该值的有序列表为例，假设DOM数据中的某一变量，可以包含多个条目的数组，每个条目的数组可包括多个记录；通过该数据转换模块130，可以将该值的有序列表可将该多个条目的数组组合成一个值，即JSON数据。例如，可以使用相同的语法表示多个条目的数组，该多个条目的数组中的每一个条目的数组可包括多个记录，进而实现数据压缩。
如图1所示，该系统框架100还可包括比较模块140。
在本申请的一些实施例中，该比较模块140可用于比较数据的变动。
换言之，该比较模块140可用于记录用户的操作行为。
例如，该比较模块140可以包括用于执行比较(diff)命令或函数的模块，该diff命令或函数可用于比较文本文件，即可用于比较单个文件或者目录内容。该比较命令或函数也可称为比较算法。例如，可通过视图变更操作触发该比较模块140执行该diff命令或函数，以避免遗漏两次间隔之间的视图变化，进而避免遗漏某些关键性操作。可选的，该视图变更操作包括但不限于：节点变动、鼠标交互、页面或元素滚动、视窗大小改变、输入、以及鼠标移动等操作。例如，该节点变动可包括节点创建、节点销毁、节点属性变化以及文本变化等。再如，该鼠标移动操作可以是针对鼠标的视觉位置的移动操作。可选的，在录制过程中，该录制模块110可以为页面内的每一个节点分配一个节点标识，以便执行该diff命令或函数时，可以基于节点标识记录变更操作。
再如，该比较模块可包括变动观察(Mutation Observer)API。
例如，该变动观察API可用于监视DOM数据的变动。比如节点的增减、属性的变动、以及文本内容的变动等。例如，DOM数据发生变化时，该变动观察API可输出一条变动记录(MutationRecord)。可选的，该变动记录可包括与变动相关的所有信息。可选的，该变动观察API可用于处理多个变动记录所组成的数组。例如，该变动观察API可针对不同的变动类型，记录DOM数据的变动。该变动类型包括但不限于：节点内容或节点文本变动(characterData)，节点属性的变动(attributes)以及子节点的变动(childList)。该子节点的变动可包括新增子节点，移除子节点以及移动子节点等。
再如，该比较模块可包括事件监听(eventListener)API，以监听变化事件，进而触发变动观察API获取变化事件的DOM数据。换言之，通过事件监听API和变动观察API可形成用于获取变化事件的全局监听器，以实现对变化事件的全局监听。例如，通过事件监听API监听页面内诸如文本输入/密码输入/鼠标移动等用户事件，并在监听到该用户事件后，触发变动观察API基于比较算法获取对应事件的比较DOM数据。
以新增节点的变动类型为例，在初始记录时，该记录模块110可以在获取页面快照同时维护一个标识和节点的映射关系，当出现新增节点时，该变动观察API无需重新完整地生成一份快照，只需要将新节点序列化并加入该映射关系。换言之，该记录模块可基于节点获取变更的DOM数据。例如，该变动观察API可在遍历所有节点的变更记录后，将新节点序列化并加入该映射关系。可选的，该变动观察API的触发方式为批量异步回调，即一系列DOM数据发生变化后，该变动观察API可将该所有的变化一次性回调，进而输出一个包括多记录的数组。
简言之，该比较模块140通过比较算法，配合变动观察API及事件监听API，能够高效的获取节点的增量快照。
需要说明的是，本申请中的比较模块140输出的数据也可以是DOM数据。例如，针对节点变动或变化事件所形成的DOM数据。
换言之，该记录模块110可用于记录初始页面的DOM数据，或者特定某个时刻的针对页面的DOM数据，以形成快照；比较模块140后续收集的是不同时间点的操作指令或者某个时刻上的某个DOM数据的变化作为一个增量快照(snapshot)。换言之，在原先快照的基础上，不断加入增量快照，能够减少数据的传输量。
可选的，该回放模块120也可基于该页面数据和变更数据还原DOM数据，以实现页面的回放。
如图1所示，该系统框架100还可包括存储模块150。
在本申请的一些实施例中，该存储模块150可用于存储该记录模块110获取的数据。
例如，录制模块110和比较模块140获取页面的DOM数据后，可将获取的DOM数据存储在存储模块。在回放过程中，该回放模块120可以直接将从该存储模块150中拷贝已存储的DOM数据，并将获取的DOM数据回放页面。
例如，该回放模块120可包括用于执行比较(diff)命令或函数的模块，用于将增量快照还原为快照。再如，该回放模块还可包括基于请求动画帧(requestAnimationFrame)等用于获取DOM数据的API，其用于获取DOM数据的API，并针对还原的DOM数据的时间戳，将还原的DOM数据转换为可展示的页面元素。再如，该回放模块120还可包括播放器，其用于播放可展示的页面元素。当然，该回放模块120也可通过调用播放器的方式播放可展示的压面元素。
需要说明的是，上文涉及的API、命令、函数或算法可作为一个插件插入到页面的作用域，以在插入的页面内实现相应的功能。此外，该系统框架100可以包括多个录制回放(record and replay)实例，该多个录制回放实例中的每一个实例可包括录制模块110、回放模块120、数据转换模块130、比较模块140、或存储模块150中的至少一项。
图2是本申请提供的录制页面的方法200的示意性流程图。应理解，该方法200可用于上述系统框架100。例如，图1所示的录制模块110可用于执行录制页面，即获取页面内的数据。再如，图1所示的回放模块120可用于回放录制的页面。
如图2所示，该方法200可包括：
S210，分别获取主域页面的数据和嵌入页面的数据。
S220，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据，以获取该录制数据。
例如，可以通过上述框架系统100中的两个录制回放实例，分别获取主域页面的数据和嵌入页面的数据。
例如，在记录或回放过程中，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据。
通过分别获取主域页面的数据和嵌入页面的数据，相当于，即使该嵌入页面属于跨域嵌入页面，也能够保证在一个页面内实现主域页面和嵌入页面的同步录制和回放，以提高录制精准度以及回放效果。
其中，跨域是指请求端请求与该请求端的域名，协议或端口不同的发送端的资源。同源策略(Same origin policy)是浏览器的一个安全功能。例如，该同源策略可以用于限制从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。例如，当浏览器的百度标签(tab)页在执行一个脚本的时会检查该脚本所属的页面，即检查是否和百度同源，若和百度同源，则执行该脚本。如果和百度不同源，浏览器会在控制台中报一个异常，并提示拒绝访问。
此外，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据，能够保证同步录制或回放该主域页面和该嵌入页面。换言之，针对一个页面的录制过程，通过将第一对象(object)扩展为多维对象(object)，并获取该多维对象的录制数据后，通过对该多维对象的录制数据进行整合，相当于，从只录制主域页面内的数据，扩展为同步录制主域页面和嵌入页面的数据，由此，能够保证同步录制或回放该主域页面和该嵌入页面。
综上，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，通过合并该主域页面的数据和该嵌入页面的数据获取该录制数据，不仅能够对页面内的信息进行全面的录制，还能够保证同步录制或回放该页面内的全部信息。
应理解，该主域页面的数据的时间戳可以是使用数字签名技术产生的数据，其签名对象可以包括该主域页面的数据、签名参数、签名时间等信息。可以通过用于产生和管理时间戳的时间戳系统生成该主域页面的数据的时间戳，例如，通过对签名对象进行数字签名以产生时间戳。该主域页面的数据可用于证明该主域页面的数据在签名时间之前已经存在。该嵌入页面的数据的时间戳和该主域页面的数据的时间戳类似，当然，该嵌入页面的数据的时间戳的签名对象为包括该嵌入页面的数据的信息。
需要说明的是，该主域页面的数据的时间戳也可以称为该主域页面的节点的数据的时间戳。例如，该主域页面中的每一个节点对应一个时间戳，或该主域页面中的所有节点对应同一个时间戳。类似的，该嵌入页面中的每一个节点可以对应一个时间戳，或该嵌入页面中的所有节点可以对应同一个时间戳。
需要说明的是，本申请对该主域页面的数据和该嵌入页面的数据的形式不做具体限定。
例如，该主域页面的数据和该嵌入页面的数据均可以是DOM数据。例如，在录制过程中，可分别获取该主域页面的各个元素的数据和该嵌入页面的各个元素的数据，进而分别将该主域页面的各个元素的数据和该嵌入页面的各个元素的数据，描述为该主域页面的DOM数据和该嵌入页面的DOM数据。再如，在录制过程中，可直接通过基于浏览器的桌面捕捉API或基于请求动画帧的API，分别获取该主域页面的DOM数据和该嵌入页面的DOM数据。
再如，该主域页面的数据和该嵌入页面的数据均可以是JSON数据。例如，在录制过程中，获取该主域页面的DOM数据和该嵌入页面的DOM数据后，可以将该主域页面的DOM数据和该嵌入页面的DOM数据均转换为JSON数据。类似的，在回放页面的过程中，通过将获取的JSON数据转换为DOM数据，即DOM树的各个节点的数据。
需要说明的是，该主域页面的数据或该嵌入页面的也可以是采用如图1所示的记录模块110获取的DOM数据，也可以采用如图1所示的比较模块140获取的DOM数据，以减少待传输或待存储的数据量，由此，能够降低录制数据的占用空间以及对电子设备的硬件要求，并保证在用户使用过程中实现无感知、不影响用户操作的录屏效果。例如，可以通过比较算法，配合变动观察API及事件监听API，获取该主域页面的DOM数据和该嵌入页面的DOM数据，即DPM节点的增量快照，以提升该增量快照的获取效率。
需要说明的是，该嵌入页面可以是嵌入在主域页面中的页面。
例如，该嵌入页面可以是浮动帧(Iframe)。可选的，可通过页面标识标记该嵌入页面。例如，该页面标识可用于标记嵌入在一个HTML文档中的HTML文本。换言之，该嵌入页面可以理解为存在页面标记的页面。
图3是本申请实施例提供的录制页面的方法300的另一示例性流程图。
如图3所示，该方法300可包括：
S310，通过第一录制回放实例和第二录制回放实例，分别获取主域页面的元素和嵌入页面的元素。例如，该第一录制回放实例和该第二录制回放实例可以是上述系统框架100中的实例。
S320，通过该第一录制回放实例和该第二录制回放实例，分别将该主域页面的元素和该嵌入页面的元素，转换为该主域页面的数据和该嵌入页面的数据。
S330，通过数据接口，将该嵌入页面的数据从该第一录制回放实例发送至该第二录制回放实例。可选的，该数据接口可以是操作系统的消息队列(windows.postMessage)接口。
S340，通过该第一录制回放实例，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据，以获取该录制数据。
简言之，针对一个页面的元素，分别获取该主域页面的元素对应的数据和该嵌入页面对应的数据后，可基于该主域页面的元素对应的数据的时间戳和该嵌入页面对应的数据的时间戳，将该主域页面的元素对应的数据和该嵌入页面对应的数据整合为录制数据。
在本申请的一些实施例中，该方法还包括：
若该嵌入页面的第一个节点的时间戳a，早于该主域页面内的第一个节点或第二个节点的时间戳b，该嵌入页面的每一个节点的时间戳加b-a+1。
例如，针对嵌入页面内的第一个数据，需要将其与主域页面页面内第一/第二个数据进行对比，若嵌入页面内的第一个数据的时间戳a，早于主域页面内第一个/第二个数据的时间戳b，则需要将嵌入页面内的所有数据的时间戳整体加上(b-a+1)的时间值，并重新进行合并(merge)操作，以防止在回放过程中，嵌入页面内的数据的还原时间，早于主域页面内的数据的还原时间，进而避免由于嵌入页面的数据不存在父节点而造成页面回放失败的错误实例(badcase)。
在本申请的一些实施例中，该S210可包括：
获取该嵌入页面的元素的数据；
将该嵌入页面的元素的数据转换为该嵌入页面的节点的数据，以基于该嵌入页面的节点的数据确定该嵌入页面的数据。
在本申请的一些实施例中，该S210可包括：
将该嵌入页面的元素转的数据换为该嵌入页面的节点的数据；将该嵌入页面的节点在该嵌入页面上的坐标，转换为在该主域页面上的坐标，以基于该嵌入页面的节点在该主域页面上的坐标以及该嵌入页面的节点的数据，确定该嵌入页面的数据。
例如，在记录或回放过程中，将该嵌入页面的节点在该嵌入页面上的坐标，转换为在该主域页面上的坐标。
例如，针对鼠标移动/点击等所有涉及到页面坐标的节点的数据，不仅需要获取该嵌入页面的节点在该嵌入页面的坐标，还需要获取该嵌入页面的根节点相对该主域页面的坐标，由此，可基于该嵌入页面的根节点相对该主域页面的坐标，将该嵌入页面的节点在该嵌入页面的坐标，转换为该嵌入页面的节点在该主域页面内的坐标。换言之，该嵌入页面内的节点除了记录节点的数据之外，还需要考虑该嵌入页面的根节点在该主域页面内的坐标。
需要说明的是，在本申请中，该嵌入页面上的坐标和该主域页面上的坐标可以是任一种平面坐标系中的坐标。例如，平面直角坐标系或笛卡尔坐标系。
此外，本申请实施例中，可以在录制过程或回放过程中，将嵌入页面或主域页面的元素的数据转换为节点的数据。例如，在录制过程中，将嵌入页面或主域页面的元素的数据转换为节点的数据，则在回放过程中，可以直接从存储器获取转换后的数据，进而直接基于转换后的数据回放页面。例如，在回放过程中，可以先从存储器中获取未经过转换的数据，进而，可将嵌入页面或主域页面的元素的数据转换为节点的数据，继而，可基于转换后的数据回放页面。
在本申请的一些实施例中，该S210可包括：
将该嵌入页面的元素的数据转换为该嵌入页面的节点的数据；将该嵌入页面内的根节点，由文档节点修改为内容文档节点，以基于该内容文档节点以及该内容文档节点的数据，确定该嵌入页面的数据。
例如，在记录或回放过程中，将该嵌入页面内的根节点，由文档节点修改为内容文档节点。
例如，在记录或回放过程中，可以将该嵌入页面内的根节点，由文档(document)节点修改为内容文档(contentDocument)节点，相当于，嵌入页面的录制数据转换为嵌套对象的录制数据，进而能够区分该主域页面和该嵌入页面，以防止数据发生混乱，即可以将该嵌入页面的数据兼容到该主域页面的数据，相应的，能够保证在一个页面内同步回放该主域页面和该嵌入页面。该根节点也可称为父节点或祖节点。
在本申请的一些实施例中，该S210可包括：
将第一页面的第一元素的数据转换为第一节点的数据，该第一页面为该主域页面或该嵌入页面；若该第一节点的父节点为缺失节点，存储该第一节点；在重新获取该第一节点的父节点的情况下，将该第一节点的数据添加至该第一页面的数据。
例如，在记录或回放过程中，存储缺失父节点的第一节点的数据，以便在重新获取该第一节点的父节点的情况下，重新记录或恢复该第一节点的数据。可选的，可以以哈希表(missingNodeMap)的方式存储该第一节点的数据，由此，可提高针对该第一节点的存储效率和/或查询效率。
在本申请的一些实施例中，该S210可包括：
将第二页面的第二元素转换为第二节点的数据，该第一页面为该主域页面或该嵌入页面；若该第二节点没有标记的兄弟节点，且该第二节点存在标记的父节点，将该第二节点添加至该父节点的第一个子节点的前面，以将该第二节点的数据添加至该第二页面。
例如，在记录或回放过程中，当哈希表(missingNodeMap)中的某个节点的数据需要加入页面的数据时，若该某个节点没有标记的兄弟节点，且存在父节点。针对这种情况，如果使用该某个节点的下一同级对象(nextSibling)接口获取兄弟节点并插入该某个节点，会出现报错，进而导致录制或回放过程卡死；通过将该某个节点直接添加至该某个节点的父节点的第一个子节点的前面，可以避免报错，相应的，能够保证录制或回放效果。
在本申请的一些实施例中，该S210可包括：
通过嵌入到该嵌入页面内的应用程序接口API，获取该嵌入页面的数据。
例如，通过API可插入脚本至嵌入页面作用域的特性，可在该嵌入页面内插入一套和主域页面相同的录制回放实例，例如，图1所示的系统框架100中的录制回放实例，由此不受资同源策略的限制便可获取到跨域/同域嵌入页面内的数据。此外，还可通过页面标识区分该嵌入页面内的系统框架获取到的页面的数据，并与该主域页面的数据进行整合，最终生成的该录制数据，即同时包括该主域页面的数据和该嵌入页面的数据。
在本申请的一些实施例中，该嵌入页面的数据包括第三页面的数据，该第三页面为该嵌入页面的跳转页面，该第三页面的初始时间戳等于该嵌入页面的最后一个时间戳加1。
例如，该嵌入页面内第三页面进行页面跳转操作时，可以通过一个特殊的标记事件标记该嵌入页面发生了页面跳转，而不是直接停止该第三页面的录制。从该嵌入页面跳转到该第三页面后，可以启动该第三页面的录制过程，并将该嵌入页面的最后一个时间戳+1后形成的时间戳作为该第三页面的开始时间戳。由此，能够实现对该嵌入页面内的跳转页面的录制。
需要说明的是，该主域页面内嵌入该嵌入页面，该第三页面作为该嵌入页面的跳转页面，在录制过程中，该嵌入页面的录制可以不同于该第三页面的录制。例如，针对该主域页面和该嵌入页面，可以同时进行录制；针对该嵌入页面和该第三页面，该嵌入页面跳转至该第三页面时，可以停止对该嵌入页面的录制，并开启对该第三页面的录制，即由对该嵌入页面的录制转为对该第三页面的录制。
在本申请的一些实施例中，该嵌入页面内包括多个节点，该多个节点分别对应多个节点标识；由此，可基于该多个节点标识，将该多个节点的数据添加至该嵌入页面的数据。
换言之，该嵌入页面包括多个嵌入元素，该多个嵌入元素可分别对应多个元素标识。该多个元素标识分别用于唯一性确定或区分该多个嵌入元素。
在本申请的一些实施例中，该多个节点包括音频节点和/或视频节点。可选的，该多个节点中的节点用于记录以下中的至少一项：操作事件、静态资源错误以及网络请求错误。可选的，该操作事件包括以下操作中的至少一项：播放、暂停、源地址切换以及播放倍率切换。
例如，该嵌入页面可以是该主域页面上的广告，通过对音频节点和/或视频节点的监听，可以对该广告的播放效果进行监听，以便在客户进行申诉时，能够快速的还原广告的播放效果，进而快速有效的对客户申诉进行答复。
再如，该嵌入页面可以是需要登录等用户操作的页面，通过对静态资源错误以及网络请求错误的监听，可以快速排查用户的误操作以及系统漏洞，不仅能够降低排查的困难度，还能够提升排查效率。
在本申请的一些实施例中，该方法还包括：
基于该录制数据，回放该主域页面和该嵌入页面。
例如，在回放过程中，可通过错误请求API调取错误事件对应的时间点上的页面，即可针对错误事件的类型回放该主域页面和该嵌入页面，能够提升错误时间的排查效率并降低困难度。
再如，可以通过分片上传的方式将获取的录制数据上传至服务端，在需要回放的时候，从服务端调用下载接口下载该录制数据至客户端，通过调用专用的播放器，将该录制数据中针对各个节点的数据，并基于该录制数据的时间戳依次还原为可展示的页面元素，进而，在一个页面内回放该主域页面和该嵌入页面。
图4是本申请实施例提供的录制页面的装置400的示意性框图。
如图4所示，该装置300可包括：
获取模块410，分别获取主域页面的数据和嵌入页面的数据；
处理模块420，基于该主域页面的数据的时间戳和该嵌入页面的数据的时间戳，按照时间顺序合并该主域页面的数据和该嵌入页面的数据，以生成录制数据。
在本申请的一些实施例中，该处理模块420还用于：
若该嵌入页面的第一个节点的时间戳a，早于该主域页面内的第一个节点或第二个节点的时间戳b，该嵌入页面的每一个节点的时间戳加b-a+1。
在本申请的一些实施例中，该获取模块410具体用于：
获取该嵌入页面的元素的数据；
将该嵌入页面的元素的数据转换为该嵌入页面的节点的数据，以基于该嵌入页面的节点的数据确定该嵌入页面的数据。
在本申请的一些实施例中，该获取模块410具体用于：
将该嵌入页面的元素转的数据换为该嵌入页面的节点的数据；
将该嵌入页面的节点在该嵌入页面上的坐标，转换为在该主域页面上的坐标，以基于该嵌入页面的节点在该主域页面上的坐标以及该嵌入页面的节点的数据，确定该嵌入页面的数据。
在本申请的一些实施例中，该获取模块410具体用于：
将该嵌入页面的元素的数据转换为该嵌入页面的节点的数据；
将该嵌入页面内的根节点，由文档节点修改为内容文档节点，以基于该内容文档节点以及该内容文档节点的数据，确定该嵌入页面的数据。
在本申请的一些实施例中，该获取模块410具体用于：
将第一页面的第一元素的数据转换为第一节点的数据，该第一页面为该主域页面或该嵌入页面；
若该第一节点的父节点为缺失节点，存储该第一节点的数据；
若该第一节点的父节点为缺失节点，存储该第一节点；在重新获取该第一节点的父节点的情况下，将该第一节点的数据添加至该第一页面的数据。
在本申请的一些实施例中，该获取模块410具体用于：
将第二页面的第二元素转换为第二节点的数据，该第一页面为该主域页面或该嵌入页面；
若该第二节点没有标记的兄弟节点，且该第二节点存在标记的父节点，将该第二节点添加至该父节点的第一个子节点的前面，以将该第二节点的数据添加至该第二页面。
在本申请的一些实施例中，该获取模块410具体用于：
通过嵌入到该嵌入页面内的应用程序接口API，获取该嵌入页面的数据。
在本申请的一些实施例中，该嵌入页面的数据包括第三页面的数据，该第三页面为该嵌入页面的跳转页面，该第三页面的初始时间戳等于该嵌入页面的最后一个时间戳加1。
在本申请的一些实施例中，该嵌入页面内包括多个节点，该多个节点分别对应多个节点标识，该获取模块410具体用于：
基于所述多个节点标识，将该多个节点的数据添加至该嵌入页面的数据。
在本申请的一些实施例中，该多个节点包括音频节点和/或视频节点。
在本申请的一些实施例中，该多个节点中的节点用于记录以下中的至少一项：操作事件、静态资源错误以及网络请求错误。
在本申请的一些实施例中，该操作事件包括以下操作中的至少一项：播放、暂停、源地址切换以及播放倍率切换。
在本申请的一些实施例中，该处理模块420还用于：
基于该录制数据，回放该主域页面和该嵌入页面。
应理解，装置实施例与方法实施例可以相互对应，类似的描述可以参照方法实施例。为避免重复，此处不再赘述。具体地，图4所示的装置400可以对应于执行本申请实施例的方法200中的相应主体，并且装置400中的各个模块的前述和其它操作和/或功能分别为了实现图2中的各个方法中的相应流程，为了简洁，在此不再赘述。
上文中结合附图从功能模块的角度描述了本申请实施例的装置400。应理解，该功能模块可以通过硬件形式实现，也可以通过软件形式的指令实现，还可以通过硬件和软件模块组合实现。具体地，本申请实施例中的方法实施例的各步骤可以通过处理器中的硬件的集成逻辑电路和/或软件形式的指令完成，结合本申请实施例公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。可选地，软件模块可以位于随机存储器，闪存、只读存储器、可编程只读存储器、电可擦写可编程存储器、寄存器等本领域的成熟的存储介质中。该存储介质位于存储器，处理器读取存储器中的信息，结合其硬件完成上述方法实施例中的步骤。
图5是本申请实施例提供的电子设备500的示意性框图。
如图5所示，该电子设备500可包括：
存储器510和处理器520，该存储器510用于存储计算机程序511，并将该程序代码511传输给该处理器520。换言之，该处理器520可以从存储器510中调用并运行计算机程序511，以实现本申请实施例中的方法。
例如，该处理器520可用于根据该计算机程序511中的指令执行上述方法200或方法300中的步骤。
在本申请的一些实施例中，该处理器520可以包括但不限于：
通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(FieldProgrammable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等等。
在本申请的一些实施例中，该存储器510包括但不限于：
易失性存储器和/或非易失性存储器。其中，非易失性存储器可以是只读存储器(Read-Only Memory，ROM)、可编程只读存储器(Programmable ROM，PROM)、可擦除可编程只读存储器(Erasable PROM，EPROM)、电可擦除可编程只读存储器(Electrically EPROM，EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory，RAM)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如静态随机存取存储器(Static RAM，SRAM)、动态随机存取存储器(Dynamic RAM，DRAM)、同步动态随机存取存储器(Synchronous DRAM，SDRAM)、双倍数据速率同步动态随机存取存储器(Double DataRate SDRAM，DDR SDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM，ESDRAM)、同步连接动态随机存取存储器(synch link DRAM，SLDRAM)和直接内存总线随机存取存储器(Direct Rambus RAM，DR RAM)。
在本申请的一些实施例中，该计算机程序511可以被分割成一个或多个模块，该一个或者多个模块被存储在该存储器510中，并由该处理器520执行，以完成本申请提供的录制页面的方法。该一个或多个模块可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述该计算机程序511在该电子设备500中的执行过程。
如图5所示，该电子设备500还可包括：
收发器530，该收发器530可连接至该处理器520或存储器510。
其中，处理器520可以控制该收发器530与其他设备进行通信，具体地，可以向其他设备发送信息或数据，或接收其他设备发送的信息或数据。收发器530可以包括发射机和接收机。收发器530还可以进一步包括天线，天线的数量可以为一个或多个。
应当理解，该电子设备500中的各个组件通过总线系统相连，其中，总线系统除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。
本申请还提供了一种计算机存储介质，其上存储有计算机程序，该计算机程序被计算机执行时使得该计算机能够执行上述方法实施例的方法。或者说，本申请实施例还提供一种包含指令的计算机程序产品，该指令被计算机执行时使得计算机执行上述方法实施例的方法。
当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机程序指令时，全部或部分地产生按照本申请实施例该的流程或功能。该计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，该计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line，DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质(例如，软盘、硬盘、磁带)、光介质(例如数字视频光盘(digital video disc，DVD))、或者半导体介质(例如固态硬盘(solid state disk，SSD))等。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的模块及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，该模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。
作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。例如，在本申请各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。
以上该，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以该权利要求的保护范围为准。
Claims (15)
1.一种录制页面的方法，其特征在于，包括：
分别获取主域页面的数据和嵌入页面的数据；
基于所述主域页面的数据的时间戳和所述嵌入页面的数据的时间戳，按照时间顺序合并所述主域页面的数据和所述嵌入页面的数据，以生成录制数据。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
若所述嵌入页面的第一个节点的时间戳a，早于所述主域页面内的第一个节点或第二个节点的时间戳b，所述嵌入页面的每一个节点的时间戳加b-a+1。
3.根据权利要求1所述的方法，其特征在于，所述分别获取主域页面的数据和嵌入页面的数据，包括：
获取所述嵌入页面的元素的数据；
将所述嵌入页面的元素的数据转换为所述嵌入页面的节点的数据，以基于所述嵌入页面的节点的数据确定所述嵌入页面的数据。
4.根据权利要求3所述的方法，其特征在于，所述将所述嵌入页面的元素的数据转换为所述嵌入页面的节点的数据，以基于所述嵌入页面的节点的数据确定所述嵌入页面的数据，包括：
将所述嵌入页面的元素转的数据换为所述嵌入页面的节点的数据；
将所述嵌入页面的节点在所述嵌入页面上的坐标，转换为在所述主域页面上的坐标，以基于所述嵌入页面的节点在所述主域页面上的坐标以及所述嵌入页面的节点的数据，确定所述嵌入页面的数据。
5.根据权利要求3所述的方法，其特征在于，所述将所述嵌入页面的元素的数据转换为所述嵌入页面的节点的数据，以基于所述嵌入页面的节点的数据确定所述嵌入页面的数据，包括：
将所述嵌入页面的元素的数据转换为所述嵌入页面的节点的数据；
将所述嵌入页面内的根节点，由文档节点修改为内容文档节点，以基于所述内容文档节点以及所述内容文档节点的数据，确定所述嵌入页面的数据。
6.根据权利要求1所述的方法，其特征在于，所述分别获取主域页面的数据和嵌入页面的数据，包括：
将所述第一页面的第一元素的数据转换为第一节点的数据，所述第一页面为所述主域页面或所述嵌入页面；
若所述第一节点的父节点为缺失节点，存储所述第一节点的数据；
在重新获取所述第一节点的父节点的情况下，将所述第一节点的数据添加至所述第一页面的数据。
7.根据权利要求1所述的方法，其特征在于，所述分别获取主域页面的数据和嵌入页面的数据，包括：
将第二页面的第二元素转换为第二节点的数据，所述第二页面为所述主域页面或所述嵌入页面；
若所述第二节点没有标记的兄弟节点，且所述第二节点存在标记的父节点，将所述第二节点添加至所述父节点的第一个子节点的前面，以将所述第二节点的数据添加至所述第二页面的数据。
8.根据权利要求1所述的方法，其特征在于，所述分别获取主域页面的数据和嵌入页面的数据，包括：
通过嵌入到所述嵌入页面内的应用程序接口API，获取所述嵌入页面的数据。
9.根据权利要求1所述的方法，其特征在于，所述嵌入页面的数据包括第三页面的数据，所述第三页面为所述嵌入页面的跳转页面，所述第三页面的初始时间戳等于所述嵌入页面的最后一个时间戳加1。
10.根据权利要求1所述的方法，其特征在于，所述嵌入页面内包括多个节点，所述多个节点分别对应多个节点标识；所述分别获取主域页面的数据和嵌入页面的数据，包括：
基于所述多个节点标识，将所述多个节点的数据添加至所述嵌入页面的数据。
11.根据权利要求10所述的方法，其特征在于，所述多个节点包括音频节点和/或视频节点；或所述多个节点中的节点用于记录以下中的至少一项：操作事件、静态资源错误以及网络请求错误。
12.根据权利要求1至11中任一项所述的方法，其特征在于，所述方法还包括：
基于所述录制数据，回放所述主域页面和所述嵌入页面。
13.一种录制页面的装置，其特征在，包括：
获取模块，用于分别获取主域页面的数据和嵌入页面的数据；
处理模块，用于基于所述主域页面的数据的时间戳和所述嵌入页面的数据的时间戳，按照时间顺序合并所述主域页面的数据和所述嵌入页面的数据，以生成录制数据。
14.一种电子设备，其特征在于，包括：
处理器和存储器，所述存储器用于存储计算机程序，所述处理器用于调用并运行所述存储器中存储的计算机程序，以执行权利要求1至12中任一项所述的方法。
15.一种计算机可读存储介质，其特征在于，用于存储计算机程序，所述计算机程序使得计算机执行如权利要求1至12中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011066004.1A CN112199263A (zh) | 2020-09-30 | 2020-09-30 | 录制页面的方法、装置、设备以及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011066004.1A CN112199263A (zh) | 2020-09-30 | 2020-09-30 | 录制页面的方法、装置、设备以及介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112199263A true CN112199263A (zh) | 2021-01-08 |
Family
ID=74013787
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011066004.1A Pending CN112199263A (zh) | 2020-09-30 | 2020-09-30 | 录制页面的方法、装置、设备以及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112199263A (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238742A (zh) * | 2021-06-17 | 2021-08-10 | 南方电网科学研究院有限责任公司 | 一种直流控保页面程序修改回放方法、装置、终端及介质 |
| CN113312119A (zh) * | 2021-06-04 | 2021-08-27 | 广州博冠信息科技有限公司 | 信息同步方法及装置、计算机可读存储介质、电子设备 |
| CN116701810A (zh) * | 2023-07-29 | 2023-09-05 | 北京长亭科技有限公司 | 一种网站操作回放方法以及装置 |
| WO2023213203A1 (zh) * | 2022-05-06 | 2023-11-09 | 易保网络技术(上海)有限公司 | 一种小程序页面的录屏方法、介质及电子设备 |
| CN117135395A (zh) * | 2023-08-24 | 2023-11-28 | 中电金信软件有限公司 | 页面录制方法和装置 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105721578A (zh) * | 2016-02-17 | 2016-06-29 | 中国建设银行股份有限公司 | 一种用户行为数据采集方法和系统 |
| CN107608801A (zh) * | 2017-09-05 | 2018-01-19 | 北京京东尚科信息技术有限公司 | 原生页面与html5页面通信方法、装置、介质和设备 |
| CN110020339A (zh) * | 2017-08-17 | 2019-07-16 | 北京国双科技有限公司 | 基于无埋点的网页数据采集方法及装置 |
| CN110941779A (zh) * | 2019-11-20 | 2020-03-31 | 东软集团股份有限公司 | 加载页面的方法、装置、存储介质及电子设备 |
| CN111488259A (zh) * | 2019-01-29 | 2020-08-04 | 阿里巴巴集团控股有限公司 | 针对网页的录制方法及针对录制文件的回放方法 |
-
2020
- 2020-09-30 CN CN202011066004.1A patent/CN112199263A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105721578A (zh) * | 2016-02-17 | 2016-06-29 | 中国建设银行股份有限公司 | 一种用户行为数据采集方法和系统 |
| CN110020339A (zh) * | 2017-08-17 | 2019-07-16 | 北京国双科技有限公司 | 基于无埋点的网页数据采集方法及装置 |
| CN107608801A (zh) * | 2017-09-05 | 2018-01-19 | 北京京东尚科信息技术有限公司 | 原生页面与html5页面通信方法、装置、介质和设备 |
| CN111488259A (zh) * | 2019-01-29 | 2020-08-04 | 阿里巴巴集团控股有限公司 | 针对网页的录制方法及针对录制文件的回放方法 |
| CN110941779A (zh) * | 2019-11-20 | 2020-03-31 | 东软集团股份有限公司 | 加载页面的方法、装置、存储介质及电子设备 |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113312119A (zh) * | 2021-06-04 | 2021-08-27 | 广州博冠信息科技有限公司 | 信息同步方法及装置、计算机可读存储介质、电子设备 |
| CN113312119B (zh) * | 2021-06-04 | 2024-03-15 | 广州博冠信息科技有限公司 | 信息同步方法及装置、计算机可读存储介质、电子设备 |
| CN113238742A (zh) * | 2021-06-17 | 2021-08-10 | 南方电网科学研究院有限责任公司 | 一种直流控保页面程序修改回放方法、装置、终端及介质 |
| CN113238742B (zh) * | 2021-06-17 | 2024-04-12 | 南方电网科学研究院有限责任公司 | 一种直流控保页面程序修改回放方法、装置、终端及介质 |
| WO2023213203A1 (zh) * | 2022-05-06 | 2023-11-09 | 易保网络技术(上海)有限公司 | 一种小程序页面的录屏方法、介质及电子设备 |
| CN116701810A (zh) * | 2023-07-29 | 2023-09-05 | 北京长亭科技有限公司 | 一种网站操作回放方法以及装置 |
| CN116701810B (zh) * | 2023-07-29 | 2023-12-15 | 北京长亭科技有限公司 | 一种网站操作回放方法以及装置 |
| CN117135395A (zh) * | 2023-08-24 | 2023-11-28 | 中电金信软件有限公司 | 页面录制方法和装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112199263A (zh) | 录制页面的方法、装置、设备以及介质 | |
| US11588922B2 (en) | Capturing and replaying application sessions using resource files | |
| WO2020119434A1 (zh) | 接口数据处理方法、自动化测试方法、装置、设备和介质 | |
| WO2020233053A1 (zh) | 一种制作测试页面脚本的方法、装置、设备及存储介质 | |
| JP5511845B2 (ja) | マークアップ言語を通してクライアント・ブラウザ状態のサーバ側ロギングを遂行するための方法 | |
| US20190146616A1 (en) | Systems And Methods For Remote Tracking And Replay Of User Interaction With A Webpage | |
| US10853227B2 (en) | Systems and methods for modular test platform for applications | |
| US20100205583A1 (en) | Request-based activation of debugging and tracing | |
| US20140108463A1 (en) | Data structure for efficiently identifying transactions | |
| WO2022036865A1 (zh) | 日志文件自动抓取方法、装置和计算机设备 | |
| US20230061007A1 (en) | Identification and retrieval of supplemental information for runbook operations | |
| CN111694550A (zh) | 一种页面显示控制方法、装置及系统 | |
| CN113987393A (zh) | 一种网页操作记录器、系统、装置及方法 | |
| CN112817817B (zh) | 埋点信息查询方法、装置、计算机设备和存储介质 | |
| US9374437B2 (en) | Schema validation proxy | |
| RU2669172C2 (ru) | Способ и система мониторинга согласованности веб-сайта | |
| US9537736B2 (en) | Methods and systems to generate reports including report references for navigation | |
| CN112135199B (zh) | 基于多类型视频源的视频播放方法及相关设备 | |
| CN115292636A (zh) | H5页面录制方法、装置和设备及存储介质 | |
| CN103701667A (zh) | 服务器的心跳的监控方法、装置及系统 | |
| CN110716841A (zh) | 监控数据收集方法、装置及设备 | |
| CN111061627A (zh) | 网页埋点方法、装置、电子设备及存储介质 | |
| CN112817566B (zh) | 一种信息处理方法、装置及计算机可读存储介质 | |
| CN113722236B (zh) | 游戏调试方法、装置、设备、存储介质 | |
| CN115686904A (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 |