Google chrome 如何屏幕截取从屏幕上滚动的整个Bootstrap 3模式对话框

Google chrome 如何屏幕截取从屏幕上滚动的整个Bootstrap 3模式对话框,google-chrome,firefox,twitter-bootstrap-3,screen-capture,paginate,Google Chrome,Firefox,Twitter Bootstrap 3,Screen Capture,Paginate,我试图截取一个垂直滚动的Bootstrap3模式对话框 我在Chrome和Firefox中尝试的所有屏幕捕获扩展都只是捕获窗口的可见区域,即使我选择了“整个页面” 滚动条是存在的-为什么这些实用程序不能告诉模态对话框有多高,以及如何在一次拍摄中捕获整个内容 (否则,我将不得不切割碎片并将它们缝合在一起!) 谢谢 Chrome 59+支持全屏拍摄: 开发者工具=>网络=>摄像头图标=>刷新 Firefox 53+也支持这一点: 开发者工具=>摄像机图标 参考资料 我也有同样的问题 作为解决办

我试图截取一个垂直滚动的Bootstrap3模式对话框

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

滚动条是存在的-为什么这些实用程序不能告诉模态对话框有多高,以及如何在一次拍摄中捕获整个内容

(否则,我将不得不切割碎片并将它们缝合在一起!)


谢谢

Chrome 59+支持全屏拍摄:

开发者工具=>网络=>摄像头图标=>刷新

Firefox 53+也支持这一点:

开发者工具=>摄像机图标

参考资料


    • 我也有同样的问题

      作为解决办法,我必须:

    • 检查模态以找到其计算高度(对于引导4,我使用class
      model对话框以元素为目标)
    • 检查页面的body元素,并将其高度设置为略大于model元素的值(从上一步开始)

    • 然后插件也会捕获整个模式(我猜它们只会滚动到身体的计算高度)。

      谢谢@makshh,我尝试了这个,但它仍然只捕获屏幕的可见部分,不管Boostrap模式对话框有多长。嗯,我尝试了这个宽度较小的插件(带有水平滚动条)输出很好。@makshh这与引导对话框的显示方式有关。即使它有滚动条,捕获也看不到它的全部高度。祝你好运:)