javascript - 在 Chrome Devtools 中记录用户操作 : Possible?

标签 javascript google-chrome google-chrome-extension google-chrome-devtools

我正在寻找一种方法来记录我在 Chrome Devtools 中所做的每一件事,以便我可以逐字回放。我已经看过很多关于如何通过 devtools 扩展操作页面内容、跟踪页面性能和行为等的文档,但还没有真正了解我在 Chrome Devtools 本身中所做的事情。如果需要的话,我愿意写一个扩展。我们的目标是一个教学工具,我可以在其中记录我在开发工具中所做的事情并回放它们。 (当然,人们可以使用 GIF 录制器,但那是 00 年代的)。到目前为止我看过的一些内容是 chrome devtools protocol viewer但不确定是否可以完成任务。

有人可以建议一种可能的方法来实现这一目标吗?提前致谢!

最佳答案

现在,Chrome 的开发工具中有一个内置的记录器工具。比安装任何第三方扩展要好得多。此外,还有更多功能可以跟踪用户旅程。

Recorder in Chrome Dev Tools

关于javascript - 在 Chrome Devtools 中记录用户操作 : Possible?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44189700/

相关文章:

google-chrome - Chrome 扩展,获取 devtools HAR 数据

javascript - font Awesome包中的all.js和其他JS文件的作用是什么?

javascript - 将 javascript 变量存储在数组中

Javascript str.split(/[^a-zA-Z0-9.@]|(username|fname)/不从字符串中删除 'username' 或 'fname'

javascript - 如何添加旧版本的 syntaxhighlighter

javascript - 表单 onSubmit 返回 false 在 Chrome 中不起作用

css - 应用不透明度时,Chrome 会展平 Z 轴平移的元素

java - iText 生成的 PDF 在 Chrome 中无法正确显示

javascript - 从 Chrome 扩展程序发送 XHR 到 PHP 页面时出错 : Cross origin requests are only supported for HTTP

javascript - 可以将 AngularJS 用于 Chrome 扩展的选项页面吗?