How to make Google Chrome JavaScript console persistent?
JavascriptGoogle ChromeConsoleDebuggingJavascript Problem Overview
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"
Javascript Solutions
Solution 1 - Javascript
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.
Solution 2 - Javascript
at Version 67.0.3396.87 (Official Build) (64-bit)
Solution 3 - Javascript
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
Solution 4 - Javascript
As of Chrome Version 73.0.3683.86 (Official Build) (64-bit):
- Click the ellipsis in top right of Developer Tools
- Navigate to
Settings > Preferences > Console - Check
Preserve log upon navigation
Solution 5 - Javascript
Try this to enable console on popups
Solution 6 - Javascript
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".