JavaScript：截图呈现的网页浏览器样式

Posted 2021-03-31

我认为这个问题可能在之前被问过，但经过几个小时的搜索后，我还没有发现任何令人满意的问题。

这是我的问题：是否可以使用javascript截取完全呈现的网页？有点像大多数浏览器在ctrl+p的新闻窗口上做的事情。

我已经研究了许多替代解决方案，如html2Canvas.js，但没有一个适合我的需求。最大的问题是我的网页几乎完全使用Javascript在客户端呈现。这也是为什么像PhantomJS这样的服务器端解决方案几乎不适用的原因。

我需要将屏幕截图打印为图像或PDF。任何的想法？

谢谢。

答案

你看过Puppeteer by Google吗？

如果您能够在服务器上运行它，它可能正是您正在寻找的。查看他们的示例代码：

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();
})();