如何屏幕捕获滚动到屏幕外的整个 Bootstrap 3 模态对话框答案

【问题标题】：How to screen-capture an entire Bootstrap 3 modal dialog which scrolls off the screen如何屏幕捕获滚动到屏幕外的整个 Bootstrap 3 模态对话框
【发布时间】：2016-12-09 16:13:40
【问题描述】：

我正在尝试截屏一个垂直滚动到屏幕外的 Bootstrap3 模式对话框。

我在 Chrome 和 Firefox 中尝试过的所有屏幕捕获扩展程序都只是捕获窗口的可见区域，即使我选择了“整个页面”。

存在滚动条 - 为什么这些实用程序无法判断模态对话框的高度，以及如何一次性捕获整个内容？

（否则我将不得不切割碎片并将它们缝合在一起！）

谢谢！

【问题讨论】：

chrome.google.com/webstore/detail/full-page-screen-capture/…
感谢@makshh，我试过这个，但它仍然只捕获屏幕的可见部分，无论 Boostrap 模态对话框有多长。
嗯，我试过这个宽度较小的插件（带有水平滚动条），输出很好。
@makshh 这与引导对话框的显示方式有关。即使它有滚动条，捕捉也看不到它的完整高度。
可能是的。祝你好运:)

标签： google-chrome firefox twitter-bootstrap-3 screen-capture pagination

【解决方案1】：

Chrome 59+ 支持全屏截屏：

开发者工具 => 网络 => 相机图标 => 刷新

Firefox 53+ 也支持这个：

开发者工具 => 相机图标

参考文献

【讨论】：

【解决方案2】：

我遇到了同样的问题。

作为一种解决方法，我必须：

检查模态以找到其计算高度（我针对 Bootstrap 4 的类 modal-dialog 的元素）
检查页面的 body 元素并将其高度设置为比模态框的值稍大的值（来自上一步）

然后插件也确实捕获了整个模态（我猜它们只滚动到身体的计算高度）。

【讨论】：