Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Chrome follow developer console logging

Im using console.log lots in my javascript for debugging mouse move events. The problem im having is that when in the chrome console the new entries aren't followed.

Its best illustrated in these screenshots:

First lot of logs is fine because its big enough to see all of it on the screen:

enter image description here

A few seconds later: enter image description here

The log has gone past the size of the window requiring me to scroll.

This makes it incredibly difficult to debug mouse move events because I have to move over to the console and scroll down, thus adding more entries to the log.

So my question is: How can I get chrome to essentially tail the log instead of stopping and require me to scroll.

like image 620
DickieBoy Avatar asked Mar 06 '13 12:03

DickieBoy


People also ask

How do I save the Developer tools log in Chrome?

To the right of the address bar, click and then More tools > Developer tools. Chrome's Developer tools window opens. Click the Network tab. Enable the Preserve Log check box.

How do you visualize a console log?

Steps to Open the Console Log in Google Chrome By default, the Inspect will open the "Elements" tab in the Developer Tools. Click on the "Console" tab which is to the right of "Elements". Now you can see the Console and any output that has been written to the Console log.


1 Answers

With the console open, drag the scroll bar down to the bottom of the window and release it. It should tail the output for you.

It took me quite a few tries to get it to work in Version 27.0.1438.7 dev-m. But in Version 27.0.1440.0 canary, not only did it happen automatically, I could reattach the auto-scroll each time I tried.

You can download Canary from here.

like image 173
Tim Avatar answered Oct 21 '22 01:10

Tim