我目前正在 Visual Studio 2012 中编辑一个 .css 文件(在调试模式下)。我使用 Chrome 作为我的浏览器。当我在 Visual Studio 中更改我的应用程序的 .css 文件并保存时,刷新页面将不会加载我的 .css 文件中的更新更改。我认为 .css 文件仍然被缓存。
我努力了:
除非我手动停止调试(关闭 Chrome),重新启动应用程序(在调试中),否则似乎没有任何效果。
有什么方法可以强制 Chrome 始终重新加载所有 css 更改并重新加载 .css 文件?
更新: 1. 我的 .aspx 文件中的内联样式更改在我刷新时被拾取。但是 .css 文件中的更改不会。2. 它是一个 ASP.NET MVC4 应用程序,所以我单击一个超链接,它执行 GET。这样做,我没有看到对样式表的新请求。但是点击 F5,.css 文件被重新加载并且状态码(在网络选项卡上)是 200。
有更复杂的解决方案,但一个非常简单的解决方案就是将随机查询字符串添加到您的 CSS 包含中。
如src="/css/styles.css?v={random number/string}"
src="/css/styles.css?v={random number/string}"
如果您使用 php 或其他服务器端语言,您可以使用time(). 所以它会是styles.css?v=<?=time();?>
time()
styles.css?v=<?=time();?>
这样,查询字符串每次都是新的。就像我说的那样,有更复杂的解决方案更具动态性,但在测试目的中,这种方法是顶级的(IMO)。