html - 无法截取整个 div 元素的屏幕截图(滚动聊天 div)

标签 html css firefox

有一个分区。在这个 div 中有一个聊天。这个 div 有滚动条。我想一次截取所有这些 div 内容。我几乎通过将 div 高度更改为 500% 并溢出:可见来做到这一点,但我遇到了问题。事实上,我在屏幕截图中看到了大部分聊天内容,但在某些时候,聊天内容只是消失了,出现了一个长长的空白区域,直到图像的末尾,如下所示。

我使用 Firefox 的“屏幕截图节点”功能截取了这张屏幕截图。我尝试了所有你能想到的可能的扩展,但没有一个起作用(它们没有检测到 div 滚动,只是主页滚动)。无论如何,如果可能的话,我想要一个 HTML/CSS 解决方案。我想了解为什么它不起作用。

The screenshot of chat div

如您所见,有很多空白区域,但还有很多被打印忽略的聊天内容。

可能发生了什么?

最佳答案

您可以使用 FastStone Capture如果您想获取滚动窗口或任何带有滚动条的屏幕截图。使用捕获滚动窗口 <Ctrl + Alt + PrtSc>在手动模式下。

关于html - 无法截取整个 div 元素的屏幕截图(滚动聊天 div),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47664987/

相关文章:

javascript - 在另一个 html 中查看 html 页面

javascript - 我想将行号添加到我网站上的代码示例中。我想通过 CSS(生成的内容?)或 javascript 来做到这一点

c# - 单击按钮激活/停用 javascript

javascript - jQuery - 如何将值插入 IE 和 Firefox 中的全局数组?

internet-explorer - Font Awesome无法在Firefox和IE中使用

javascript - Firefox 中的 Bootstrap Scrollspy 错误

python - 在来自 Python 的 CSS 网格中定位图像

javascript - 仅当用户选择当前 div 上的单选按钮时才显示下一个 div

javascript - 我想在我的网络中有一个三 Angular 形并用图像填充它

javascript - 我在 Bootstrap 3 上的进步