浏览器无法再看到已保存 CSS

Question

所以上周我一直在处理页面，每次结束工作时我都会保存文件并关闭 VSCode。今天我回来了，打开所有东西开始写作。过了一会儿，我注意到我在 CSS 中的规则没有出现在页面中。我以为我做错了什么，所以我尝试了不同的方法，但没有任何效果。然后我用 F12 在浏览器中打开 CSS 检查是否有问题，我看到它保存了最后几周 CSS。我关闭了一切，再次尝试，但没有。该文件保存在本地，我可以看到它何时更改，但浏览器仍然可以看到上周的保存。 HTML 中的 link 是正确的，从未更改过，文件位于正确的文件夹中，一切都很好。我正在使用 WordPress 和 Twig atm，如果这能以某种方式提供帮助的话。

<link rel="stylesheet" href="{{site.theme.link}}/style.css" type="text/css" media="screen" />

那是我到现在为止使用的 link，它运行良好，路径从未改变。

很抱歉，我无法提供更多信息，但我真的不知道该显示什么，就像我什么也没做，它就停止工作了。

提前感谢您抽出宝贵时间提供帮助！

Answer 1

会不会是缓存问题？

尝试打开开发工具，然后右键单击刷新按钮。
它将为您提供清除缓存和硬刷新的选项。
（假设您使用 chrome）

如果这是问题所在并且您不想再次处理它，那么您可以考虑将缓存无效化程序附加到您的 css url.

最简单的方法是 {{site.theme.link}}/styles.css?r={{ 随机(1, 1000) }}

请记住，在生产环境中，这会减慢交付速度（只是一点点，css 文件通常不会那么大），因为每次访问网站时都会使浏览器缓存失效负载。

Answer 2

我建议您重新安装 Mozilla Firefox。请按照以下步骤操作：

备份您的书签（如果有的话）。
截取 Add-ons 页面的屏幕截图。它将帮助您找到并重新安装它们。
卸载 Firefox。

卸载 Firefox 后删除这些文件夹:

C:\Users\[your-user-name]\AppData\Local\Mozilla

C:\Users\[your-user-name]\AppData\LocalLow\Mozilla 和

C:\Users\[your-user-name]\AppData\Roaming\Mozilla.

如果您在卸载前安装了 add-ons，请尝试此选项：

Menu -> Help -> Restart with Add-ons Disabled

浏览器无法再看到已保存 CSS

Browser can not longer see saved CSS

html

css

twig