Quantcast



Docs


Blogs


Forums


Samples


Media


Labs


Resources

 




DevCentral > Weblogs > Lori MacVittie - Two Different Socks
 HttpFox: The Firefox add-on you can't live without
posted on Friday, September 26, 2008 7:24 AM

Whether you're a network architect, a web developer, or a web administrator there's one tool that's a must have in your troubleshooting toolbox: a protocol analyzer.

Like many network focused folks, I traditionally rely upon ethereal (now Wireshark) for protocol analysis. It decodes just about every protocol up and down the stack, and it can import/export to a variety of formats. But being connected to the corporate LAN via an SSL VPN, wireshark is often constrained by it's own architecture. Because it inserts itself into the network stack to gather data, it can't decrypt the SSL encrypted packets, which makes it very difficult to follow an HTTP stream.

Additionally, unless you've got ninja-like skills and can write an appropriate filter to see just the data you're interested in, the signal-to-noise ratio in Wireshark can be overwhelming.

Many of our field engineers use browser plug-ins instead of Wireshark (that's going to take some time to get used to) for troubleshooting and verifying configuration of our products. Because BIG-IP is a full-proxy, and therefore doing all the communication with the client, it's important at times to peek under the covers of an HTTP request and check out things like cookies, headers, and the payload of request-response pairs.

httpfox1After becoming curious about the traffic generated by Flowgram (how much, what type) yesterday I happened to stumble upon a new Firefox add-on called HttpFox. Most folks would suggest using Httpwatch and I have in the past, but after installing and using HttpFox, I'm not going back.

HttpFox can easily be launched via its icon in the status bar of Firefox with a single click. It docks itself on the bottom half of the browser, though you can easily manipulate the panels and change its size to suit your needs. httpfox2

Once opened you can start analyzing a page by hitting the start button. URL requests start flying by (especially on Web 2.0 sites) automatically, though you can control the scrolling using the "autoscroll" option.

You can view associated headers, cookies, query strings, and post data for any individual request simply by clicking on the URL you want to examine. Filtering is available so you can restrict the list of URLs by type, file extension, host name, or whatever you'd like.

httpfox3When examining post data you can choose to view it "raw" or "pretty", and content can also be viewed as the raw HTML received. This latter option is a nice alternative to the "view source" option in the browser.

Regardless of why you want to dig under the hood, HttpFox is a great way to do it. It won't let you change or manipulate the requests and data like some add-ons, but it will let you see all the nitty-gritty details about them in a well-designed interface that's easy to open, close, and manipulate.

 

Follow me on Twitter View Lori's profile on SlideShare AddThis Feed Button Bookmark and Share



Email This
  del.icio.us
      

Feedback


9/26/2008 8:31 AM
Gravatar Just yesterday I got stuck with this need, and today you publish it! How nice :)

My specific problem was that Google Desktop Engine talks to the browser in a way which is not obvious. This should help.

Thank you.
Mark Kerzner

9/26/2008 8:57 AM
Gravatar I caught this one off of twitter yesterday. I've only tried it out a little, but it looks great so far! Go-go gadget social media!

#Colin
Colin

9/26/2008 10:15 AM
Gravatar Firebug already does most of this (and more!), so I'm not sure how useful it will be, but it's worth looking at. Thanks!
Andy herrman

9/26/2008 12:02 PM
Gravatar ...why do you spell it "FireFox"?
slackbp

9/26/2008 12:31 PM
Gravatar It's just like HttpWatch, just free and for FireFox.
Peteris Krumins

9/26/2008 12:46 PM
Gravatar Firebug does some of this same work, but this is more detailed. Additionally, newer FireBug has this function turned off (opt in to use). That is a royal pain in the ass. There could be a firebug setting, but I have not stumbled across it.

This plugin also allows you to see both pretty and raw, bueno. If you are debugging anything leaning on AJAX scripts - you can't live without this.

I have had HTTPFOX on my browser for many months and it is great.
nahtass

9/26/2008 12:57 PM
Gravatar I find this add-on on popurls.com. Nice. I like this add-on. thanks.
Online hry

9/26/2008 1:00 PM
Gravatar Try firebug. Includes dissection of html pages in addition to HTTP protocol level stuff. You'll never see a web page the same way again. -Steve
Steve Shah

9/26/2008 1:11 PM
Gravatar @slackbp No offense taken at all, thanks for the catch. I think the fact that HttpFox capitalizes the "F" in Fox just carried over when it shouldn't have. I will see about getting it edited.

Lori MacVittie

9/26/2008 3:11 PM
Gravatar I agree firebug together with DOM inspector is a life saver.
Jack Stanley (Founder of Cleeki)

9/27/2008 8:18 AM
Gravatar So it's basically just fiddler then, but in the browser?
David

9/27/2008 11:38 AM
Gravatar I use FireBug & Live HTTP Headers (https://addons.mozilla.org/en-US/firefox/addon/3829)

Nice post. Will checkout HttpFox
Bala

10/1/2008 10:41 AM
Gravatar Httpfox cannot deal with webpage that has .swf object. It gets the 200 http status code, but in the "Result" column, it just said "(Aborted)". Looks like this is not ready for prime time yet.

On the other hand, firebug load the same page without any problem.
todo
 Leave Feedback
Title  
Name  
Email
Url
Comments   
Please add 5 and 7 and type the answer here: