如何截取整个滚动元素的屏幕截图？

Question

我在互联网上搜索以找到一种方法来做到这一点，但我没有找到任何有效的方法。

我使用网络版 Tinder 应用程序。div 中有一个聊天部分，我想一次性拍下整个聊天的照片。具有滚动功能的 div 元素位于此红色边框内：

我通常使用 Chrome，但我可以使用 Firefox 或任何可以做到这一点的浏览器。是否可以？

Answer 1

从 Chrome 开发工具 > 设备工具栏，您可以聚焦所需的元素，然后单击“捕获全尺寸屏幕截图”。

Answer 2

好的。我有洞察力，可以解决问题，呵呵。

我转到 div 属性并将 CSS 中的“高度”更改为 500%。瞧！然后我可以在 Firefox 上使用“屏幕截图节点”功能。之前它不起作用，因为高度为 100%，所以屏幕截图节点只记录屏幕上的可见部分，而不是所有元素：D