HTML and CSS Reference
In-Depth Information
As a bonus, Firebug places a small icon at the bottom of the browser window at all times.
Clicking the icon activates the Firebug interface, but the icon also alerts you to any JavaScript
errors on the page (and the extension has extra features specific to debugging JavaScript, the
DOM, and Ajax/ XMLHttpRequest ), allowing you to see at a glance if there's something you need
to check out (Figure 14-4).
Figure 14-4. Firebug's icon lets you know if everything's hunky-dory with your JavaScript.
Web Developer Toolbar (Internet Explorer)
Like it or not, at some point we must all test our sites in IE/Win. This can be a painful process
thanks to its various bugs and rendering inconsistencies, but thankfully Microsoft makes
a browser addition that can, if nothing else, make the process of debugging and testing your
site a little easier in IE.
The Web Developer Toolbar (visit and search for “web
developer toolbar”) works much like Firefox's Web Developer Extension, offering similar
options to aid in the testing and bug-fixing process. If you develop sites that must work in IE,
this add-on will help you retain some sanity during the testing process.
Safari Tidy
If you develop on OS X and prefer Safari, this little plug-in from Kasper Nauwelaerts can save you
the trouble of running your code through the W3C validators ( ).
While this plug-in is a one-trick pony, its browser window icons (similar to Firebug's) make it
downright impossible to miss validation errors (Figure 14-5).
Figure 14-5. Safari Tidy's browser window notes give you the skinny on validation issues.
Search WWH ::

Custom Search