【问题标题】:Google chrome css doesn't update unless clear cache除非清除缓存,否则 Google chrome css 不会更新
【发布时间】:2013-12-16 12:20:48
【问题描述】:

我正在尝试在本地服务器上工作,但如果我想查看 css 规则的更改,每次都必须清除缓存。

有什么方法可以控制谷歌浏览器缓存?

【问题讨论】:

    标签: css google-chrome caching


    【解决方案1】:
    1. 打开DevTools
    2. 打开Settings(右下角或使用F1快捷方式)
    3. 检查Disable cache (while DevTools is open)

    https://developers.google.com/chrome-developer-tools/docs/settings#general

    【讨论】:

    • 这是唯一能让我看到@imported css 文件变化的方法。
    • 谢谢!这几个月来一直让我发疯!
    • 如果我将 css 更改推送到实时服务器上,那么在我们刷新缓存之前它不会出现,如何解决这个问题?我的意思是公众用户不知道这些变化。
    • 当我遇到这种烦恼时发生了最奇怪的事情......我对 css 文件所做的一些边距、填充、间距更改在我刷新页面时实际上是可以验证的,但只是没有所有的变化。如此处所述更改设置正是我所需要的。非常感谢!
    • 仅供参考,它是右上角的一个复选框(在网络部分下)。
    【解决方案2】:

    CTRL+F5 : 通过清除GG chrome缓存刷新页面。

    【讨论】:

    • CMD - SHFT - Mac 上的 R
    【解决方案3】:
    1. 打开您的开发者工具,然后点击右上角的图标

    1. 在设置 --> 首选项中向下滚动以找到“禁用缓存(在 DevTools 打开时)”并单击该框以选择该选项。

    如果您仍然遇到问题,并且该页面可以在其他浏览器上运行,那么简单的解决方法可能是卸载 Google Chrome 并重新安装最新版本。我遇到了这个问题,这是最好的解决方法,而不是为追踪复杂的修复或不再有效的过时帖子而头疼。重新安装 Chrome 后,重复上述步骤以禁用缓存。

    【讨论】:

    • 在 2017 年,这帮助我真正找到了设置
    【解决方案4】:

    您可以执行以下任何选项:-

    1. 安装Chrome Extension 类似 Clear Cache 以通过单击图标来清除缓存。
    2. 使用隐身模式并以隐身模式浏览您的网站。隐身模式不会清楚地禁用缓存。完全禁用缓存可能会降低您的浏览体验。
    3. 使用 chrome 的硬重载(清除缓存和硬重载)等功能。 Read this stackoverflow post
    4. 正如@Vitaly 所说,使用开发者工具设置完全禁用缓存。

    选择适合你的:)

    【讨论】:

      【解决方案5】:

      在此处遵循此解决方案帮助我重新加载了 css:https://wpreset.com/force-reload-cached-css/

      而不是请求文件执行以下操作:

      <link rel="stylesheet" href="~/css/variabledocument.css" type="text/css" />
      

      通过在文件末尾添加一个参数来请求id(参数名称无关紧要):

      <link rel="stylesheet" href="~/css/variabledocument.css?refreshcss=1" type="text/css" />
      

      这将请求新的 css 文件。每当您对 css 文件进行更改时,您只需更改参数名称、值或两者,服务器将再次请求它。

      当您无法控制客户的浏览器并且它不要求他们采取任何行动时,这非常有用。

      【讨论】:

      • 简单有效。最重要的是,它有一种类似的“版本控制”方法用于未来的更新。简直不敢相信我在更新一个简单的 CSS 文件时遇到的麻烦!
      • 后续部署有问题。这种方法是一个很好的解决方案,我可以将所有文件集中在我的基本网页类中。例如附加 DLL 的构建日期,以便它们仅在重新编译和部署应用程序时更改。 &lt;link rel="stylesheet" href="~/css/variabledocument.css?BD=20201209094326" type="text/css" /&gt; 也应该适用于具有相同问题的脚本文件。
      【解决方案6】:

      更多工具 > 开发者工具
      然后右键单击浏览器上的刷新按钮。
      您将获得三个选项。选择“清空缓存并硬重新加载”。

      这只会影响活动标签。

      【讨论】:

        【解决方案7】:

        Shift-F5 重新加载在 Chrome 61.0.3163.100 上为我工作的页面

        【讨论】:

          【解决方案8】:

          要控制 Google Chrome 缓存,您可以执行以下步骤:

          1. 禁用缓存(在 DevTools 打开时)
          2. 关闭 Chrome 浏览器
          3. 使用清理软件(如 CC Cleaner)清理缓存
          4. 打开 Chrome 浏览器

          【讨论】:

          • 对我一点帮助都没有...... :(
          猜你喜欢
          • 1970-01-01
          • 2021-11-30
          • 1970-01-01
          • 2014-04-10
          • 2017-06-28
          • 2020-09-08
          • 2019-10-15
          • 1970-01-01
          • 2021-05-14
          相关资源
          最近更新 更多