Auto-scrolling Chrome's DevTools console

Question

Since its inception few years back, Chrome has become a de-facto IDE for web development. I\'ve been using it\'s Canary(Version 28.0.1464.0) channel for quite a bit and been

Answer 1

For me the only solution that worked was:

1. click F1 (settings)
2. At the bottom restore defaults and reload.

None of the above worked.

Answer 2

In Chrome version 29.0.1547.76 m, it auto-scrolls when you undock the console. It stops auto-scrolling if you click on the console, then you'll have to clear the console before auto-scroll will be ready to start again.

The "Undock into separate window." button is the bottom-left most button of the console.

Answer 3

One Reason why it's happening:

Logging of HTML elements into the console makes the console view lose the last console message.

How to solve it:

Instead of doing something like this:

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

try this (wrapped the messages with brackets)

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

Answer 4

For me I've noticed that the autoscroll stopped when the console showed a warning so I've filtered out the warnings and all is good:

Answer 5

I found this solution in Chrome 49+

Go Dev-tools/ Settings /

"Console tab"

x Preserve log upon navigation.

Done!

Answer 6

Clearing the console and scrolling the bar down to the bottom didn't work for me.

The problem was that I had zoomed out DevTools.

If I hit Ctrl-0 (zero) on Windows, or Cmd-0 (zero) on OS X, on DevTools to restore the default font-size, then auto-scroll to bottom worked as expected.

Thanks to this guy for pointing it out: http://code.google.com/p/chromium/issues/detail?id=161646#c5