gpt4 book ai didi

google-chrome-devtools - 如何截取溢出 :auto in Chrome Dev Tools? 的 DOM 节点的屏幕截图

转载 作者:行者123 更新时间:2023-12-04 17:44:19 27 4
gpt4 key购买 nike

我正在尝试截取 Chrome Dev Tools 中应用程序主要部分的屏幕截图,该部分包含在具有顶部导航和侧边栏的 UI 中。 Slack、Gmail 和许多其他产品都是这样工作的。

当我打开 Dev Tools 时,找到包含主要内容区域的 div 并调用 Capture node screenshot,我只得到它的可见部分:例如,我目前在 Slack 中看到的内容,而不是 channel 的整个加载历史记录。

它可能与 overflow:auto 相关,因为我什至无法在此处截取非常小的段落的屏幕截图:

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#Examples

这是开发工具的限制吗?有没有关于如何截取此类节点的屏幕截图的技巧?我对节点通常有数千个垂直像素的 Slack 或 Gmail 场景特别感兴趣。

最佳答案

关于google-chrome-devtools - 如何截取溢出 :auto in Chrome Dev Tools? 的 DOM 节点的屏幕截图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52853905/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com