Chrome - “禁用缓存”

Question

I am using Chrome Dev Tools to debug a web app I'm making. I'm curious about this "Disable cache" button in Chrome Dev Tools:

Could someone please tell me what this does?

I've noticed some problems using Offline.js and discovered if I check "Disable cache" here in Dev Tools it works okay.

But what exactly is that doing? I am using Cache Manifest in my app so it works offline, but if clicking "Disable Cache" in Chrome Dev Tools is actually just disguising a bigger problem that's not useful to me.

Essentially what I think is happening:

• The image I am loading (see Offline.js - checking while online? ) which Offline.js checks for to determine if the user if online or offline, that image is being cached
• Hence after the first load, it always appears online
• If I disable cache in Chrome Dev Tools, it works correctly because it's loading a fresh copy of the image each time.

Any words of wisdom are welcome.

Answer 1

The disable cache checkbox disable cache , it means every time you connect a server, you will download again the WHOLE website, even already downloaded images.

This may be used when you debug an application that have cache problem (you have cached informations & parsing them but the real data has been changed)