静态文件更改未反映在提供的样式表中

Question

当我尝试更改 CSS 文件中的任何内容时，我在浏览器中显示的样式表中看不到任何更改。

在我构建项目后，我更改了一种样式（例如，default.css 中的背景颜色从白色变为黑色）。然后我运行该项目，但页面背景仍然是白色的。我认为它来自我的 HTML 模板文件中的{% load static %}，但我不太确定。我发现在 CSS 中应用更改的唯一方法是创建新的 CSS 文件并从 HTML 模板中引用它。任何想法如何解决它？

Answer 1

这里有几件事可能会给您带来问题。

1. 您的浏览器正在缓存样式表。要禁用此缓存，您可以打开开发者工具，转到网络选项卡，然后单击“禁用缓存”（至少在 Firefox 或 Chrome 中）。
2. 您的项目已配置为提供收集的文件。要解决此问题，请运行 ./manage.py collectstatic - 这会将 collect all your CSS 放入一个文件中，然后可以提供该文件。

Answer 2

听起来缓存在您的浏览器上。如果您使用的是 chrome，请打开开发工具并选中该框以禁用缓存

https://stackoverflow.com/a/7000899/5360912