调整浏览器大小 Window 并截图

Question

每周我都必须截取某个 web 页面的屏幕截图以显示进度。

这包括在 firefox 中打开页面，登录，将页面大小调整到特定尺寸（为了一致性和便于比较屏幕截图），然后使用 firefox 的整页截图功能来捕获整页，因为它不适合显示器。

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

但是，目前我只想弄清楚如何调整当前 window 的大小以及如何截取整页截图。

注意：我在考虑 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