As a web developer I often need a “fix”. No, not caffeine. Ok, well maybe I don’t need “the fix” but some of the web sites I inherit do or a new feature being implemented may have some conflicts so I need to do some debugging in order for the site to work correctly and in many browser types and versions. Alas, I have a little army of grunt software that gets me from point a to point z much more quickly than sys.outs or alert messages. I’ve saved numerous hours using the following set of Firefox Plugins. I’ll briefly outline them and provide a link. My favorite is Firebug and YSlow is pretty damn cool also!
Firefox Plugins
Firebug: You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Website http://getfirebug.com/
FireFTP: FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers. Website: http://fireftp.mozdev.org/
FoxyProxy: FoxyProxy is a set of proxy management tools for Firefox, Thunderbird, Seamonkey, and Songbird: Website: http://foxyproxy.mozdev.org/
GreaseMonkey: Allows you to customize the way a webpage displays using small bits of JavaScript. Website: https://addons.mozilla.org/en-US/firefox/addon/748
IE Tab: This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox. Website: https://addons.mozilla.org/en-US/firefox/addon/1419
Screengrab: It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard. https://addons.mozilla.org/en-US/firefox/addon/1146
Web Developer Toolbar: The Web Developer extension adds a menu and a toolbar with various web developer tools. Website: https://addons.mozilla.org/en-US/firefox/addon/60
YSlow: YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. Website: http://developer.yahoo.com/yslow/
Below is a view of the FireBug console.




