我正在开发一个新网站,每当我更改CSS设置时,chrome都不会接受这些更改,除非我使用任务管理器完全关闭chrome并重新启动它。我尝试了很多东西。下面是我尝试过的事情的列表:
- CSS文件的版本控制(我在CSS文件的末尾使用PHP日期戳
- 在开发人员控制台中启用“开发人员窗口打开时清除缓存”
- 使用Ctrl + F5在刷新时清除缓存
- 转到开发人员控制台中的应用程序和清除存储
- 清除本地AppData中的缓存文件夹
- 从stie中删除CSS文件,刷新并重新写入文件。
- 隐姓埋名模式
- 将启动选项添加到chrome快捷方式
--disk-cache-dir=null
- 添加浏览器插件以删除缓存。
有没有人有什么办法可以帮到我?每次我想检查CSS的变化时都要关闭chrome,这是非常烦人和低效的。另一个烦恼是,我试图在浏览器中听音乐,所以如果我关闭chrome,我必须返回并再次播放我的音乐,这就像现在一样非常烦人,比我想要的还要耗时。
我试着在网上看过其他关于缓存破坏的文章和其他关于Stack Overflow的文章,但我试着做了他们建议的大部分事情,我还没有看到任何积极的结果。大多数文章都说在CSS文件的末尾添加某种随机字符串或版本作为GET请求,但这不起作用,尽管我知道这在过去对我有用。
6条答案
按热度按时间piah890a1#
pres f12〉f1〉network〉disable cache(while DevTools is open).这应该可以解决你的问题
6za6bjd02#
开发服务器正在运行各种缓存工具,尽管它们应该被关闭。禁用它们后,chrome开始更好地工作,大多数时候CTRL+F5都做到了。
3pmvbmvn3#
**“清除缓存”并不像它应该的那样容易。我没有在浏览器上清除缓存,而是意识到“触摸”缓存的服务器文件实际上会更改缓存在服务器上的源文件的日期和时间(在Edge、Chrome和Firefox上测试),大多数浏览器会自动下载服务器上最新的whats副本(代码,图形,任何多媒体).我建议你只是复制服务器上最新的脚本和“做触摸的事情”**解决方案之前,您的程序运行,所以它会改变你所有的问题文件的日期到最新的日期和时间,然后它下载一个新的副本到您的浏览器:
那么你的其他程序。
我花了一些时间来解决这个问题(因为许多浏览器对不同的命令有不同的行为,但他们都检查文件的时间,并与您在浏览器中下载的副本进行比较,如果不同的日期和时间,将进行刷新),如果你不能走正确的路,总有另一个可用的更好的解决方案。或替代品在许多编程语言中工作,包括javascript bash sh php,您可以在html中包含或调用它们。
rsaldnfx4#
我以前也遇到过同样的问题,我相信这是Chrome的一个(相当烦人的)bug。你可以使用CSS Reloader Chrome Extension来解决它。不太理想,但更好
oxcyiej75#
如果你正在尝试新的CSS更新,我建议你使用Chrome的“Inspect”功能来动态更新CSS设置,并以交互方式观察结果。与单独手动编辑相比,这可能会在更新周期中保存一些时间。
另一个尝试的选择是在你的头部定义“cache-control” meta标签。对于开发/测试,你可能希望没有缓存。对于一个真实的的网站,你可能希望有一个更短的年龄限制。参考下面的SO Q&A。
Using meta tags to turn of caching in all browsers?
qyuhtwio6#
我找到的解决这个问题的唯一方法是把它放在我的.htaccess文件中: