空缓存和硬重新加载与清除站点数据答案

【问题标题】：Empty Cache & Hard Reload vs Clear Site Data空缓存和硬重新加载与清除站点数据
【发布时间】：2018-12-05 13:37:11
【问题描述】：

Empty Cache & Hard Reload 和 Clear Site Data 有什么区别？

当您的 Chrome 开发工具打开时，您可以右键单击重新加载并选择 Empty Cache & Hard Reload。

在您的 Chrome 开发工具中，在应用程序下，您可以选择 Clear Storage 并单击一个显示为 Clear site data 的按钮。

我已尝试阅读其中的每一个，但不了解其中的区别，我们将不胜感激！ :)

【问题讨论】：

如您所见，站点数据不仅仅是缓存。
是的！我对Empty Cache & Hard Reload 有一个不错的了解，但在Clear site data 上找不到那么多。似乎Clear site 数据实际上比Empty Cache & Hard Reload 做得更多，但我不确定我的理解是否正确。

【解决方案1】：

正常重新加载：使用缓存数据。

硬重新加载：强制浏览器重新下载项目并重新加载。使用的资源可能来自缓存版本。

清空缓存和硬重新加载：页面缓存已完全清除，所有内容都必须根据需要重新下载。

【讨论】：

这很有帮助，但是，主要问题围绕着 Chrome devtools 中的 Clear Site Data 和 Empty Cache & Hard Reload。
Clear Site Data 比 hard reload 有其他优势，例如使用Clear site data 可以清除浏览器存储空间，而硬重载中不可能。 link
第二件事是Clear site data是内部的，只能由站点开发人员使用，而外行可以自己进行硬重载。

【解决方案2】：

Normal Reload：嘿，使用缓存，同时验证资源以获取未修改的响应。

Hard Reload：基本上是对浏览器大喊大叫以再次从服务器加载内容。

清空缓存和硬重载：你没明白吗，清除缓存并再次硬重载。不要忘记通过js清除额外下载的文件。

清除站点数据：您是否有一个一键清除所有内容的按钮？哦，是的，神奇的按钮是“清除站点数据”。它删除了"Cache Storage", "Cookies", "ServiceWorkers", "IndexedDB", "LocalStorage", "Application Cache"

【讨论】：