5 Firefox Extensions For Developers

There are many extensions available for Firefox. I personally likes a few of them. I am using them during development and testing. Here is the 5 extensions that I use more often.

  1. Firebug – I think this is the one extension that every web developer must have. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
  2. HttpFox – A HTTP analyzer. Very useful to trace the HTTP request and response and to find out the amount of time to complete each HTTP requests.
  3. YSlow -analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. This extension dependent on Firebug and the interface is integrated into Firebug. Useful during testing to find out bottleneck and potential area to improve.
  4. SeleniumIDE -an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly record and play back tests in the actual environment that they will run. This is another useful tools to perform regression test.
  5. iMacros –  extension that allow you to record and replay repetitious work. There many ways to utilize this extension e.g. data entries, testing, pre-sales demo, etc.

I believe different developers prefer different tools and some tools may have more features than the others. Do share what extension you like from the comments box.


“97 Things” Series

“97 Things” series is a collection knowledge & insight for programmer, project manager and software architect.

Chrome Extension – Speed Tracer

“Speed Tracer is a Google Chrome extension that helps you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs. Using Speed Tracer you are able to get a better picture of where time is being spent in your application.” – Google.

To get started just visit http://code.google.com/webtoolkit/speedtracer/get-started.html

Tried to perform the trace on Yahoo! website and the result is below. Comparing this with HttpWatch (IE) or HttpFox (FF), Speed Tracer seems to focus more on what happen in the browser, while HttpWatch and HttpFox for focus on the request.  Anyway, I still to play more to find out its power. But I believe this is useful for developers and testers.

Speed Tracer
Speed Tracer
Speed Tracer: Event Trace
Speed Tracer: Event Trace