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

视环

每个星期,我必须拍摄某个网页的屏幕截图以显示进度。

这涉及在firefox中打开页面,登录,将页面调整为特定尺寸(以保持一致并便于比较屏幕截图),然后使用firefox的全页面屏幕截图功能捕获整个页面,因为它不适合显示器。

理想情况下,能够使整个过程自动化将是一件好事。

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

注意:我在考虑userjs脚本时就标记了javascript,但是,只要可以在linux上运行,我就可以接受替代方案。

雷蒙359

您可以使用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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

调整浏览器窗口大小时如何防止div元素下降?

来自分类Dev

调整浏览器窗口大小时,垂直/水平滚动条不会出现

来自分类Dev

调整浏览器窗口大小时,垂直/水平滚动条不会出现

来自分类Dev

调整Web浏览器窗口大小时的DIV定位问题

来自分类Dev

HTML / CSS:调整浏览器窗口大小时如何使网页保持原状?

来自分类Dev

如何根据浏览器窗口大小动态调整html表

来自分类Dev

获取HTML文档的宽度以使用浏览器窗口调整大小

来自分类Dev

浏览器窗口调整大小时如何在CSS中调整梯形大小

来自分类Dev

调整浏览器窗口大小时,li元素重叠

来自分类Dev

根据浏览器窗口的宽度和高度调整div样式的大小-jQuery

来自分类Dev

如果调整了浏览器窗口的大小,是否可以重新计算使用的“ srcset”图像?

来自分类Dev

在浏览器窗口调整大小时切换滑出可见性

来自分类Dev

检测何时将浏览器窗口从特定大小调整为更大大小?

来自分类Dev

调整浏览器窗口大小时,如何正确调整textarea的大小?

来自分类Dev

调整浏览器窗口大小不会激活jQuery事件,直到刷新完成

来自分类Dev

除非调整浏览器窗口的大小,否则Angular ui网格不会显示内容

来自分类Dev

如何使图像自动调整大小以适合浏览器窗口的高度

来自分类Dev

如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

来自分类Dev

调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

来自分类Dev

CSS窗口根据浏览器高度调整大小

来自分类Dev

如何仅跟踪浏览器窗口调整大小

来自分类Dev

如何根据浏览器窗口大小调整文本大小

来自分类Dev

调整浏览器窗口大小时,标题部分消失

来自分类Dev

ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

来自分类Dev

调整浏览器窗口大小时禁用jquery插件

来自分类Dev

自动布局调整以适应不同的浏览器窗口大小

来自分类Dev

浏览器插件可调整窗口大小以进行浏览测试

来自分类Dev

如何相对于浏览器窗口大小调整div的大小?

来自分类Dev

动态调整浏览器窗口填充画布的大小

Related 相关文章

  1. 1

    调整浏览器窗口大小时如何防止div元素下降?

  2. 2

    调整浏览器窗口大小时,垂直/水平滚动条不会出现

  3. 3

    调整浏览器窗口大小时,垂直/水平滚动条不会出现

  4. 4

    调整Web浏览器窗口大小时的DIV定位问题

  5. 5

    HTML / CSS:调整浏览器窗口大小时如何使网页保持原状?

  6. 6

    如何根据浏览器窗口大小动态调整html表

  7. 7

    获取HTML文档的宽度以使用浏览器窗口调整大小

  8. 8

    浏览器窗口调整大小时如何在CSS中调整梯形大小

  9. 9

    调整浏览器窗口大小时,li元素重叠

  10. 10

    根据浏览器窗口的宽度和高度调整div样式的大小-jQuery

  11. 11

    如果调整了浏览器窗口的大小,是否可以重新计算使用的“ srcset”图像?

  12. 12

    在浏览器窗口调整大小时切换滑出可见性

  13. 13

    检测何时将浏览器窗口从特定大小调整为更大大小?

  14. 14

    调整浏览器窗口大小时,如何正确调整textarea的大小?

  15. 15

    调整浏览器窗口大小不会激活jQuery事件,直到刷新完成

  16. 16

    除非调整浏览器窗口的大小,否则Angular ui网格不会显示内容

  17. 17

    如何使图像自动调整大小以适合浏览器窗口的高度

  18. 18

    如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

  19. 19

    调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

  20. 20

    CSS窗口根据浏览器高度调整大小

  21. 21

    如何仅跟踪浏览器窗口调整大小

  22. 22

    如何根据浏览器窗口大小调整文本大小

  23. 23

    调整浏览器窗口大小时,标题部分消失

  24. 24

    ZK:在(zk)小部件中添加浏览器窗口大小调整侦听器

  25. 25

    调整浏览器窗口大小时禁用jquery插件

  26. 26

    自动布局调整以适应不同的浏览器窗口大小

  27. 27

    浏览器插件可调整窗口大小以进行浏览测试

  28. 28

    如何相对于浏览器窗口大小调整div的大小?

  29. 29

    动态调整浏览器窗口填充画布的大小

热门标签

归档