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

Improve this question

4 Answers 4

Reset to default
4

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".

Improve this answer
2
  • 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, 2013 at 19:53
  • The menu option is now called "Show JavaScript Console" (Safari 12.0)
    – Jaap
    Oct 3, 2018 at 9:56
3

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 :-)

Improve this answer
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.

Improve this answer
1
  • Thank you! I had closed it and can't find any other way to re-open it except by hitting esc
    – arolson101
    Nov 22, 2015 at 20:31
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.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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