我长期遇到这个问题。每当我更新现有的stylesheet
时,它都不会立即在浏览器中生效。如果我查看页面源并单击我的样式表,则例如:<link rel="stylesheet" href="assets/stylesheets/theme-custom.css">
最近添加的代码未显示。它在几个小时后更新。 Firefox
&amp; Chrome
。
为什么会这样?我怎么能摆脱它?
答案 0 :(得分:1)
由于性能原因,浏览器缓存加载了css文件。因此,如果您更新css,则必须清除缓存。您也可以通过按CTRL + R
清除页面来重新加载页面。
在以下链接页面中,您可以找到如何交付css并强制浏览器获取当前版本的方法(例如添加时间戳或其他任何参数): https://css-tricks.com/can-we-prevent-css-caching/
编辑: 您也可以在浏览器的设置或开发人员工具中完全禁用缓存。