在Chrome DevTools中记录用户操作：可行吗？

Question

我正在寻找一种记录Chrome Devtools中每个操作的方法，以便可以完全回放。我看过很多关于如何从devtools扩展程序中操纵页面内容、跟踪页面性能和行为等方面的文档，但还没有关于实际观察Chrome Devtools本身的内容。如果需要的话，我愿意编写一个扩展程序。目标是创建一个教学工具，可以记录我在devtools中所做的操作并进行回放。（当然，也可以使用GIF录制器，但那已经太过时了）。到目前为止，我已经稍微研究了一下chrome devtools protocol viewer，但不确定它是否能完成任务。

有人能建议一种可能的方法来完成这个任务吗？提前感谢！

- Will Kessler

Answer 1

现在Chrome浏览器内置了录制工具，可以在开发者工具中使用。比安装第三方扩展程序更好。此外，还有许多功能来跟踪用户的使用过程。

Chrome Dev Tools中的录制工具

- Prateek Kumar Dalbehera

Answer 2

您可以尝试使用桌面捕获API，该API可用于捕获屏幕、单个窗口或选项卡的内容。这里有一个演示应用程序，向您展示如何使用Chrome扩展程序来访问desktopCapture API以在您的Web应用程序中使用它。其他可能有帮助的参考资料：在Chrome扩展中，是否有一种无需SSL即可录制屏幕的方法？

- abielita