html 修改完不生效 是什么原因,修改css文件后不生效怎么办

修改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

● 2.2形如：.js?v=x 或者 css?version=x

3. 使用gulp等进行前端构建

本文来自css答疑栏目，欢迎学习！