Web Developer Toolbar in IE

From time to time we are all curious on how other people do their web design. Unfortunately it is not always easy to read the code and find what you need.

Are there anything we can do about this?

Yes it is! I believe there are many tools out there that can assist you. I have looked into two tools that I found interesting.

IE WebDeveloper	US$115 (non-commercial).
Microsoft Developer Toolbar	Freeware.

IE WebDeveloper

This is the tool from the same guys that gave you HTTP Analyzer. I have talked about this tool in a previous article.

Anyway. After I installed this tool Internet Explorer started to crash all the time. But from what I could see it seems like a good product - easy to find the information you are looking for.

Developer Toolbar

Given it's price it is priceless. Not as good to work with, seems to lack some features in WebDeveloper. But given the price this is what I am going to use.

Looking into HTTP traffic with Internet Explorer

I work a lot with web applications and from time to time I need to look in to the HTTP session - what headers are sent back and forth and what web page elements takes time to load.

I have found two products that does this well. I will cover these in details below.

HttpWatch

HttpWatch from Simtec Limited. This product seems to be the most mature of these two. It have cool features, the most important one is beeing able to show you what the web client spends it time on; DNS lookup, TCP session setup, or the data transfer.

You can look into HTTPS traffic.

The major drawback is the price. It cost $295 for a one user license. As a result I did not test this product any further.

IE Inspector

IE Inspector from IEInspector Software is a nice application. It works much like HttpWatch above, but is much cheaper. It lacks the capability to show what a page spends it time on doing; you just get the end result.

You can look in to the HTTP headers sent to the web server and what HTTP headers are received. You can see detailed cache information about Internet Explorer cached elements.

You can also purchase a module that analyzes other applications that uses HTTP. This is nice if you want to test other applications communicating over HTTP.

You can look into HTTPS traffic only if you use the Internet Explorer integrated decoder.

If you buy both modules as a non-commercial license you end up with US$99. If you happen to be commercial the price is $129. Either way it is much cheaper than HttpWatch.

Ethereal

Ethereal is the Swiss army knife of packet decoding. You can't live without it. The tools mentioned above presents HTTP traffic in an easy way. But Ethereal gives you a lot more - if you learn how to use it.

It is open source. And we can't dislike open source!

A site that is not IE compatible

I few years back we all had sites optimized for Netscape. I find it fun to see that we now have pages that are optimized for Firefox and not Internet Explorer compatible.