print header

Firefox as a Web Developer Tool

You may have heard of Firefox as one of the newest and most standards-based FREE Web browsers out there. But did you know that, with it's rapidly developing collection of add-on extension tools, it can be an excellent Web developer tool?

Firefox comes with a standard set of tools including a powerful JavaScript and CSS error/warning console, and an optional Document Inspector that gives detailed insight about your pages. Plus, there is a powerful body of developers writing extensions to add to its capabilities. Some of our favorite extensions include:

  • The Web Developer extension by Chris Pederick. It adds powerful style sheet features, multiple disable features, a terrific page load speed report, CSS and HTML validators and more.
  • Lorem Ipsum Content Generator. Let's you create filler content on the fly.
  • Copy Plain Text. Copies text on a Web page without the formatting!
  • ColorZilla. Color picker and eyedropper tool to choose colors from Web pages.

Get instructions on how to install and use these useful extensions.
Note: The page contains many screen shots so it may take a while to load on slower connections.

Try the links below to learn more about this browser:

Please note: Firefox is NOT a supported campus application, but useful as an alternate browser. In most cases you should not have any trouble installing the browser or the extensions yourself. It is your responsibility to install updates. Note also that when you initially install Firefox, you can import the favorites or bookmarks from your primary browser, but subsequent additions will only appear in the browser you are using at the time they are added.