无法清除缓存以刷新网页

Question

这听起来像是一个非常基本的问题，但我觉得我已经尝试了一切。

这是我之前提出的this post 的后续行动，我解决了这个问题，只是为了它再次出现。

总而言之，当我注意到更改在离线工作但未在线显示时，我正在对我网站的contact page 上的contact.css 文件进行一些更改。我将这个问题缩小到上述帖子的缓存问题（其他人可以看到更改，但我看不到）。

在上面的示例中，我无法让我的网站显示为 background-color:blue - 最终它成功了，我想我已经修复了它......所以我将颜色改回正常并繁荣，它再次停止刷新更改。

所以我认为这是某种缓存问题，但在我的一生中，我无法正确清除缓存，以便刷新并查看更改。

以下是我已经尝试过的事情：

• 在 Chrome、Firefox 和 Opera 上清除缓存（多次）
• Chrome、Firefox 和 Opera 上的硬刷新
• 通过 Chrome 和 Firefox 上的开发工具禁用缓存（最初有效，然后在我重新更新网站时停止工作）
• 多次检查CSS文件上传正确，文件路径正确。这已得到确认，因为其他人看到了正确的更改。
• 刷新了我的 DNS
• 从我的 ISP DNS 更改为 google 的 8.8.8.8 + 8.8.4.4

我正在使用 HostGator 来托管我的网站，我现在想知道这是否与他们有关？我现在真的不知道。

这是我在网上看到的：

以下是我应该看到的以及我在网站的离线版本上看到的内容：

Answer 1

我注意到您说“我真的很想深入了解潜在问题”，所以我想我会写一个答案来提供一些选项（如果有人想让我添加其他选项，请随时添加评论）。总的来说，确定你的根本原因可能比仅仅解决你的整体问题要困难得多，但让我们从我能想到的可能原因开始：

• 多个 CDN 服务器需要一段时间才能更新，因此有些服务器返回旧数据（您当前的会话），有些服务器返回新数据（隐身）
• 服务器会话缓存，因此当您在一个 http 上下文会话中重新加载页面时，您会返回相同的内容（例如，我在产品搜索查询中看到了这一点）

这个问题的解决方案相对简单，它被称为缓存破坏。基本上，每次更新源代码时，只需在查询字符串、文件名或其他内容中添加唯一键以使 url 唯一。例如，对于您的 css，您可以链接 https://path/to.css?v2.0.1 并不断增加版本号。如果您将 webpack 用于构建输出，它们有一个 content hash variable，您可以将其用作文件名中的标记。

至于 CDN 可能缓存过时的东西......内容哈希解决方案将解决这个问题，因为它是一个完全不同的文件名，因此如果 CDN 中没有它，它将从根目录获取它缓存。我不确定 url 版本查询参数是否会这样做，也许其他人可以对此有所了解。

Answer 2

您是否尝试过在 Chrome 中使用隐身模式？