如何以比浏览器支持的分辨率更高的分辨率截取浏览器屏幕截图?

Jos*_*ody 99 browser screenshot screen-capture resolution virtual-machine

我需要截取一个网站的屏幕截图,因为它会出现在非常高分辨率的显示器上……比如说 4000x3000 像素。我的笔记本电脑屏幕的原始分辨率为 1400x768。基本上,我需要模拟具有比我的显示器和视频卡实际支持的分辨率高得多的显示器分辨率。我希望网站的屏幕截图看起来与您在 Firefox 中反复按 CTRL MINUS(缩小)时的效果差不多,但不会因缩放而丢失任何像素。我怎样才能做到这一点?有没有办法用虚拟机软件模拟超高分辨率显示?如果没有,是否有某种方法可以打开比屏幕大的浏览器窗口,然后以某种方式将其内容捕获为 PNG?还有什么可能有效吗?

Sna*_*ark 106

您可以使用 Firefox 和 2 个扩展来实现:Web DeveloperFireShot

安装这两个扩展后,转到 Tools - Web Developer - Resize - Edit Resize Dimensions... 。

添加一个新的大小,4000 x 3000。如果您只希望页面内容为 4000x3000,请选中“调整视口大小”。如果你不勾选它,Firefox 的完整窗口(包括工具栏、菜单、...)将被设置为这个尺寸。

替代文字

一旦大小正确,请转到工具 - FireShot - 捕获整个页面并...。选择一个操作,例如保存。它将 Web Developer 设置的页面内容保存为所需的大小。

替代文字

  • @snark - 啊。也许它是 Windows XP 的东西(这就是我在这里遇到的问题)。在任何情况下,我都可以通过使用 FireBug 插入一个 style="width: 4000px; height: 3000px;" 的 DIV 来解决这个问题。进入HTML代码,然后使用FireShot,所以我还是不错的。感谢您指出 FireShot。这让我的生活轻松了很多。我一直在滚动并截取屏幕截图,而不是之前手动合成它们。这是一个主要的痛苦。 (2认同)

Dam*_*mon 19

同时(至少一两年——从 15 版开始,如果我没记错的话),Firefox 直接通过集成的开发人员工具支持这一点。

从条带菜单中的“开发人员工具”图标中点击CtrlShift M或选择“响应式设计视图”

这将打开这个视图,让您从一组预设中进行选择,并输入任何所需的分辨率然后单击即可将 PNG 格式的屏幕截图直接保存到磁盘:

在此处输入图片说明


Arj*_*jan 9

在 Mac 上,Paparazzi可以提供帮助,无论是使用其 GUI 还是使用 URL 语法,例如:

狗仔队:(width=4000,height=3000,maxheight=3000)如何以比浏览器支持的分辨率更高的分辨率截取浏览器屏幕截图?

在此处输入图片说明

URL 语法可以很容易地变成书签。狗仔队使用 WebKit 渲染引擎。


Zoo*_*s64 6

我使用一个名为Abduction的 FireFox 插件来创建一个完整的网页的 .png 照片。不幸的是,该附加组件尚未更新为与 FireFox 3.6 兼容。

看起来ScreenGrab会做同样的事情。


Ron*_*tol 5

好吧,使用 Linux(或任何风格的 X Window 系统设置),您可以设置一个比显示器大的虚拟桌面。您可以在其中滚动,但我认为您可以最大化浏览器并对其进行屏幕截图。

我不知道在 Windows 或 OS X 中是否有办法做到这一点。


小智 5

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

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

使用以下命令调整视口大小:

resize to 5000 5000
Run Code Online (Sandbox Code Playgroud)

使用此命令的屏幕截图:

screenshot output.png
Run Code Online (Sandbox Code Playgroud)