javascript - 捕获浏览器内容的屏幕截图(网站)

Question

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。












我们不允许提出有关书籍、工具、软件库等建议的问题。您可以编辑问题，以便可以用事实和引用来回答它。


4年前关闭。







Improve this question




我的目标是拥有一个网站的图像(是的，就这么简单)。
我知道有像 html2canvas 这样的工具.但是我不希望客户端浏览器呈现屏幕截图。

一个原因是我使用了带有 webview 的 chrome 扩展。它的行为本质上类似于 iFrame .出于安全原因，为包含 iFrame 的网站呈现屏幕截图不起作用。

我也知道他们正在开发 natively support capturing website screenshots 的功能。但我想要一个跨浏览器的解决方案，而不是依赖于浏览器的可能性。所有这些都发生在服务器上，因此它应该可以通过命令行执行。

我现在正在做的是:

通过命令行打开浏览器

通过命令行切换焦点到浏览器窗口

通过命令行

制作屏幕截图(mac 上的屏幕截图，Linux 上的 scrot)

在这个基本级别上执行此操作的缺点是包含状态栏、浏览器插件等的图像。事实上，我只想拥有实际的 网站内容没有所有这些特定于应用程序的东西。

最糟糕的解决方案是硬编码内容相对于窗口 的 0|0 位置。对于每个浏览器 .这很糟糕(原因很明显)。

我想出的另一个解决方案是:告诉浏览器(我可以说话
通过套接字到插件)以在 x:0;y:0; 处添加类似 QR 码的内容，将屏幕截图发送到图像处理服务器。
之后删除二维码并再次发送屏幕截图。然后我
知道相对于 0|0 的每个点，但它也不是那么优雅。

最好的东西是一个命令行工具，它可以让我确定我想要捕获应用程序的哪个部分的图像。

一个例子是 this plugin for Firefox或 this server-side tool或所有这些工具提供不同浏览器和操作系统的网站截图，如 this .我想知道他们如何摆脱特定于浏览器的 GUI 元素。

加法 :

我不知道我是否说得足够清楚，但我想要特定浏览器内容的屏幕截图，但没有特定于浏览器的 GUI 元素。这意味着运行 headless 浏览器的应用程序对我没有用处。因为 headless 浏览器有自己的引擎。我特别想要一个截图，例如Firefox 版本 x。

Answer 1

你知道 Selenium 吗？
它是一个测试工具，实际上可以打开特定的浏览器并运行脚本测试。
它也可以用来截屏。

This might be a solution to your problem .