【问题标题】：Auto-scrolling Chrome's DevTools console自动滚动 Chrome 的 DevTools 控制台
【发布时间】：2013-03-27 18:50:55
【问题描述】：

自几年前问世以来，Chrome 已成为事实上的 Web 开发 IDE。我一直在使用它的 Canary（版本 28.0.1464.0）频道并且很开心。唯一困扰我的问题是无法让 DevTools 控制台窗格自动滚动到添加的最后一条消息。我知道许多人更愿意拥有当前的行为。但是我想知道：有谁知道如何（如果当前版本可能的话）翻转开关并让控制台自动滚动？

谢谢。

【问题讨论】：

这是一个很棒的功能请求。 chromiumbugs.appspot.com
很好的问题，但这似乎更像是一个错误，而不是一个功能，不是吗？为什么“很多人 [] 更喜欢当前的行为”？默认情况下，几乎每个现有的控制台都会自动滚动到新内容。

标签： google-chrome google-chrome-devtools

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

去开发工具/设置/

“控制台标签”

x 导航时保留日志。

完成！

【讨论】：

【解决方案3】：

对我来说，唯一有效的解决方案是：

点击 F1（设置）
在底部恢复默认值并重新加载。

以上都不起作用。

【讨论】：

【解决方案4】：

清除控制台并将栏向下滚动到底部对我不起作用。

问题是我缩小了 DevTools。

如果我在 Windows 上点击 Ctrl-0（零），或在 OS X 上点击 Cmd-0（零），在 DevTools 上恢复默认字体大小，然后自动滚动到底部按预期工作。

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

【讨论】：

这是一个非常愚蠢的问题，我已经有大约 4 个月的时间了，但这是您在 google-search 中不会用语言表达的事情之一......所有的 webdevs 都应该知道这一点！谢谢。
我特别遇到了未折叠组中大量日志消息的问题，仅自动滚动整个组的一行。这让我的问题好一点（我不知道我的控制台不是默认缩放）
你是救生员@joeytwiddle！谢谢！
对于那些在检查缩放后仍然存在此问题的人，我不得不关闭控制台栏以使 devtools 自动滚动。见右下角的“x”f.cl.ly/items/2p3W0t0F031E3x2i361x/…
拯救了我的一天。谢谢！

【解决方案5】：

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

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

如何解决：

而不是做这样的事情：

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

试试这个（用括号括起来的消息）

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

【讨论】：

将我的 console.log("label", value) 更改为 console.log("label" + value) 让我的自动滚动重新开启，感谢您的指点 :)

【解决方案6】：

这也让我发疯了，我在这里找到了解决方案：

Google Chrome follow developer console logging

在控制台打开的情况下，将滚动条向下拖动到窗口并释放它。它应该为您输出尾随。

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

在 osx 10.8.5 和 chrome 31 上为我工作

【讨论】：

我在 49 也遇到了这个问题。
在 Chrome 49 上也有问题，但仅限于某些页面。
Chrome 49 也有这个问题。
当你使用 React 并记录每个状态变化时真的很烦人......
Chrome 49 没有帮助

【解决方案7】：

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

“取消停靠到单独的窗口”。 button 是控制台最左下角的按钮。

【讨论】：