☰

如何截取完整网页的屏幕截图？

tag-icon • tag-icon software-recommendation screenshot
如何截取完整网页的屏幕截图？

我用过快门和截屏长期以来，许多应用程序都支持截屏，但它们只能截取与物理屏幕一样大的屏幕截图。

有时我必须整个网页的截图因为浏览器无法正确保存页面，或者我想同时包含弹出窗口。这种情况需要能够截取比物理屏幕更长时间的屏幕截图的软件。

有没有什么软件可以做到这一点？

注意这问题及其答案是关于网页保存应用程序的。它们不会保存弹出窗口，这对我来说至关重要。我不需要转换器。我需要一个文字截图应用程序或任何可以保存弹出窗口的东西。

我使用 Mozilla Firefox，因为它有非常好的插件。该解决方案应该适用于 Firefox 本身。

答案1

在最新版本的 Firefox 中，无需任何插件。此功能已内置于浏览器中。

使用鼠标的新方法

非常简单：右键单击页面上未激活的任意位置，然后选择“截屏”。出现的弹出窗口将允许您选择可见页面的某个区域或整个网页。

控制台方法

  1. 在 Firefox 中，使用Ctrl+ Shift+F2打开 Web 开发者控制台。（确切的组合键可能取决于您的设置。）
  2. 输入:screenshot --fullpage（这将自动完成，因此:s Tab --fullpage可以工作）。

这会将屏幕截图作为 PNG 文件保存到您的下载文件夹中。默认情况下，文件名包含日期和时间。如果您愿意，可以使用其他文件名，只需在 CLI 上传递它即可：:screenshot --fullpage my_name.png。

这也适用于弹出窗口，但每个窗口都需要单独保存。我不知道如何将它们合并为一个屏幕截图。（当然，您可以稍后在 GIMP 或其他图像编辑工具中执行此操作。）

答案2

以下是您可以从终端使用的应用程序列表：

wkhtmltopdf 是一个命令行实用程序，它使用 webkit 渲染引擎将 html 转换为 pdf。

sudo apt-get install wkhtmltopdf

wkhtmltoimage 实用程序将截取给定 URL 的屏幕截图，并将其保存为 png 图像。它使用 webkit 渲染引擎。

下载 ： http://code.google.com/p/wkhtmltopdf/downloads/list

用法 ：

要使用 wkthmltoimage 实用程序，只需从终端运行命令，提供图像文件的 URL 和名称。

$ ./wkhtmltoimage-amd64 http://www.google.com google.png

它将在主目录中创建 google.png，其中包含 www.google.com 的屏幕截图

其他选择：

wkhtmltoimage 提供了很多选项来自定义截图，下面是一些示例：

质量 - 控制生成图像的质量/压缩。默认值为 94

$ ./wkhtmltoimage-amd64 --quality 50 http://www.google.com google.png

禁用图像

$ ./wkhtmltoimage-amd64 --no-images http://www.google.com google.png

禁用 JavaScript

$ ./wkhtmltoimage-amd64 --disable-javascript http://www.google.com google.png

裁剪屏幕截图

$ ./wkhtmltoimage-amd64 --crop-h 300 --crop-w 300 --crop-x 0 --crop-y 0 http://www.google.com googl

Cutycapt 是一个实用程序，使用 webkit 渲染引擎截取 URL 的屏幕截图并将其保存为图像文件。

安装

sudo apt-get install subversion libqt4-webkit libqt4-dev g++ cutycapt

用法 要使用 cutycapt，只需从终端运行命令，提供输出文件的 url 和名称。

$ cutycapt --url=http://www.google.com/ --out=google.png

它将在主目录中创建 google.png 文件，其中包含 www.google.com 的屏幕截图

khtml2png 使用 konqueror 渲染引擎来创建网页截图。

下载

http://khtml2png.sourceforge.net/index.php?page=download

安装

要安装 khtml2png，必须在系统上编译并构建该程序。

sudo apt-get install kdelibs4-dev zlib1g-dev g++ cmake
Extract the khtml2png archive.
./configure
make
sudo checkinstall (this will create a deb file and install it , so that it can easily uninstalled later)

用法 要使用 khtml2png，请从命令行运行程序，提供 url 和其他选项。

$ khtml2png2 --width 800 --height 600 http://www.google.com/ google.png

这将在主目录中创建一个 google.png，其中包含 www.google.com 的屏幕截图。

Pywebshot 使用嵌入 mozilla 的 Python 绑定（http://www.mozilla.org/unix/gtk-embedding.html）

安装

sudo apt-get install python-gtkmozembed

Download pywebshot from https://github.com/coderholic/PyWebShot

用法 ：

$ python pywebshot.py www.google.com -t 1024x768&lt;br /&gt;<br />Loading www.google.com... saved as www.google.com.png

它应该在目录中创建一个 www.google.com.png，其中包含尺寸为 1024 x 768 的屏幕截图。

答案3

我试过Awsome Screenshot: 屏幕截图注释- Chrome 插件。对我来说效果很好。捕获弹出窗口（基于 jQuery）[不是警报]、全页捕获，还可以使用 HTTPS！！很棒的工具。

答案4

在 Firefox 上，您可以使用名为超棒的截屏功能

相关内容