How to make Google Chrome JavaScript console persistent?

276
votes

Since I'm building a dynamic site, I need to track the changes between pages, ie. Ajax calls, POST, GET stuff and similar stuff.

I'm looking for the same functionality like in Firebug (where you can enable "persistent" and the console is not cleared every time you reload a page or submit a form.

So, my questions is: is there a way to make Google Chrome JavaScript console persistent? (And if yes, how?)

Update: Copying the answer here, if anyone's still looking for this, Chrome 14+ has a setting in Developer Tools > Settings labelled "Console: Preserve log on navigation".

Update 2: the latest versions of Chrome (33+) have this option by right-clicking in the console.

Update 3 (late 2017): The latest versions of Chrome (60+) have this option by opening the console, clicking the gear in the top right corner and selecting "preserve log"

5
javascriptgoogle-chromeconsoledebugging
its just "Preserve Log" now. I was being driven nuts and this post saved me a lot of time. thankyou lol – Hunter

5 Answers

401
votes

If anyone's still looking for this, I'm on Chrome 15.0.874.58 beta-m and I have a checkbox in Developer Tools > Settings labelled "Console: Preserve log on navigation". Does the job nicely.

image of setting

39
votes

enter image description here

at Version 67.0.3396.87 (Official Build) (64-bit)

11
votes

Unfortunately, Chrome doesn't support that functionality yet, although there was talk in December 2010 about adding in the next major release...

This answer is no longer valid

4
votes

As of Chrome Version 73.0.3683.86 (Official Build) (64-bit):

  1. Click the ellipsis in top right of Developer Tools top ellipsis
  2. Navigate to Settings > Preferences > Console
  3. Check Preserve log upon navigation

console options

3
votes

Try this to enable console on popups

enter image description here