Changes between Version 6 and Version 7 of Web Inspector


Ignore:
Timestamp:
Jun 13, 2007 11:45:23 AM (17 years ago)
Author:
ordody@freeshell.org
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • Web Inspector

    v6 v7  
    55
    66== Getting the Web Inspector ==
    7 The Web Inspector is enabled by default on all of the prebuilt [wiki:"Nightly Builds" nightly builds].  If you are using a locally built version of WebKit, you'll need to enter the following command in Terminal and restart Safari in order to use the Web Inspector (this command only needs to be run once):
     7The Web Inspector is enabled by default on all of the prebuilt [wiki:"Nightly Builds" nightly builds]. 
     8
     9== Enabling Web Inspector ==
     10
     11 * On the Mac, if you are using a locally built version of WebKit, you'll need to enter the following command in Terminal and restart Safari in order to use the Web Inspector (this command only needs to be run once):
    812{{{
    913defaults write com.apple.Safari WebKitDeveloperExtras -bool true
    1014}}}
    1115
    12 OmniWeb also features the Web Inspector from version 5.5 on.  It can be enabled using the command above (replacing {{{com.apple.Safari}}} with {{{com.omnigroup.OmniWeb5}}}).
     16 * OmniWeb also features the Web Inspector from version 5.5 on.  It can be enabled using the command above (replacing {{{com.apple.Safari}}} with {{{com.omnigroup.OmniWeb5}}}).
     17
     18 * On Windows, you'll have make sure that the following lines are in your preferences file at the location
     19{{{
     20C:\Documents and Settings\<USERNAME>\Application Data\Apple Computer\Safari\Preferences.plist
     21}}}
     22(where <USERNAME> should be your windows user name):
     23{{{
     24    <key>WebKitDeveloperExtras</key>
     25    <true/>
     26}}}
     27
    1328
    1429
    1530== Using the Web Inspector ==
    16 The Web Inspector can be opened by right clicking anywhere on a web page and choosing '''Inspect Element'''.  Once open, it highlights the node on the page as it is selected in the hierarchy. You can also search for nodes by node name, id and CSS class name.
     31The Web Inspector can be opened by '''right clicking anywhere on a web page''' and choosing '''Inspect Element'''.  Once open, it highlights the node on the page as it is selected in the hierarchy. You can also search for nodes by node name, id and CSS class name.
    1732
    1833