小编典典

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

all

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

我努力了:

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

除非我手动停止调试(关闭 Chrome),重新启动应用程序(在调试中),否则似乎没有任何效果。

有什么方法可以强制 Chrome 始终重新加载所有 css 更改并重新加载 .css 文件?

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


阅读 92

收藏
2022-08-27

共1个答案

小编典典

有更复杂的解决方案,但一个非常简单的解决方案就是将随机查询字符串添加到您的 CSS 包含中。

src="/css/styles.css?v={random number/string}"

如果您使用 php 或其他服务器端语言,您可以使用time(). 所以它会是styles.css?v=<?=time();?>

这样,查询字符串每次都是新的。就像我说的那样,有更复杂的解决方案更具动态性,但在测试目的中,这种方法是顶级的(IMO)。

2022-08-27