Setup Firefox for Web Development with Plugins

I am assuming that you already have Firefox.

If you have never installed a addon, go to each link below. On the page, there will be a button to install the addon. Click it and a window will pop up requesting your permission. OK the window and the addon will be installed. Restart Firefox to enable the addon.

Get the web developer addon. Adds a menu and a toolbar with various web developer tools. This is a must for web developers. The toolbar shows icons for the browser mode and lots of other stuff. Even casual web developers will find this useful.

Get FireFTP. Most web developers need an FTP tool. I've been using this for years. It is stable, and has never given any problems. It is actively developed. One thing I like about it is that it can remember lists of sites to connect to. These can be organized into groupings.

The most important addon to get is Firebug. This tool lets you inspect the dom very easily. It also lets you change the DOM live and see updates instantly. This makes it extremely easy to experiment with different settings.

Install Quick Restart. This is a fast way to restart Firefox and get back all your windows.

If you need to debug Javascript, install Venkman. This is THE debugger for Firefox that every web developer needs.

Many times web developers need to see the HTTP headers. There is an addon for that. It is Live Headers. This addon will show all the headers in and out of the browser.