提问者:小点点

在Visual Studio中调试时如何强制Chrome浏览器重新加载.css文件?


我当前正在Visual Studio2012中编辑一个.css文件(在调试模式下)。我用Chrome作为我的浏览器。当我在Visual Studio中对应用程序的.css文件进行更改并保存时,刷新页面时将不会加载在我的.css文件中更新的更改。我认为.css文件仍然被缓存。

我试过:

  1. Ctrl/F5
  2. 在Visual Studio 2012中,转到“项目属性”、“Web”选项卡,在“开始操作”部分“粘贴”中选择“开始外部程序”,或在“命令行参数”框“PUT-INCONGINITO”中浏览到Google Chrome的路径(我的路径是C:\Users\xxx\AppData\Local\Google\Chrome\Application\Chrome.exe)
  3. 使用Chrome开发者工具,点击“齿轮”图标,勾选“禁用缓存”。

除非我手动停止调试(关闭Chrome),重新启动应用程序(在调试中),否则似乎什么都不会工作。

有没有办法强制Chrome总是重新加载所有的css更改和重新加载.css文件?

更新:
1。我的.aspx文件中的行内样式更改将在我刷新时拾取。而.css文件中的更改则不会。2.它是一个ASP.NET MVC4应用程序,所以我点击了一个超链接,这会得到一个GET。这样做,我没有看到对样式表的新请求。但单击F5,.css文件将被重新加载,状态代码(在network选项卡上)为200。


共2个答案

匿名用户

有更复杂的解决方案,但一个非常容易、简单的解决方案就是在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)。