Firefox Developer Tools的多个屏幕截图

时间:2017-10-05 05:34:07

标签: javascript firefox-developer-tools

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

我可以想到几个选项 -

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

  2. 在页面上运行一个JS脚本以一定间隔加载内容并调用devtools每次都截取屏幕截图。但我在网页上找不到任何关于从JS调用devtools的文档。

  3. 让Devtools获取屏幕截图以响应页面事件。但我也找不到任何相关文件。

  4. 我该怎么做?

2 个答案:

答案 0 :(得分:2)

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

使用WebdriverJS作为框架,您可以编写围绕Webdriver本身所需的任何内容。

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

答案 1 :(得分:0)

我将推荐Ralf R建议使用webdriver,而不是试图与firefox devtools争吵。

这里是一个webdriverjs脚本,它转到带有缓慢加载轮播的网页,并在我请求的图像完全加载后立即截取(使用此轮播,我告诉它要等到css {{ 1}}是1)。你可以通过你拥有的许多幻灯片图像来循环播放。

opacity