Safari Developer Tools: How to Preserve Console Log Upon Navigation?

javascript debugging safari console developer-tools
Zorayr picture Zorayr · Jan 28, 2013 · Viewed 36.2k times · Source

When using Safari Web Inspector to read the JavaScript console output, the log is reset upon navigation i.e. going from page index.html to mail.html clears the console output. In the Chrome Developer Tools, I can easily preserve the log by right clicking on the console space and selecting Preserve Log Upon Navigation. With this option, console log output remains intact until I manually clear the output simplifying the process of debugging JavaScript that refreshes or redirects to another page.

Is there a similar feature in Safari Web Inspector?

Answer

Jon picture Jon · Oct 9, 2015

I don't know when this was added, but it is present in Safari on El Capitan (Safari 9.0). It works the same as in Chrome (right click in the console window and select "Keep Log on Navigation").

Update: As per Daniel Compton's answer, in Safari 11+ this is now under the settings icon as 'Console: Clear when page navigates'.

Related questions

How to set a breakpoint on a minified JS function in Chrome or Safari?

I'd like to set a breakpoint in a "Cart.add" function in the Chrome or Safari JavaScript debuggers. Problem is, this function is defined in a large minified JS file, and doesn't exist on a line by itself. Some documentation …

Read More
JavaScript: How do I print a message to the error console?

How can I print a message to the error console, preferably including a variable? For example, something like: print('x=%d', x);

Read More
How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More