3

I'm a heavy Chrome user for development, and wanted to try out Safari, but how do I get the console to see my traces and other outputs?

enter image description here

3

With the Web Inspector pane open and focused, click on the "speech bubble" icon above the left-hand pane, or press Control-8.

Update: Or, whether the Web Inspector pane is open or not, press Option-Command-C; or, if you have made the Developer menu visible in Safari's preferences, drop down "Develop" and choose "Show Error Console".

  • thanks! :D Sorry for the delayed check, I thought I had come back. I noticed that I couldn't see the chat bubble when the inspector was in attached mode. I could see it when it was in 'detached' mode. – Leon Gaban Sep 9 '13 at 19:53
  • The menu option is now called "Show JavaScript Console" (Safari 12.0) – Jaap Oct 3 '18 at 9:56
2

From Apple's Using the Console to Debug JavaScript in Safari:

You can also press the Esc key anywhere in Web Inspector to move focus to the Quick Console in the bottom bar.

  • Thank you! I had closed it and can't find any other way to re-open it except by hitting esc – arolson101 Nov 22 '15 at 20:31
2

The other answers are fine, but for prosperity (Google search completeness...): on Mac OSX you open Chrome developer tools with Option+Cmd+I (or Option+Cmd+J to go directly to the JavaScript Console). With Safari it is Option+Cmd+C.

To enable the Developer Tools in Safari:

  1. Open Safari Preferences - Cmd+,
  2. Advanced tab
  3. At the bottom of the dialog, click the "Show Develop menu in menu bar"
  4. Close the dialog - Cmd+w
  5. Now Safari shows the Develop menu
  6. The Develop menu has the option "Show Error Console - Option+Cmd+C"

Press Option+Cmd+C to open the developer tools window, similar to Chrome's...

For me, the Safari JavaScript console seems to be a bit better than Chrome on a Mac for debugging AngularJS module loading errors :-)

0

Step 1:

Safari 9x:

enter image description here

enter image description here

enter image description here

Step 2:

Now on right click on the page, it will give the option to inspect.

[enter image description here4]

[enter image description here]

Mother yaker, Bukklau sala Safari.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.