Web Design Forum: Safari Debug Menu [Howto] - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Safari Debug Menu [Howto] Rate Topic: -----

#1 User is offline   craftedpixelz 

  • Expert
  • PipPipPipPip
  • Group: Members
  • Posts: 644
  • Joined: 28-June 08
  • Reputation: 5
  • Gender:Male
  • Location:Manchester, UK
  • Experience:Web Guru
  • Area of Expertise:Web Designer

Posted 17 February 2009 - 03:40 PM

For those of you designers who like to use Safari on your Mac, but require firebug and other developer tools used by Firefox, there is away to enable the 'Debug' (Developer) menu in Safari and in turn gain some firebug like functionality. Although not *as* powerful as firebug, it is a handy replacement.

Here's how to enable it:

Method 1:

1. Open Safari.

2. Click Safari > Preferences (Or press cmd + ,)

3. Click advanced.

4. Tick 'Show the Develop Menu in Menu Bar'.

Method 2:

1. Quit Safari completely, if not done so already.

2. Open Terminal (Located in Applications/Utilities)

3. Type/paste: defaults write com.apple.Safari IncludeDebugMenu 1

4. Relaunch Safari and you should notice the new 'Develop' item in the menu bar. It will now also be possible to right click on elements and select 'inspect element' just like in Firebug.

If you wish to disable the debug menu again, you can do so by re running the command but replacing the 1 with a 0.

Enjoy ;).

Here's a screenshot:

Attached File  Picture_1.png (301.18K)
Number of downloads: 1

Some of you may already know about this. But for those that don't, it may be useful.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users