Question

每个星期我都必须对某个网页进行截图以显示进度。

这涉及在firefox中打开页面，登录，将页面调整为特定尺寸（以确保一致性和易于比较屏幕截图），然后使用firefox的全页面屏幕截图功能捕获不适合的整个页面显示器。

理想情况下，能够使整个过程自动化会很好。

但是，此刻我只想弄清楚如何调整当前窗口的大小以及如何截取整个页面的屏幕截图。

注意：：我在考虑userjs脚本时就标记了javascript，但是，只要可以在linux上运行，我就可以选择其他语言。

Answer 1

您可以使用Puppeteer打开浏览器，调整其大小，然后截图！这是代码：

const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch({
      // Change this with the size you need
      defaultViewport: {width: 1920, height: 1080}
  });
  const page = await browser.newPage();
  await page.goto('https://stackoverflow.com/', {waitUntil: 'domcontentloaded'});
  // Wait until page has loaded completely
  // Make a screenshot
  await page.screenshot({path: 'screenshot.png'});
  await browser.close();
})();

希望对您有帮助！

这里是Puppeteer存储库，以获取更多信息：https://github.com/puppeteer/puppeteer

调整浏览器窗口大小并截图

1 个答案: