Web Inspector for Safari on Windows

If you've downloaded Safari for Windows and are a looking for a tool similar to Firebug or Nikhil's Web Development Helper, then you might be interested in the WebKit Open Source Project. Within the project is a tool call Web Inspector that performs much of the same tasks as the tools mentioned earlier. To run the tool:

1) Download the nightly build from http://nightly.webkit.org/.

2) Extract the contents from the zip file.

3) If you are running Vista then you will have to add the following to the end of the Preferences.plist file (under C:\Users\<UserName>\AppData\Roaming\Apple Computer\Safari\), just before </dict></plist>: 

          <key>WebKitUserStyleSheetLocationPreferenceKey</key> <true/>

4)  Execute the run-nightly-webkit.cmd file. This will launch Safari from the command prompt.

After Safari is launched you will have an additional item in the context menu called 'Inspect Element', select this to see the tool:

 Here are a few screenshots of it in action:

 

Published Friday, June 22, 2007 4:32 AM by davidbarkol
Filed under: ,

Comments

# re: Web Inspector for Safari on Windows

Friday, June 22, 2007 10:50 AM by Jeff

I installed this on the Mac to try and diagnose a problem we're having with the release AJAX framework, and to my surprise, the problem goes away while Webkit is running with Safari. Not a very good testing tool if it alters the way the browser works!

# re: Web Inspector for Safari on Windows

Friday, June 22, 2007 11:19 AM by davidbarkol

Jeff,

Agreed! I don't like the hoops you have to jump through to get it to run either. Right now I think it's a good tool for inspecting the DOM and viewing network statistics - it's no Firebug.

-david

# Web development little helpers

Wednesday, July 25, 2007 5:34 AM by When software attacks!

As web development gets more and more complex having the right tools to help you figure out what's going

# Web development little helpers

Wednesday, July 25, 2007 5:38 AM by BM Bloggers

As web development gets more and more complex having the right tools to help you figure out what's going

# re: Web Inspector for Safari on Windows

Thursday, October 11, 2007 3:14 PM by Adam

I can't get the Web Inspector to work on Windows XP Professional. I've added the following entries to C:\Documents and Settings\<user>\Application Data\Apple Computer\SafariPreferences.plist, but I still don't see 'Inspect Element' in the right click context menu. Any ideas?

<key>WebKitDeveloperExtras</key>

<true/> <key>WebKitUserStyleSheetLocationPreferenceKey</key>

<true/>

# re: Web Inspector for Safari on Windows

Friday, October 26, 2007 2:29 PM by Upanisad

Please note that, at the time of writing, the Inspector in the latest Windows builds does not work on Windows Server 2008 RC1 (and Vista, I suspect). The latest working build is the r24872: nightly.webkit.org/.../WebKit-SVN-r24872.zip

