我当前正在Visual Studio2012中编辑一个.css文件(在调试模式下)。我用Chrome作为我的浏览器。当我在Visual Studio中对应用程序的.css文件进行更改并保存时,刷新页面时将不会加载在我的.css文件中更新的更改。我认为.css文件仍然被缓存。
我试过:
除非我手动停止调试(关闭Chrome),重新启动应用程序(在调试中),否则似乎什么都不会工作。
有没有办法强制Chrome总是重新加载所有的css更改和重新加载.css文件?
更新:
1。我的.aspx文件中的行内样式更改将在我刷新时拾取。而.css文件中的更改则不会。2.它是一个ASP.NET MVC4应用程序,所以我点击了一个超链接,这会得到一个GET。这样做,我没有看到对样式表的新请求。但单击F5,.css文件将被重新加载,状态代码(在network选项卡上)为200。
有更复杂的解决方案,但一个非常容易、简单的解决方案就是在CSS include中添加一个随机查询字符串。
例如src=“/css/styles.css?v={random number/string}”
如果您使用的是php或其他服务器端语言,则可以使用time()
自动完成此操作。因此,它将是styles.css?v=<?=time();?>
这样,查询字符串每次都是新的。正如我所说的,有更复杂的更动态的解决方案,但在测试目的中,这种方法是top(IMO)。
强制chrome重新装载css和JS:
Windows选项1:Ctrl+Shift+R
Windows选项2:Shift+F5
OS X:+Shift+R
正如@paulslocum在评论中所说的那样进行了更新(许多评论得到了确认)
原答案:
铬改变了行为。Ctrl+R将执行此操作。
在OS X上:+R
如果重新加载CSS/JS文件时遇到问题,请在重新加载之前打开检查器(Ctrl+Shift+C)。