javascript - 使用 Firefox Developer Tools 的多屏幕截图

Question

我正在尝试截取通过 Javascript 加载一系列内容(幻灯片)的页面。我可以使用 Firefox Devtools 截取单个项目的屏幕截图。然而，手动这样做很乏味。

我能想到几个选项-

1. 在循环中运行'screenshot'命令，并在每个循环中调用一个JS函数来加载下一个内容。但是，我找不到任何文档来编写开发人员工具的脚本或从其中调用 JS 函数。

2. 在页面上运行一段JS脚本，定时加载内容，每次调用devtools进行截图。但是我在网页上找不到任何关于从 JS 调用 devtools 的文档。

3. 让 Devtools 截取屏幕截图以响应页面事件。但我也找不到这方面的任何文档。

我该怎么做？

Answer 1

您的第一个问题是，如何以编程方式使用 javascript 截取屏幕截图:使用 selenium Webdriver引导浏览器，而不是尝试编写特定浏览器的开发人员工具的脚本。

使用 WebdriverJS作为框架，您可以围绕 Webdriver 本身编写任何您需要的脚本。

你的第二个问题是，如何编写 FF 开发工具的脚本: - 我这边没有回答 -