Safari Firebug equivalent

If you’ve been doing website development for a while you’ll know how invaluable Firefox’s web developer addon Firebug is.

Safari has something just like Firebug already built in – it’s called the Web Inspector.

The instructions to enable Safari’s web inspector are:

1. Open the Safari preferences (Safari > Preferences)
2. Click on the advanced tab so that you see the following screen:
   
3. Tick the box at the bottom that says ‘Show Develop menu in menu bar’
4. You can now bring up the Web Inspector at any time by right clicking on any element and choosing the ‘Inspect Element’ option.