As I'm writing every later version up to r26759 (the latest in this moment) won't have the Inspector running (at least I haven't been able to make it work).

# re: Web Inspector for Safari on Windows

Thursday, November 15, 2007 6:31 AM by Dave R.

Thanks for the information. I downloaded the latest webkit nightly yesterday but couldn't get the Inspector to work, so it's good to know that it's a known issue.

# re: Web Inspector for Safari on Windows

Friday, November 16, 2007 1:32 PM by Zach

For those of us who have upgraded to 3.0.4 you have to edit a WebKitPreferences.plist file the safari folder. Then, add this string at the bottom before the </dict>:

<key>WebKitDeveloperExtras</key>

<true/>

Hopes this saves at least a few hours of search for someone looking to use this Awesome tool!

# re: Web Inspector for Safari on Windows

Wednesday, November 21, 2007 1:50 PM by Dave

still not working on xp with safari 3.0.4 and WebKit-r27929.

# re: Web Inspector for Safari on Windows

Friday, November 23, 2007 10:54 AM by matas

a small correction: you'll have to add following line in WebKitPreferences.plist and NOT in Preferences.plist:

<key>WebKitDeveloperExtras</key>

<true/>

it works in a recent build WebKit r27953

# Web Inspector f??r Safari 3.0.4 auf Windows &raquo; Betamode

Saturday, November 24, 2007 9:21 AM by Web Inspector f??r Safari 3.0.4 auf Windows » Betamode

Pingback from  Web Inspector f??r Safari 3.0.4 auf Windows &raquo; Betamode

# re: Web Inspector for Safari on Windows

Thursday, January 03, 2008 1:28 AM by Spellublind

Wow!!! finally got it to work on XP.

# Safari's Web Inspector

Sunday, January 13, 2008 12:03 AM by Code Vigorous

I try not to do web development anymore, but it's hard to avoid. I just encountered some CSS weirdness with (brace yourself) IE7, and wanted to look at what the CSS actually said, so I clicked "Show Web Inspector" on Safari's "Debug" menu. I was complet

# re: Web Inspector for Safari on Windows

Wednesday, February 06, 2008 5:16 PM by Eamonn

Ok so how do you guys get this working on XP?

# re: Web Inspector for Safari on Windows

Friday, February 08, 2008 9:52 PM by Joe

Thanks for the tip Zach

# re: Web Inspector for Safari on Windows

Monday, February 25, 2008 1:04 AM by Thogek

I was unable to get this working on Windows XP (with today's nightly Safari-for-Windows build) until adding matas's WebKitPreferences.plist update (above), but now it works fairly well.  This has already been immensely helpful tracking down some very weird CSS artifacts I've been getting specifically in Safari v2 and v3.  Thanks!

# re: Web Inspector for Safari on Windows

Sunday, March 02, 2008 8:17 PM by Marty

just thought I would let you guys know that once you have the Inspector working, you can actually use it to inspect the Inspector. At least on the windows version so far. Neato!

# re: Web Inspector for Safari on Windows

Tuesday, April 08, 2008 7:22 AM by Kumar

Hi. I have downloaded WebKit-SVN-r31446.zip. I extracted it to desktop and ran the .cmd file, but nothing happens. I added the 2 lines

<key>WebKitUserStyleSheetLocationPreferenceKey</key> <true/>

<key>WebKitDeveloperExtras</key><true/>

But nothing happens for all.

Can someone please help explain how to deploy Web Inspector in XP Professional?

Thanks!

# re: Web Inspector for Safari on Windows

Monday, April 14, 2008 10:46 PM by etc

as read above

windows xp pro users:

fix for safari 3+

1. edit with a text editor such as notepad: C:\Documents and Settings\<user>\Application Data\Apple Computer\SafariPreferences.plist

2. towards the end of the file, add the following inside before </dict>:

<key>WebKitDeveloperExtras</key>

<true/>

that's all, enjoy

# re: Web Inspector for Safari on Windows

Wednesday, April 23, 2008 8:24 AM by a

just fyi, on xp pro & safari 3.1x, the file name was

C:\Documents and Settings\<user>\Application Data\Apple Computer\Safari\Preferences\com.apple.Safari.plist

<key>WebKitDeveloperExtras</key>

<true/>

adding to this file worked.

# re: Web Inspector for Safari on Windows

Wednesday, June 25, 2008 5:11 AM by AJenbo

On Vista the mask that is suppose to highlight the selected element in the browser overlaps the inspector. On xp I only get this issue breafly when tabbing between the browser and the inspector.

It's deffinatly no firebug, but it is helpfull for tracking css and loging errors.

I also find it very anoying that images that change on hover gets listed as a network hit even though no network trafic is preformed. This also screws up the size of the bars on the time line.

# re: Web Inspector for Safari on Windows

Wednesday, July 09, 2008 4:00 AM by visala

I have downloaded WebKit-SVN-r24872.zip file for windows server 2003, i have run the .cmd file, but i am not getting the inspect element in the safari.  Even then, i have checked for WebKitPreferences.plist to update, but i didnt find anywhere

# re: Web Inspector for Safari on Windows

Tuesday, July 22, 2008 2:43 PM by Jeff L

Ohhh thank you folks I've been trying to find out why it wouldn't work for me in XP for a long while now:

discussions.apple.com/thread.jspa

no one at the apple forums had a clue...

# re: Web Inspector for Safari on Windows

Thursday, July 31, 2008 1:01 PM by Jonathan Arndt

As of Safari 3.1, the name of the Preferences file to modify is:

C:\Documents and Settings\<UserName>\Application Data\Apple Computer\Safari\Preferences\com.apple.Safari.plist

(This applies to Windows XP)

# re: Web Inspector for Safari on Windows

Sunday, August 17, 2008 5:10 AM by guy

hallo i just downloaded latest build r35803

on on safari 3.1.2 and got into the prefrences file and changed the line

but still it does not work on windows xp.

any new ideas? pleas help

# re: Web Inspector for Safari on Windows

Tuesday, September 02, 2008 4:48 PM by GaryM

Got it working on Safari 3.12 using latest WebKit-r36012

1) Ran Webkit (run-nightly-webkit.cmd from unzipped webkit)

2) Edited Safari's plist file to add:

   <key>WebKitDeveloperExtras</key>

   <true/>

