Download DB2

Using Safari Web Inspector on Windows

June 21st, 2007 by Leons Petrazickis

The latest nightlies of Webkit (development branch of Apple Safari) now have the web inspector in them. It doesn’t replace the tools in the other browsers, but it does have one very effective piece of unique functionality — a page load graph that gives an exact breakdown of order-of-loading and time-to-load of each script, stylesheet, and image.

First of all, enable the debug menu. It gives you access to the Javascript console and such things.

  1. Open C:\Documents and Settings\chng1me.T40-92U-V46\Application Data\Apple Computer\Safari
  2. Open Preferences.plist
  3. Insert the lines below mid-file:
        <key>IncludeDebugMenu</key>
        <true/>
 

Safari on lpetr.org
Open Safari by executing run-nightly-webkit.cmd in your Webkit install. Right-click and the inspect an element from the context menu.
Safari Web Inspector
Now, click on the icon in the bottom left-hand corner and choose Network.
Safari Web Inspector - Network mode
Voila!

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • digg
  • Reddit

Posted in javascript, css |

2 Responses

  1. Andrew Louis Says:

    Have you tried Firebug? It’s not as pretty as Safari but it does all this and more.

  2. Leons Petrazickis Says:

    Ah, you are right. I had only used the Web Developer Toolbar and the Javascript Debugger. Firebug turns out to be very useful.

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.