The 6 Firefox add-ons I cannot live without (for debugging + performance tuning)

There are some things in life you take for granted. The water when you get when you turn on the shower, the heat when you try to warm a house and the firefox plugins you've gathered over the years. Except that last (well, the others too -- but that's something else) isn't really that straight forward. And it deserves some attention and careful fondling.

So, here's a list of the Firefox extensions i need to do my thing. That means debugging websites, performance tuning, testing, ... Since the browser really is your primary weapon, you need it to be well-armed. And trust me, these are some fine guns.

Live HTTP Headers

Live HTTP Headers

A, such bliss. See all the HTTP headers that are sent and received to and from the server. Think request URLs, Cache, Encoding, Cookies, Custom headers, ... This is a must have if you're ever configuring a caching server (Varnish), debugging AJAX requests or are just generally interested in what HTTP headers are used on any site.

No matter how many HTTP benchmarks you run, there's nothing like "real" simulation using "real" HTTP headers sending back and forth to track down problems. Where a "curl -I <url>" can do wonders, it doesn't send everything your browser would. It's also useful if you want to see your own custom HTTP headers.

Life-of-request Info

LORI

So simple, yet so powerful. This shows you some interesting statistics in your bottom bar in Firefox. It tells you "Time to first byte" (aka: how long it took for the server to send a response), "time to completion" (how long server took + browser to render the page), the "total page size" and "number of requests". Especially the first counter is interesting, as that tells you how long your request has been "in process" at the server. For a quick idea on performance, LORI is very nice.

ShowIP

Show IP

A very simple addon, that just shows you the current IP address of the server you're working on in your bottom bar. Easy to spot if you're on your own system, or a development server (in case you're cheating with altering your hosts-file). And can be used to see on which actual server you're working on a Round Robin DNS configuration. Right clicking allows you to get the IP directly on your clipboard.

SwichHosts

SwitchHosts

This, again, is a very powerful tool. SwitchHosts allows you to change your hosts-file on-the-fly within your browser. Want to test your site on a new server? Simple: just add a new host entry in your browser, refresh the page and you're loading the exact URL on a different server. This takes away the annoyance of changing hosts-file on a Windows client, or interfering DNS cache in your browser. Just click, change and refresh the page.

TamperData

Tamper Data

Ever created a form where you wanted to test how users could "cheat" on input? Thought a select list was safe enough to not validate those return values? Guess again. Tamper data lets you change the data you're sending back to the server. Allows you to easily manipulate all POST data that gets sent. Before the POST data goes out, Tamper Data intercepts it and let's you change all values you are about to send.

The left screen lets you modify the HTTP request, while the right had side let's you input anything in the POST form fields.

This is a great starting point for webapp pentesting, when fiddling with the GET parameters gets you nowhere.

Web Developer

Web Developer

Some think it's too large, some get annoyed by the place it takes within your browser. I love it for 2 simple reasons: cookie manipulation and CSS style information. Web Developer can do so much more, but just the on-the-fly editing of cookies and viewing what CSS styles are applied to what DOM object makes it a must-have.

It also includes a CSS and JavaScript error console to easily track down problems, in case FireBug is too much for you (like it is in my case).

What's missing?

I'm always looking for added-value. So I'm curious to know what add-ons you're using, and why I should consider them. Share'm with me! :-)

8 comments on “The 6 Firefox add-ons I cannot live without (for debugging + performance tuning)
  1. What about: Firebug extensions like YSlow & Pagespeed, CSS usage, user agent switcher, view source chart, validator…?
    I use them next to the extensions mentioned above. Thnx for TamperData.

  2. Matti says:

    Nice, I didn’t even know Yslow was a Firebug extension how, I only knew it from the Yahoo pages. The others are really interesting too, I’ll be checking them out the next few days. Thanks Pieter! :-)

  3. Thank you, nicely written and some extensions I hadn’t heard of before!

    I like ModifyHeaders as well for header tampering, although IMO the UI is a little wonky. It fills in a nice gap that Live HTTP Headers doesn’t support, which is sending a particular header for *every* request (e.g. if you are working with SiteMinder or something similar).

  4. Eric says:

    Or what about firebug period.

  5. David Rengifo says:

    En estos tiempos mobile es indispensble tambien contar con User Agent Switcher (https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/)

  6. Calomel SSL Validation is useful when you want to know more about SSL

    Can’t live without HTTPwatch

    Dynatrace Ajax edition now works in Firefox, which is great news.

    I use Notable a lot for taking screenshots and then annotating them to highlight things to the customer http://www.notableapp.com/

    User Agent Switcher is useful for simulating different browsers/devices (get the list from here http://techpatterns.com/downloads/firefox/useragentswitcher.xml)

  7. Another great extension is jsView. It lets you quickly pull up the source of any css of js file loaded on the site

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Advertisement

Why ads?

I'm glad you made it to this blogpost. I hope it helps solve your problem. So why then do I show ads on the site? Writing content, testing it and making sure the layout isn't totally b0rked takes time. A lot of time. The ads are a way to pay back a small portion of that time.

And as you know running a site costs (a bit of) money: the domain name, webhosting, time spent writing and updating content, ... So if you like the content of this blog, consider disabling your AdBlocker for this domain. Thanks!

Recent posts

Looking for help?

Tired of fixing all these tech-problems yourself? We've got an excellent team at Nucleus, a top-class Belgian hosting provider, that can help you.

Discover our Managed Hosting, where skilled engineers manage your servers and keep them up-to-date, so you can focus on your core business. We use a variety of Configuration Management Systems such as Puppet to make sure every config is reviewed, unit-tested and guaranteed to be working.

Want to get in touch? Find me as @mattiasgeniar on Twitter or via the contact-page on this blog.