Firebug / Web Developer Toolbar Alternative for Safari

Most of the recent projects I’m working on have requirement to support Safari (under Windows, OS X and iPhone) which unfortunately has some strange rendering biases.

After couple of hours googling around I found the solution and strangely enough it is build in Safari.  It is the so called Web Inspector which in terms of functionality and look is very close to Firebug (with no live editing capabilities) but with quite good net profiler.

However to enable it you have to add couple of lines in one xml file (instructions taken from the Webkit’s site see link bellow):

On Windows, you’ll have make sure that the following lines are in your preferences file at the location

C:\Documents and Settings\<USERNAME>\Application Data\Apple Computer\Safari\WebKitPreferences.plist

(where <USERNAME> should be your Windows user name):


For more information and details check the Web Inspector page

Happy debugging!

Be Sociable, Share!

Tags: , , ,

5 Responses to “Firebug / Web Developer Toolbar Alternative for Safari”

  1. Dimitar Christoff Says:

    ох, това става и на mac 🙂 мерси пич 🙂

    p.s. go mootools 🙂

  2. PHP Freelancer India Says:

    There is no such file like WebKitPreferences.plist.

    I can see below files in safari folder.
    1) Bookmarks.plist
    2) Form Values.plist
    3) History.plist
    4) LastSession.plist
    5) SearchProviders.plist.signed
    6) TopSites.plist

    I am using windows xp. is there any other way or any other file in which i can add above mention lines ?


  3. Pons Says:

    I cant find the file you mentioned. I am using windows7. Could u please help me.

  4. Peter Says:

    No need to do it in recent versions of the browser. Go to Preferences –> Advanced –> Show Develop menu in menu bar

  5. Gangadhar Kotu Says:

    This works fine for me on Windows XP with Safari 3.2 version.. Thanks.

Leave a Reply