CSS不会立即在浏览器中更新

时间:2015-12-26 22:51:51

标签: html css google-chrome firefox

我长期遇到这个问题。每当我更新现有的stylesheet时,它都不会立即在浏览器中生效。如果我查看页面源并单击我的样式表,则例如:<link rel="stylesheet" href="assets/stylesheets/theme-custom.css">最近添加的代码未显示。它在几个小时后更新。 Firefox&amp; Chrome

为什么会这样?我怎么能摆脱它?

1 个答案:

答案 0 :(得分:1)

由于性能原因,浏览器缓存加载了css文件。因此,如果您更新css,则必须清除缓存。您也可以通过按CTRL + R清除页面来重新加载页面。

在以下链接页面中,您可以找到如何交付css并强制浏览器获取当前版本的方法(例如添加时间戳或其他任何参数): https://css-tricks.com/can-we-prevent-css-caching/

编辑: 您也可以在浏览器的设置或开发人员工具中完全禁用缓存。