Question

我正在开发一个新网站，每当我更改CSS设置时，Chrome都不会接受这些更改，除非我完全用任务管理器关闭chrome并重新启动它。我尝试过很多东西。以下列出了我尝试过的事情：

对CSS文件进行版本控制（我在CSS文件的末尾使用了PHP日期戳
在开发者控制台中启用“在开发者窗口打开时清除缓存”
使用Ctrl + F5清除刷新时的缓存
在开发者控制台中转到应用程序和清除存储
清除本地AppData中的缓存文件夹
从stie，刷新和读取文件中删除CSS文件。
隐身模式
向Chrome快捷方式--disk-cache-dir=null
添加浏览器插件以删除缓存。

任何人都有任何想法如何帮助？每次我想检查CSS更改时关闭chrome非常烦人且效率低下。另一个烦恼是，我正试图在浏览器中听音乐，所以如果我关闭chrome我必须回去再次播放我的音乐，这就像现在非常烦人，而且比我想要的更耗时。

我曾尝试在线查看有关缓存清除的其他文章以及有关Stack Overflow的其他文章，但我已尝试完成他们建议的大部分内容，但我还没有看到任何积极的结果。大多数文章都说在CSS文件的末尾添加某种随机字符串或版本作为GET请求，但是虽然我知道这在过去对我有用，但是没有用。

Answer 1

pres f12＆gt; f1＆gt;网络＆gt;禁用缓存（当DevTools打开时）。这应该可以解决你的问题

Answer 2

开发服务器正在运行各种缓存工具，尽管它们应该已经关闭。禁用后，chrome开始运行得更好，大部分时间CTRL + F5都能解决问题。

Answer 3

“清除缓存”并不像应该的那样容易。我没有清除浏览器上的缓存，而是意识到“触摸”缓存的服务器文件实际上会改变缓存在服务器上的源文件的日期和时间（在Edge，Chrome和Firefox上测试），并且大多数浏览器会自动下载最多当前最新的服务器副本（代码，图形任何多媒体）。我建议您在程序运行之前复制服务器上的最新脚本和“触摸事物”解决方案，这样它会将所有问题文件的日期更改为最新的日期和时间，然后它会将新的副本下载到您的浏览器：

  <?php
    touch('/www/sample/file1.css');
    touch('/www/sample/file2.css');
    touch('/www/sample/file2.css');
   ?>

然后......你的其他程序......

我花了一些时间来解决这个问题（因为许多浏览器对不同的命令采取不同的行动，但他们都检查文件的时间并与浏览器中下载的副本进行比较，如果不同的日期和时间，将进行刷新），如果你不能按照假设的正确方式，总会有另一个可用的更好的解决方案。最好的问候和快乐的露营。顺便说一下touch（）;或者替代品在许多编程语言中工作，包括在javascript bash sh php中，你可以在html中包含或调用它们。

Answer 4

我曾经遇到同样的问题，我相信这是一个（非常讨厌）Chrome的错误。您可以使用CSS Reloader Chrome Extension来解决它。不理想，但更好

Answer 5

如果您正在尝试新的CSS更新，我建议使用Chrome的“Inspect”功能动态更新CSS设置并以交互方式观察结果。与仅手动编辑相比，这可以在更新周期中节省一些时间。

尝试的另一个选项是在head部分中定义“cache-control”元标记。对于开发/测试，您可能希望没有缓存。对于真实的网站，您可能希望缩短年龄限制。请参阅以下SO Q＆amp; A.

Using meta tags to turn of caching in all browsers?

Chrome未清除缓存

5 个答案: