自动滚动Chrome的DevTools控制台

时间:2013-04-05 11:16:25

标签: google-chrome google-chrome-devtools

自几年前成立以来,Chrome已成为Web开发的事实上的IDE。我一直在使用它的Canary(版本28.0.1464.0)频道,并且很高兴作为一个蛤蜊​​。 只有一直困扰我的问题是缺乏使用DevTools控制台窗格的能力,自动滚动到添加的最后一条消息。我知道许多人更愿意拥有当前的行为。但是我想知道:有没有人知道如何(如果可能在当前版本中)翻转开关并让控制台自动滚动?

感谢。

7 个答案:

答案 0 :(得分:86)

清除控制台并将栏向下滚动到底部对我没有用。

问题在于我缩小了 DevTools。

如果我在Windows上点击 Ctrl-0 (零),或在OS X上点击 Cmd-0 (零),请在DevTools上恢复默认值font-size,然后自动滚动到底部按预期工作。

感谢这位家伙指出:http://code.google.com/p/chromium/issues/detail?id=161646#c5

答案 1 :(得分:14)

发生这种情况的一个原因:

将HTML元素记录到控制台会使控制台视图丢失最后一个控制台消息。

如何解决:

而不是做这样的事情:

console.log("Some logging message:", html_element)

尝试这个(用括号包装消息)

console.log(["Some logging message:", html_element])

答案 2 :(得分:4)

在Chrome版本29.0.1547.76 m中,当您取消停靠控制台时,它会自动滚动。如果单击控制台,它将停止自动滚动,然后您必须清除控制台,然后才能再次启动自动滚动。

“解开进入单独的窗口”。按钮是控制台的最左下方按钮。

答案 3 :(得分:3)

它也让我疯狂,我在这里找到了解决方案:

Google Chrome follow developer console logging

  

打开控制台后,将滚动条向下拖动到底部   窗口并释放它。它应该为你提供输出。

控制台是否停靠并不重要。

在osx 10.8.5和chrome 31上为我工作

答案 4 :(得分:3)

对我来说,我注意到当控制台显示警告时自动滚动停止了所以我已经过滤掉了警告并且一切都很好:

screenshot of console log

答案 5 :(得分:0)

对我而言,唯一有效的解决方案是:

  1. 点击F1(设置)
  2. 在底部恢复默认值并重新加载。
  3. 以上都没有。

答案 6 :(得分:0)

我在Chrome 49 +中找到了这个解决方案

Go Dev-tools / Settings /

“控制台标签”

x在导航时保留日志。

完成!