【问题标题】:Scrolling down in Chrome dev tools when paused in debugger在调试器中暂停时在 Chrome 开发工具中向下滚动
【发布时间】:2013-10-20 03:07:12
【问题描述】:

当 Chrome 在调试器模式下暂停而不取消暂停时,有什么方法可以在页面上向下滚动?

【问题讨论】:

标签: google-chrome-devtools


【解决方案1】:

如果您的工具已停靠,您可以取消停靠以查看更多内容。

另一种方法:

  1. 转到“元素”选项卡。
  2. 右键单击任何可见元素(即未隐藏、display:none 等)。
  3. 选择“滚动到视图”上下文菜单项。
  4. Chrome 会在必要时滚动页面以获取窗口可见部分中的元素。

【讨论】:

  • 如果元素很难找到(嵌套的 div 太多等)并且您的元素位于停止的 JS 的 var 中,您可以将变量悬停在黄色工具提示中(或甚至在控制台打印元素),右键单击元素并“在元素面板中显示”,然后执行上述步骤。
  • @RaphaelDDL 或者你只使用inspect(elemnt),例如inspect($$('selector')[0])。 ($$document.querySelectorAll 的缩写)。
  • 很好,不知道那个。谢谢。
【解决方案2】:

取自here

滚动锁定的一个简单解决方法是直接跳转到控制台,并且:

window.scrollTo(0, 800)。 (根据需要更换 800)

【讨论】:

  • 我喜欢 scrollTo 因为有时你可能不知道什么 dom 元素代表什么页面组件。因此,上述解决方案可能并非一直有效。
【解决方案3】:

要启用滚动,请在控制台中输入: document.body.style.overflow = '自动'

【讨论】:

  • 在删除登录/身份验证覆盖 div 后恢复在 Instagram 上的滚动
猜你喜欢
  • 1970-01-01
  • 2012-10-01
  • 2018-07-29
  • 2012-10-12
  • 2013-12-09
  • 2016-02-27
  • 1970-01-01
  • 2014-07-25
  • 2014-07-31
相关资源
最近更新 更多