如何屏幕捕捉整个Bootstrap 3模态对话框，该对话框从屏幕上滚动

Question

我正在尝试屏幕捕捉bootstrap3模态对话框，该对话框垂直滚动屏幕。

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

存在滚动条 - 为什么这些实用程序不能告诉模态对话框有多高，我该如何捕获整个东西？

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

谢谢！

Answer 1

chrome 59 支持全屏幕捕获：

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

Firefox 53 也支持这一点：

开发人员工具=>相机图标

参考

• DevTools中有什么新功能（Chrome 59）|Web |Google开发人员

• 拍摄屏幕截图 - Firefox开发人员工具|mdn

Answer 2

我也有同样的问题。

作为解决方法，我必须：

1. 检查模态以找到其计算的高度（我针对Bootstrap 4类modal-dialog的元素）
2. 检查页面的主体元素，并将其高度设置为比模态元素（从上一步）大一点

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