The Safari web browser has a tool similar to Firefox's Firebug, which can be used to analyze and debug the HTML and CSS code of your pages. The tool is called Web Inspector and if you have enabled the Debug menu in your Safari browser, you should already have Web Inspector enabled in your Safari.
If you don't have it yet, you should enable it by following these steps:
- close Safari;
- start Terminal;
- once in Terminal, type:
defaults write com.apple.Safari WebKitDeveloperExtras -bool true
and press Enter;
To use Web Inspector, start the Safari browser and control-click on an element on the web page. In the contextual menu you will see a new entry called Inspect Element. Click it and it will open the Web Inspector tool.
If you wish to disable Web Inspector, you should close Safari, open Terminal and enter this command:
defaults write com.apple.Safari WebKitDeveloperExtras -bool false
