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

Leon Gaban
  • 2,425
  • 9
  • 30
  • 35

4 Answers4

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

Aaron Miller
  • 9,782
  • 24
  • 39
  • 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 09 '13 at 19:53
  • The menu option is now called "Show JavaScript Console" (Safari 12.0) – Jaap Oct 03 '18 at 09: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 :-)

G. Lombard
  • 131
  • 4
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.

Kevin Reid
  • 3,352
  • 1
  • 20
  • 32
GabLeRoux
  • 332
  • 4
  • 12
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.

YumYumYum
  • 1,667
  • 7
  • 42
  • 66