如何屏幕捕获整个Bootstrap 3模式对话框，该对话框滚动屏幕

Question

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

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

滚动条存在 - 为什么这些实用程序可以告诉模态对话框的高度，以及如何一次性捕获整个事物？

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

谢谢！

Answer 1

Chrome 59+支持全屏捕获：

  

开发者工具=＆gt;网络=＆gt;相机图标=＆gt;刷新

Firefox 53+也支持这一点：

  

开发者工具=＆gt;相机图标

<强>参考

• What's New In DevTools (Chrome 59)  |  Web  |  Google Developers

• Taking screenshots - Firefox Developer Tools | MDN

Answer 2

我遇到了同样的问题。

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

1. 检查模态以找到其计算的高度（我将Bootstrap 4定位为类modal-dialog的元素）
2. 检查页面的body元素并将其高度设置为比模式（从上一步开始）的高度稍大的值

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