如何才能以高于我的浏览器支持的分辨率截取浏览器屏幕截图？

Question

我需要截取一个网站的屏幕截图，使其显示在非常高分辨率的显示器上...比如 4000x3000 像素。我的笔记本电脑屏幕的原始分辨率为 1400x768。基本上，我需要模拟比我的显示器和视频卡实际支持的分辨率高得多的显示器分辨率。我希望网站的屏幕截图看起来与您在 Firefox 中反复按 CTRL MINUS（缩小）时的效果非常相似，但不会出现因缩放而导致的像素丢失。我该怎么做？有没有办法使用虚拟机软件来模拟超高分辨率显示？如果没有，有没有办法打开比屏幕更大的浏览器窗口，然后以某种方式将其内容捕获为 PNG？还有其他可行的方法吗？

Answer 1

您可以使用 Firefox 和 2 个扩展程序来实现：Web开发人员和火射。

安装两个扩展后，转到工具 - Web 开发人员 - 调整大小 - 编辑调整尺寸...。

添加新尺寸 4000 x 3000。如果您只希望页面内容为 4000x3000，请选中“调整视口大小”。如果您不选中，Firefox 的完整窗口（包括工具栏、菜单等）将设置为此尺寸。

调整到正确尺寸后，转到“工具”-“FireShot”-“捕获整个页面”... 。选择一个操作，例如“保存”。它将保存 Web 开发人员设置的页面内容，使其达到所需尺寸。

Answer 2

同时（至少一两年了 - 如果我没记错的话，从版本 15 开始），Firefox 直接通过集成的开发工具支持这一点。

点击CtrlShift M或选择响应式设计视图来自开发者工具条纹菜单中的图标。

这将打开此视图，让你从一组预设中进行选择，并输入任何所需的分辨率和只需单击一下即可直接将 PNG 格式的屏幕截图保存到磁盘：

Answer 3

在 Mac 上，狗仔队可以提供帮助，可以使用其 GUI 或使用如下 URL 语法：

狗仔队：（宽度=4000，高度=3000，最大高度=3000）如何才能以高于我的浏览器支持的分辨率截取浏览器屏幕截图？

URL 语法很容易变成了书签小程序。Paparazzi 采用的是 WebKit 渲染引擎。

Answer 4

Firefox 16 及更高版本现在包含使用开发者控制台控制视口大小的功能：

打开工具...Web 开发人员...开发人员工具栏

用以下命令调整视口大小：

resize to 5000 5000

用以下命令进行屏幕截图：

screenshot output.png