如何在Firefox的网页中截取包含滚动元素的屏幕截图？

我需要截取整个网页的屏幕截图。诀窍在于，我需要屏幕截图包含屏幕中不适合的单个元素的全部内容。

它是一个单列表，由于其高度而具有滚动条。它不是IFRAME（在其自己的标签中加载起来很简单）。

该列包含格式化的文本和一些小图像。

对于滚动的长网页，执行此任务很简单。但是，当滚动页面中包含单个元素时，如何实现呢？

为了清楚起见，我需要捕获整个页面，而不仅仅是元素本身。

我想在Windows上使用Firefox完成此操作。

我的建议是使用Firefox的内置功能，该功能允许您拍摄单个DOM元素的屏幕截图。

只需弹出打开开发人员工具→查找元素→右键单击并截图

它在我的一个内部站点上不起作用，因此不能说它对所有人都起作用。

OP编辑后更新：

如果您打算记录整个页面以及整个DOM元素内容，如下所示，则应该实时编辑DOM元素的高度，但是 ...

它会将大量DOM元素从视口和屏幕截图或AFAIK中推出，其他任何工具都无法捕获它，这超出了我的意图。

从https://en.wikipedia.org/wiki/Screenshot阅读以下内容

屏幕截图，屏幕截图，屏幕截图，屏幕截图，屏幕截图或屏幕抓图是人拍摄的图像，用于记录显示器，电视或其他使用中的视觉输出设备上显示的可见项。

如果确实需要按照自己的方式进行操作，则可以创建一个GIF或在整个页面上截取两个屏幕截图，而仅将DOM元素截取两个屏幕截图以合并为一个。

您可以从开发者工具栏使用screenshot命令：

1. 按Shift+ F2打开工具栏，或从Web Developer Tools菜单中选择它。

2. 在工具栏中，键入命令screenshot --fullpage fullpage.png。

要捕获单个元素，可以将其css选择器与--selector标志一起使用，例如

screenshot --selector #hot-network-questions

会给你下面的图片

使用Firefox的自适应设计模式，将宽度设置为正常值，然后将高度设置为足以覆盖整个页面的高度，然后单击屏幕截图按钮（相机图标）。

有一个名为Snagit的软件可以解决您的问题。该软件可以采用不同类型的屏幕截图，例如滚动窗口，也可以录制视频。

这是一个付费应用程序，但是也有一个试用版。

我使用Screenpresso。它允许您拍摄滚动屏幕截图。基本上，您会截取屏幕截图，向下滚动然后再截取一个，依此类推，然后Screenpresso将它们缝合在一起。Screenpresso也是免费的。

仅供参考，滚动屏幕截图的快捷键是WindowsKey + Shift + PrintScreen。然后，您需要单击要滚动的窗口。转到屏幕截图的下一部分时，右键单击，向下滚动，右键单击等等。完成操作后，单击鼠标左键，它们将被缝合在一起。确保在每个屏幕截图上都有一些重叠，以便拼接过程更好地工作。

有一个名为Nimbus Screen Capture的扩展程序，非常适合此任务。

您可以选择捕获：

• 页面的可见部分（用于不包含浏览器元素，而不是alt+ Print Scrn）
• 页面的一部分（您可以将鼠标悬停在屏幕上的区域上以找到所需的片段-这些区域对应于其底层HTML元素）
• 选定区域（您手动单击并拖动到想要的屏幕截图，支持拖动时滚动）
• 整个页面

使所有内容适合一页的选项：

• 使用<Ctrl>-到一个页面上都适合
• 将屏幕旋转到纵向模式
• 在纵向模式下使用第二个屏幕并将其定位在第一个屏幕下方
• 结合以上所有

另一个选择是对要捕获的内容进行屏幕截图。向下滚动，进行下一个截屏。重复此过程，直到您捕获了所有内容。
可选：使用图像编辑器（例如gimp）将屏幕截图组合成一个大图像。

要拍摄屏幕截图，您可以添加扩展程序（如简单的屏幕截图）。然后，您将更容易进行屏幕截图。

对于DESKTOP程序，通过滚动窗口 ApowerSoft捕获为我完成了工作。