javascript - 如何获取另一个网站的屏幕截图/预览

Question

有没有办法获取其他网站页面的屏幕截图？

例如:您在输入中引入一个网址，按 Enter 键，然后脚本会为您提供所输入网站的屏幕截图。我设法使用 headless 浏览器来完成此操作，但我担心这可能会占用太多资源和时间， 推出。假设每次使用输入时 phantomjs headless 浏览器都需要获取新数据，我研究了 HotJar，它的功能与我正在寻找的类似，但它为您提供了一个必须放入页面标题中的脚本，这对我来说很好，之后，你会得到一个预览，它是如何工作的？以及如何复制它？

Answer 1

您想要您的页面还是其他人的页面的打印屏幕？

自己的页面

使用 puppeteer 或 phantomJS 与 Beverly 构建您的网站，这样您只会在更改时运行它，并随时准备好屏幕截图。

国外页面

您有权访问它(所有者运行您的脚本)

要么尝试进入他的构建管道，并使用上面的解决方案。

或者使用此解决方案 Using HTML5/Canvas/JavaScript to take in-browser screenshots .

您没有任何访问权限

使用一些长时间运行的进程，当您询问时，它会为您提供屏幕截图。

想象一台具有一个 URL 端点的服务器:screenshot.example.com?facebook.com。

长时间运行的服务器有一个 puppeteer/phantomJS 实例准备就绪，当给定 URL 时，它将淹没该页面，获取屏幕截图并将其发回。浏览器实际上会将其视为慢速 ping 图像请求。