自从几年前推出以来，Chrome已成为Web开发的事实标准IDE。我一直在使用它的Canary（版本28.0.1464.0）频道，并且非常满意。唯一困扰我的问题是缺乏将DevTools控制台窗格自动滚动到添加的最后一条消息的功能。我知道很多人喜欢当前的行为。但是我想知道：是否有人知道如何（即使在当前版本中可能）切换并使控制台自动滚动？谢谢。
自动滚动Chrome的DevTools控制台
39
- Gabriel Kohen
2
这是一个很棒的功能请求。 - Tim S.
2很好的问题，但这似乎更像是一个错误而不是一个特性，不是吗？为什么“许多人[]更喜欢当前的行为”？几乎所有现有的控制台默认情况下都会自动滚动到新内容。 - speedplane
7个回答
99
清除控制台并将滚动条滚动到底部对我没有用。
问题是我缩小了开发者工具的界面。
解决方案：
聚焦于开发者工具，例如点击控制台的
>提示符在Windows上按
Ctrl-0或在OS X上按Cmd-0恢复默认字体大小
希望这样自动滚动到底部就可以再次正常工作！
感谢这位指出问题的人：
http://code.google.com/p/chromium/issues/detail?id=161646#c5
- joeytwiddle
4
4这是一个我已经遇到了约4个月的相当愚蠢的问题，但这是那种你不会在谷歌搜索中说出来的事情...所有的网站开发者都应该知道这个问题！谢谢。 - Ethan
我特别在处理大量未折叠的日志消息时遇到问题，只有整个组的自动滚动一行。这使我的问题稍微好了一点（我不知道我的控制台不是默认缩放）。 - mejdev
1对于那些在检查缩放比例后仍然存在此问题的人，我不得不关闭控制台栏才能让开发工具自动滚动。请参见右下角的 'x' 。http://f.cl.ly/items/2p3W0t0F031E3x2i361x/Screen%20Shot%202016-05-28%20at%2010.04.48%20PM.png - heyzk
为了能够重置缩放，我不得不将开发工具作为单独的窗口解除停靠，并在该窗口内进行操作。否则
CTRL+0 将会影响我正在访问的网站。 - Ovidiu15
为什么会发生这种情况:
将HTML元素日志记录到控制台中会导致控制台视图丢失最后一条控制台消息。
如何解决:
不要像这样做：
console.log("一些日志信息：", html_element)
尝试这样做（用方括号包裹消息）
console.log(["一些日志信息：", html_element])
- Nir Naor
1
将我的 console.log("label", value) 更改为 console.log("label " + value)，我的自动滚动又恢复了，感谢您的指引 :) - Tony
4
这让我也感到疯狂，但我在这里找到了解决方案:
使用谷歌浏览器打开链接：Google Chrome follow developer console logging
此方法适用于我的osx 10.8.5和chrome 31。
使用谷歌浏览器打开链接：Google Chrome follow developer console logging
无论您是否将控制台靠边停靠都没有关系。打开控制台后，将滚动条向下拖到窗口底部并释放。 这样它就会为您跟踪输出。
此方法适用于我的osx 10.8.5和chrome 31。
- Andrej
5
我在49的时候也遇到了这个问题。 - eremzeit
在Chrome 49上也遇到了问题，但只有在某些页面上。 - jugglingcats
同样也在Chrome 49上出现了问题。 - jsleuth
当你在使用React并记录每个状态更改时，这会变得非常烦人... - Seer
不支持Chrome 49版本。 - Dominik
3
在Chrome版本29.0.1547.76 m中，当您取消停靠控制台时，它会自动滚动。如果您单击控制台，则停止自动滚动，然后您需要清除控制台才能再次准备好开始自动滚动。
“拆分为单独的窗口”按钮是控制台最左下方的按钮。
“拆分为单独的窗口”按钮是控制台最左下方的按钮。
- mcissel
3
对于我来说，我注意到当控制台显示警告时，自动滚动停止了，因此我已经过滤掉了警告，一切都很好:
- Guy
0
我在Chrome 49+中找到了这个解决方案
进入开发者工具/设置/
"控制台"选项卡
x 导航时保留日志。
完成！
- macm
0
对我来说，唯一有效的解决方法是：
- 点击 F1（设置）
- 在底部恢复默认值并重新加载。
以上方法都没用。
- tomermes
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接