ChatGPT解决这个技术问题 Extra ChatGPT

What's the difference between "Normal Reload", "Hard Reload", and "Empty Cache and Hard Reload" in Chrome?

I recently discovered this new feature in Chrome:

https://i.stack.imgur.com/nWcug.png

I can figure out the difference between option 1 and option 3, and that option 2 is probably something in between, but I can't find any more precise information anywhere.

Anybody know the precise behavior of each of the 3 options?

Could you explain "this feature"? Specifically: how do you access it? I tried all kinds of right-clicks, control-clicks, ... but couldn't get it. What version is this?
@JoachimSauer Haha that's my little secret... Seriously it's extremely well hidden: you have to press the refresh button without releasing it immediately while the developer console is active samuelrossille.com/home/blog-chrome-reload-options.html
Also appears by right-clicking the reload icon (while Devtools is open)
Does this work for OSX Chrome? I can't seem to get it open via Dev Tools and right click/click + hold
I just found these features in year 2016 by accident...

C
Community

Normal reload

The same thing as pressing F5. This will use the cache but revalidate everything during page load, looking for "304 Not Modified" responses. If the browser can avoid re-downloading cached JavaScript files, images, text files, etc. then it will.

Hard reload

Don't use anything in the cache when making the request. (which is equal to SHIFT+F5 No need to open Developer console) Force the browser do re-download every JavaScript file, image, text file, etc.

Empty Cache and Hard Reload

Obviously, if the cache is empty then it will have to do a hard reload. This will again force the browser to re-download everything. However, if the page makes any after-the-fact downloads via JavaScript that weren't part of page load, then these might still use the cache, which is where emptying the cache helps because it makes sure that even these won't use cached files.

Note: This feature is only available when the developer tools are open.


Does anyone know if the third option just empties the cache for the current site, vs emptying the entire cache?
@Grinn: Actually, now that I think of it, it's probably the entire cache. The point of that feature is to clear after-the-fact downloads, which aren't restricted to just one "site".
I'm unclear on what is considered an "after-the-fact download via Javascript"? Can someone provide a concrete example?
@Costa You can download stuff that is not initially specified in the DOM. For example by adding a new