ChatGPT解决这个技术问题 Extra ChatGPT

Chrome 中的“Normal Reload”、“Hard Reload”和“Empty Cache and Hard Reload”有什么区别?

我最近在 Chrome 中发现了这个新功能:

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

我可以弄清楚选项 1 和选项 3 之间的区别,选项 2 可能介于两者之间,但我无法在任何地方找到任何更精确的信息。

有人知道这三个选项中每一个的确切行为吗?

你能解释一下“这个功能”吗?具体来说:您如何访问它?我尝试了各种右键单击,控制单击,......但无法获得它。这是什么版本?
@JoachimSauer 哈哈,这是我的小秘密……说真的,它隐藏得非常好:您必须按下刷新按钮而不立即释放它在开发者控制台处于活动状态时 samuelrossille.com/home/blog-chrome-reload-options.html
也可以通过右键单击重新加载图标出现(在 Devtools 打开时)
这适用于 OSX Chrome 吗?我似乎无法通过开发工具打开它并右键单击/单击 + 按住
我只是在 2016 年偶然发现了这些功能......

C
Community

正常重载

与按 F5 相同。这将使用缓存,但在页面加载期间重新验证所有内容,寻找“304 Not Modified”响应。如果浏览器可以避免重新下载缓存的 JavaScript 文件、图像、文本文件等,那么它会的。

硬重装

发出请求时不要使用缓存中的任何内容。 (相当于 SHIFT+F5 无需打开开发者控制台)强制浏览器重新下载每个 JavaScript 文件、图像、文本文件等。

空缓存和硬重载

显然,如果缓存为空,则必须进行硬重新加载。这将再次强制浏览器重新下载所有内容。但是,如果页面通过 JavaScript 进行任何不属于页面加载的事后下载,那么这些可能仍会使用缓存,这就是清空缓存有帮助的地方,因为它确保即使这些也不会使用缓存的文件。

注意:此功能仅在开发者工具打开时可用。


有谁知道第三个选项是否只是清空当前站点的缓存,而不是清空整个缓存?
@Grinn:实际上,现在我想起来了,它可能是整个缓存。该功能的重点是清除事后下载,不仅限于一个“站点”。
我不清楚什么是 "after-the-fact download via Javascript"?有人可以提供一个具体的例子吗?
@Costa 您可以下载最初未在 DOM 中指定的内容。例如,通过向 DOM 添加新的