我搜索了互联网以寻找方法，但没有找到任何有效的方法。
我使用 Tinder 应用的网页版。div 内有一个聊天部分，我想一次性拍摄整个聊天内容。具有滚动功能的 div 元素位于此红色边框内：
我通常使用 Chrome，但我可以使用 Firefox 或任何可以做到这一点的浏览器。可以吗？
答案1
从 Chrome 开发工具 > 设备工具栏，你可以聚焦所需元素并点击截取全尺寸屏幕截图。
答案2
好的。我有一个见解，可以解决这个问题，呵呵。
我转到 div 属性并将 CSS 中的“高度”更改为 500%。好了！然后我就可以在 Firefox 上使用“屏幕截图节点”功能了。之前它无法正常工作，因为高度是 100%，所以屏幕截图节点只截取屏幕上可见的部分，而不是所有元素 :D
答案3
我用Nimbus 截图和屏幕录像机对于我的大多数屏幕截图，有很多选项可以捕获页面的不同部分，还有其他选项，但这是我发现的最好的。
答案4
发生这种情况是因为滚动区域不是浏览器视口滚动。要确认，请向下滚动页面并在右侧查找完整的视口滚动条。例如，在此页面上，很容易看到。
内容区域内可能存在溢出滚动欺骗。屏幕截图工具将滚动视口滚动，但不会滚动此内容区域溢出滚动。没有视口滚动，因此该工具认为屏幕截图中没有其他内容。
您可以通过删除导致内容 div 上的溢出滚动的 css 来使屏幕截图工具再次工作。使用浏览器开发工具并取消选中 css。
可能只有几件事。父级上的溢出隐藏，然后是子级上的滚动和高度分配。
一旦删除，页面就会像普通页面一样滚动，然后截图工具就会起作用。
这很烦人，但是一旦你弄清楚了它就会很快。