【发布时间】：2018-07-20 17:52:51
【问题描述】：
我想在给定窗口 (x,y) (x1,y1) 上捕获网页（Has、html、css、js 脚本）中的用户行为并稍后播放。
目前，我们会截取屏幕截图，但每个表单上的每个用户的存储空间都很大。有没有办法让它简化格式并在以后播放？
只需要前端渲染，不用担心底层的后端脚本。
目前网页使用vue框架，vue中的任何东西都可以。
【问题讨论】：
标签： javascript vue.js
【发布时间】：2018-07-20 17:52:51
【问题描述】：
您可以存储每个鼠标 (x, y) 坐标和相应的鼠标点击等。可能希望通过注入来复制用户输入。 见How to simulate a mouse click using JavaScript?
或者，您可能只需要优化当前基于图像的录制过程。仅存储 UI 交互之间的视觉差异如何 - 仅存储那些已更改的区域？
【讨论】：
-
如何捕捉与交互相关的所有图形和关键输入？
-
如果您知道为该页面提供的初始 html 并且页面每次都以相同的方式对用户输入做出反应（即状态对于相同的输入是可重现且一致的），则您不需要捕获图形)。为了捕获输入，jQuery 有很好的功能。见stackoverflow.com/questions/2878983/…
-
这是一个复杂的问题，多年捕获后渲染相同的html？内容/脚本来自 100 个不同的应用程序。如果我们需要捕获所有与该窗口关联的 html、css、javascript，这将是一个比屏幕截图更大的存储空间。
-
所以您在原始问题中没有提到这些限制。听起来您不是在寻求记录自己的页面，而是那些属于某些外部来源的页面。在这种情况下，您可能只需要优化当前基于图像的录制过程。仅存储 UI 交互之间的视觉差异如何 - 仅存储那些已更改的区域？