如何获得另一个网站的截图预览。

Question

有没有一种方法可以让你获得其他网站的网页截图？

如：你在输入中引入一个网址，点击回车，一个脚本就会给你输入的网站截图。我设法用无头浏览器来做，但我担心这样会占用太多资源和时间，启动.比方说phantomjs每次使用输入时，无头浏览器都需要获取新的数据，我调查了HotJar，它做的事情和我要找的类似，但它给你一个脚本，你必须把它放到页面头部，我觉得很好，之后，你会得到一个预览，它是如何工作的呢，如何复制呢？

Answer 1

你是想打印自己的页面还是别人的页面？

自己的页面

使用puppeteer或phantomJS与Beverly一起构建你的网站，这样你只会在它变化的时候才会运行，并随时准备好截图。

国外页面

您可以访问它（所有者运行您的脚本）。

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

或者使用这个解决方案 使用HTML5CanvasJavaScript进行浏览器内截屏.

你没有任何权限

使用一些长期运行的进程，当被问到时，会给你截图。

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

长时间运行的服务器有一个puppeteerphantomJS实例，当给定URL时，它会充斥该页面，获取截图并发回。浏览器其实会认为这是一个慢速的ping图片请求。

Answer 2

你可以用 木偶师

安装与。npm i puppeteer

保存以下代码到 example.js

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();

并与之运行。node example.js