修改css文件后不生效怎么办
前端开发会遇到一个问题:修改测试前端代码的时候,有时候修改了css或者js文件,但是前端刷新的时候却没有反应,不免让人感觉是不是修改错误,其实这有可能是客户端缓存问题。
解决方法:
1. Ctrl+F5,清除浏览器缓存(等同于浏览器-->历史数据-->删除cookies);
2. 如果是利用F12中的Disable cache,则需要F12打开控制台才能生效
2. 在js或css后加版本号,这时候浏览器客户端会认为这是不同版本的js或者css文件,会自动重新刷新下载(浏览器会缓存下载页面js和css文件)
● 2.1形如:.css?v=x 或者 css?version=x
<link rel="stylesheet" href="xx/xx.css?version=x.x.x" type="text/css" />
● 2.2形如:.js?v=x 或者 css?version=x
<script type="text/javascript" src=../...js?v=x ></script>
3. 使用gulp等进行前端构建
本文来自css答疑栏目,欢迎学习!
以上就是修改css文件后不生效怎么办的详细内容,更多请关注易知道|edz.cc其它相关文章!