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 should be your Windows user name):
<key>WebKitDeveloperExtras</key>
<true/>
For more information and details check the Web Inspector page
Happy debugging!
Comments
Comment by Dimitar Christoff on 2008-09-13 03:11:45 +0300
ох, това става и на mac :) мерси пич :)
p.s. go mootools :)
Comment by PHP Freelancer India on 2010-08-04 10:23:24 +0300
There is no such file like WebKitPreferences.plist.
I can see below files in safari folder.
- Bookmarks.plist
- Form Values.plist
- History.plist
- LastSession.plist
- SearchProviders.plist.signed
- TopSites.plist
I am using windows xp. is there any other way or any other file in which i can add above mention lines ?
Thanks.
Comment by Pons on 2010-10-28 13:15:24 +0300
I cant find the file you mentioned. I am using windows7. Could u please help me.
Comment by Peter on 2010-10-28 14:10:26 +0300
No need to do it in recent versions of the browser. Go to Preferences –> Advanced –> Show Develop menu in menu bar
Comment by Gangadhar Kotu on 2011-01-20 11:30:05 +0300
This works fine for me on Windows XP with Safari 3.2 version.. Thanks.