在Chrome Devtools中记录用户操作:可能吗?

时间:2017-05-25 20:56:56

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

我正在寻找一种方法来记录我在Chrome Devtools中所做的每件事情,所以我可以逐字播放。我已经看过很多关于如何操纵页面内容,跟踪devtools扩展中的页面性能和行为等的文档,但还没有关于实际观看我在Chrome Devtools中做什么的事情。如果需要的话,我愿意写一个扩展名。目标是一个教学工具,我可以记录我在devtools中所做的事情并回放它们。 (当然,人们可以使用GIF录音机,但那就是00#)。我到目前为止看到的一点是chrome devtools protocol viewer,但不确定它是否能完成任务。

任何人都可以建议一种可行的方法来实现这一目标吗?提前谢谢!

1 个答案:

答案 0 :(得分:0)

您可以尝试使用Desktop Capture API,它可用于捕获屏幕内容,单个窗口或标签。这是demo app,其中显示了如何使用Chrome扩展程序访问网络应用程序中的desktopCapture API。可能有用的其他参考:In chrome extensions, is there a way to record screen without ssl?