css - 即使在更改版本、硬刷新和清除缓存后 CSS 更改也不会反映

Question

我有一个带有 CSS 的 Angular 应用程序。我最近更改了 CSS 并将其部署在服务器上，但它没有反映在客户端机器上。

我做了以下事情：

1. 清除缓存并进行硬刷新 (Ctrl+f5)。
2. 更改了 CSS 文件的版本号并重新部署。
3. 打开开发人员工具并禁用缓存并重新加载。
4. 按 F12，转到源代码并检查 CSS 文件是否正在加载新的更改。有新的变化。

当我在一台新机器上打开 Web 应用程序时，新的变化就会得到反映。

即使在检查了上述所有内容之后，何时可能是 CSS 没有得到反映的可能原因。有什么我想念的吗。非常感谢任何帮助。谢谢

标签： cssangular

Answer 1

它是 PWA（渐进式 Web 应用程序）吗？在这种情况下，数据由 service worker 提供，而不是新获取的。

去

• Chrome 开发者工具（按 F12）...
• 单击应用程序选项卡上
• 左侧导航，点击“服务工作者”和“取消注册”服务工作者...
• 继续左侧导航中的下一个选项，单击“清除存储”...
• 单击右侧区域上的“清除站点数据”按钮重新启动 Chrome 并使用 Ctrl+shift+R 检查

如果您使用的是 CDN，您可能还必须从那里清除此特定 CSS 文件的缓存。