The location of file in XP Pro: C:\Documents and Settings\<UserName>\Application Data\Apple Computer\Safari\Preferences\com.apple.Safari.plist

3) In Safari, go to Edit > Preferences > Advanced and select "Show Develop menu in menu bar" option (I think they meant "developer" -- those SILLY Apple engineers...)

"Inspect Element" context option now shows AND you have a Develop(er) menu access to at top

Cheers,

Gary

# re: Web Inspector for Safari on Windows

Wednesday, September 10, 2008 11:47 AM by mictay

Thanks a bunch, you saved me lots of time :)

Mike

# webkit growing up - annieone???s weblog

Monday, October 06, 2008 7:05 AM by webkit growing up - annieone???s weblog

Pingback from  webkit growing up - annieone???s weblog

# re: Web Inspector for Safari on Windows

Monday, October 06, 2008 2:20 PM by Joe McCann

Thanks Gary!  It works!

# re: Web Inspector for Safari on Windows

Tuesday, November 18, 2008 11:02 PM by DavidB

Gary, Thanks so much I've digging for this info. for 2 days now. I would never find C:\Documents and Settings\<UserName>\Application Data\Apple Computer\Safari\Preferences\com.apple.Safari.plist file. Since everyone else only mentioned about the C:\Documents and Settings\<UserName>\Application Data\Apple Computer\Safari\WebKitPreferences.plist file.

# re: Web Inspector for Safari on Windows

Thursday, December 11, 2008 12:47 AM by wave

David B

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

yeah u right, not every computer will mentioned that, but everyone, i'm still confuse how can using this web inspector in live editing script source, without change the real source script

# re: Web Inspector for Safari on Windows

Wednesday, February 04, 2009 4:20 AM by ravi

i dont have any WebKitPreferences.plist file or Preferences.plist i have Defaults.plist in D:\Program Files\Safari\Safari.resources folder

can anyone help me out

# How to get that Web Inspector, Java Script Console, DOM Explorer up in Safari on Windows : discover fire

Pingback from  How to get that Web Inspector, Java Script Console, DOM Explorer up in Safari on Windows : discover fire

# Development-Tools für Browser und Webmaster | WebmasterArchiv.com

Pingback from  Development-Tools für Browser und Webmaster | WebmasterArchiv.com

# re: Web Inspector for Safari on Windows

Friday, April 17, 2009 5:35 PM by kB

- I'm looking to trouble shoot a website issue with a safari inspector or addon.. similar to ff's firebug.

I'm running XP [home]..  I've installed the nightly build via command line and I don't get the inspect option.. I also can't find this file (or) even folder I don't have a application data folder on my machine..

any other suggestions regarding what I might be able to install or do to get the inspect option to appear in the browser.

# re: Web Inspector for Safari on Windows

Tuesday, June 16, 2009 4:46 AM by Milana

Thanks guys :D this one hellped me a lot and thanks for the tips on how to work on 3+

# re: Web Inspector for Safari on Windows

Wednesday, July 15, 2009 12:02 PM by Prashant Atal

for Safari 4.0 Windows you can search for the defaults.plist in the Program files\Safari\Safari.resources folder and follow the same thing as mentioned above.

It worked for me.

# re: Web Inspector for Safari on Windows

Wednesday, July 22, 2009 4:23 AM by Kaushal

Thanks Gray M.

You saved lot of time. Great

# re: Web Inspector for Safari on Windows

Thursday, September 10, 2009 9:41 AM by ump32

Just added  the fix from 12:02 on my Win Safari 4.03 and worked like a charm.  Thanks a ton.  

Also I get this new welcome screen when i start Safari.  Cool.

# re: Web Inspector for Safari on Windows

Monday, September 21, 2009 12:48 PM by Ovidiu

Just add <key>WebKitDeveloperExtras</key><true/> before the last <dict>

to C:\Program Files\Safari\Safari.resources\Defaults.plist

Cheers

# re: Web Inspector for Safari on Windows

Tuesday, October 13, 2009 9:58 AM by Chejo

.....WHAT!!!!

no all of us have the time or knowledge, perhaps neither the interest to be programming savvy, no offence intended.

Why should be a tool so difficult to install, why not explains things to me and other 'normal' people in a friendly and non-technical manner, why doe s not the program install itself?

I will be sticking to the tools that treat me like a person (guess lot more people will be doing the same)

Leave a Comment

(required) 
(required) 
(optional)
(required)