【问题标题】:Changes made to (static) CSS file not reflecting in Django development server对(静态)CSS 文件所做的更改未反映在 Django 开发服务器中
【发布时间】:2014-07-27 05:17:54
【问题描述】:

我正在使用 Django 制作一个 Web 应用程序,但在将 CSS 文件(存储在我的应用程序的静态目录中)中所做的更改反映到开发服务器上时遇到了一些麻烦。

需要明确的是,服务器能够访问静态文件,但是,它目前停留在我的 CSS 文件的旧版本上。几周前发生了类似的问题,当时我对 CSS 文件所做的任何更改都没有显示出来。几天后,这个问题自行解决了。

但是,没有立即获得视觉反馈是非常令人沮丧的。我已经尝试了以下所有方法来解决问题:

  • 我的 DEBUG 设置为“真”
  • 我提供了一个 STATIC_URL
  • 我尝试“收集”静态文件。该命令有效,但开发服务器仍未反映对 CSS 文件所做的更改
  • 我提供了一个 STATIC_ROOT、STATICFILES_DIR 和 STATICFILES_FINDER。目前这些已被注释掉,因为我意识到其中一些仅用于生产或开发不需要。

我的静态资源保存在我的一个应用程序的“静态”目录中——“post_it_gen”是项目的一部分。根据文档,这应该由 Django 自动搜索。

任何新的建议将不胜感激。

【问题讨论】:

  • 请提供更多代码(例如相关设置)。根据stackoverflow.com/a/24979340/928098,您不需要使用开发服务器collectstatic。您确定要修改正确的 CSS 文件吗? (请显示完整的文件路径)

标签: css django


【解决方案1】:

如果您使用 Django 的服务器进行本地开发,则无需使用 collectstatic 命令,它仅用于将所有静态依赖项收集到一个访问点,您可以将您的“真实”服务器指向,例如apache、lighttpd、nginx等

至于您的问题,您暗示它“神奇地”在几天后自行修复。您是否尝试过重置浏览器的缓存?

【讨论】:

  • 感谢解答,重置缓存解决了:)
  • 我经常遇到同样的缓存问题。我发现不时重置缓存很烦人,所以我想出了一个更实用的方法:在隐身窗口中加载页面。
  • 另一种选择是在谷歌开发工具高级设置中标记“无缓存”,但这仅在窗口处于活动状态时有效。另一个很酷的 chrome 功能是按住刷新按钮,您可以获得 3 个关于如何重新加载页面的选项(这也仅在打开开发工具窗口时有效)。
  • @HeddevanderHeide 哈哈.. 我从来不知道这个选项.. 这对我有用..
【解决方案2】:

就我而言,我的浏览器正在缓存 Js 和 CSS 文件,因此我无法看到更改。
您可以尝试刷新页面
对于 chrome/chrome 浏览器:
Ctrl + F5 或 Ctrl + Shift + R
两者都适合我。

【讨论】:

    【解决方案3】:

    在浏览器中执行硬刷新
    火狐:
    窗口,Linux:1.] ctrl + F5 2.] Ctrl + Shift + R
    Mac 1.] Command + Shift + R
    铬:
    窗口,Linux:1.] ctrl + F5 2.] Ctrl + usual refresh
    Mac 1.] Command + Shift + R 2.] Ctrl + usual refresh
    野生动物园:
    Mac 1.] Shift + Command + R

    【讨论】:

      【解决方案4】:

      清除缓存对我有用。 删除2次后,只需刷新按钮即可显示更改

      【讨论】:

        【解决方案5】:

        努力刷新页面 对于 chrome/chrome 浏览器:

        Ctrl + Shift + R

        完成了!

        【讨论】:

          【解决方案6】:

          使用隐身模式来测试更改,因为普通窗口会继续将您的更改保存在缓存中,而隐身窗口则不然。

          【讨论】:

            猜你喜欢
            • 2016-07-19
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多