364

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"

Peter Dolan
  • 1,393
  • 1
  • 12
  • 26
Zlatko
  • 18,936
  • 14
  • 70
  • 123
  • its just "Preserve Log" now. I was being driven nuts and this post saved me a lot of time. thankyou lol – Hunter Jun 08 '19 at 01:21

7 Answers7

486

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

hjing
  • 4,922
  • 1
  • 26
  • 29
Nick Cox
  • 6,164
  • 2
  • 24
  • 30
  • 13
    For anyone else that didn't no where Developer Tools > Settings are: when you've got the console open there's a cog in the bottom right of the screen, the "Preserve log upon navigation" is on the first tab in the Console section. – opsb Aug 31 '12 at 08:44
  • 25
    As of Chrome 17 right-clicking on console is providing access on that option either. – soletan Sep 19 '12 at 08:41
  • 3
    As of 2019, for settings you click the three little vertically stacked dots in the far right on the Dev Tools menu bar :-) – Roland Apr 15 '19 at 11:27
  • 1
    As of Chrome v110.0.5481.77 the option is `Preserve log` on the `Console` tab of `DevTools` (F12). You can locate it in the first column, the second row. Edit: look the @Simon 's reply – Vadim Feb 15 '23 at 09:20
  • it preserves logs on refresh but it doesn't preserve its reponses. Any solution to that? – Mudassar Malik Sep 01 '23 at 10:27
  • Are you referring to the Network tab, @mudassar-malik? There's a 'preserve log' checkbox at the top of that too. – Nick Cox Sep 02 '23 at 00:06
  • yes it has a preserve logs tab but my point is that when i refresh my page it does not preserve ajax call responses. However the logs are still presistant. – Mudassar Malik Sep 02 '23 at 10:18
69

enter image description here

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

Simon
  • 2,990
  • 3
  • 20
  • 17
12

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

setec
  • 15,506
  • 3
  • 36
  • 51
BenM
  • 52,573
  • 26
  • 113
  • 168
12

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

Eliran Malka
  • 15,821
  • 6
  • 77
  • 100
Thomas Rokicki
  • 572
  • 1
  • 5
  • 16
3

Try this to enable console on popups

enter image description here

Kris
  • 719
  • 1
  • 11
  • 19
1

In Chrome v102

  1. I opened Chrome Dev Tools,
  2. I clicked on "gear" icon (Top right corner)
  3. Enable "Preserve log" checkbox

enter image description here

enter image description here

atazmin
  • 4,757
  • 1
  • 32
  • 23
0

I had the "preserve logs" options enabled and still had the Console losing focus to the Sources tab. If that happens (apparently during debugging), it helps to disable "Focus sources panel when triggering a breakpoint" in "Settings > Preferences > Sources".

werwuifi
  • 367
  • 1
  • 4
  • 15