我正在寻找一种方法来记录我在Chrome Devtools中所做的每一件事，这样我就可以逐字播放它。我已经看到了很多关于如何操作页面内容的文档，跟踪页面性能和行为等devtools扩展，但还没有任何关于实际观察我在Chrome Devtools中所做的事情。如果需要的话，我愿意写一个扩展。目标是一个教学工具，我可以记录我在devtools中所做的事情并播放它们。（当然，可以使用GIF记录器，但那是00的）。到目前为止，我已经看了一点chrome devtools协议查看器，但不确定它是否可以完成任务。
有人能提出一个潜在的方法来实现这一点吗？提前感谢！
3条答案
按热度按时间brc7rcf01#
现在Chrome在开发工具中有一个内置的记录器工具。比安装任何第三方扩展程序要好得多。此外，还有更多功能可以跟踪用户的旅程。
Recorder in Chrome Dev Tools
pb3s4cty2#
您可以尝试使用Desktop Capture API，它可以用来捕获屏幕、单个窗口或标签页的内容。下面是一个demo app，它向您展示了如何使用Chrome扩展来访问Web应用程序中的desktopCapture API。其他参考可能会有所帮助：In chrome extensions, is there a way to record screen without ssl?
dxxyhpgq3#
chrome在'chrome：//user-actions/'中做了类似的事情，它捕获事件侦听器无法捕获的内容。