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 happy as a clam. Only issue that keeps bothering me is the lack of ability to have the DevTools console pane, auto scroll to the last message added. I understand that many folks would prefer to have the current behavior. However I was wondering: Does anyone knows how (if even possible with the current release) to flip the switch and have the console auto-scroll?

Thanks.

Answer 1

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

Answer 2

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])