I’m looking for an easy way to tell if a web browser downloaded a web page element (image, CSS, JavaScript, etc.), or if it got a positive cache hit and pulled it from there. Does anyone know of plugin for Firefox, Internet Explorer, Safari or Opera that will do this?
Here’s an example of what I’d like to do. Flush the browser cache, load a page. There should be zero cache hits on the first page load because I just flushed it all. Then load the page again, after which I’d get a list of object in the page that were pulled from cache and those that weren’t.
Any change Firebug 1.0 will have this feature?
November 30th, 2006 at 8:30 am Ian
I just purchased a plugin for IE to do this. It’s pricey but it does work very well.
http://www.httpwatch.com/
It also works with ajax requests which is what I primarily use it for along with checking if my JS includes are coming from cache or not since getting that working right on IE is a pain.
December 13th, 2006 at 1:32 am Kristian
In firebug you can check if elements is cached in the Net tab. The color of the bar indicates if the element is cached or not - dark gray = not cached, light gray = from cache. You can also check the content-length in the response header.
October 16th, 2008 at 1:18 pm Another http traffic debugger
There are some other good http traffic debuggers.
For example http debugger ($50) http://www.httpdebugger.com or fiddler (free) http://www.fiddlertool.org.