网页Html5开发chrome在更改css源码后不更新怎么办

其实首先要看清楚，有没改错代码

其实首先要看清楚，有没改错代码

其实首先要看清楚，有没改错代码

（哥主要的问题，是Style.css文件，改成Styl.css文件去了，就差一个字）

如果确定不是新手，代码也没啥问题，就可以用下面4个方法，都挺好用的

在做web开发过程中，经常需要调试js代码，而在这个时候我们修改过的代码可能不能生效。这是因为浏览器默认是有缓存的，但是这个时候缓存就会影响我们的调试工作，在这里就介绍一下chrome浏览器解决该问题的方法。

chrome css修改不更新解决方法：

方法一：调试前清除浏览器缓存（这个方法是最没用的）

在浏览器设置界面中

或使用快捷键直接清理缓存 ctrl+shift+delete

（没用，看到设置就怕）

二、设置浏览器不缓存页面

在调试页面中勾选Disable cache

三、强制刷新页面

使用ctrl+shift+R 强制刷新，不使用浏览器缓存来刷新页面

（哥比较喜欢用这个哈）

四、从代码角度解决缓存问题

（代码自动修改不错，若能做到这个功能，每次Save即构建代码）

浏览器会缓存css或js文件，通过设置和改变版本号，浏览器就会重新下载新的js或css文件，在js或css后加?v= 版本号的用法如下

css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ）

<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script>

<link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />

其实，还有第5个方法，是右键Clear Cache，这是最笨的方法，每次都要清

第6个方法，是把style.css改名，读错了，再读回来，肯定没有Cache

还是最喜欢用方法三