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

我目前正在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。

有很多更复杂的解决方案，但是一个非常简单的解决方案就是在CSS include中添加一个随机查询字符串。

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

如果您使用的是php或其他服务器端语言，则可以使用进行自动操作time()。原来如此styles.css?v=<?=time();?>

这样，查询字符串将每次都是新的。就像我说的那样，有许多更复杂的解决方案具有更高的动态性，但是在测试目的中，此方法是最高（IMO）。

要强制Chrome重新加载CSS和JS：

Windows选项1：CTRL+ SHIFT+ R
Windows选项2：SHIFT+F5

OS X：⌘+ SHIFT+R

如@PaulSlocum在评论中所述（已确认）

原始答案：

Chrome更改了行为。Ctrl+ R会做到的。

在OS X上：⌘+R

如果您在重新加载css / js文件时遇到问题，请在重新加载之前打开检查器（CTRL+ SHIFT+ C）。

[阅读下面的更新]

我找到的最简单的方法是在Chrome DevTools设置中。单击DevTools右上方的齿轮图标（或3个垂直点，在最新版本中），以打开“设置”对话框。在其中，勾选框：“禁用缓存（打开DevTools时）”

更新：现在此设置已被移动。可以在“网络”标签中找到，它是一个标记为“禁用缓存”的复选框。

您正在处理浏览器缓存的问题。

在页面本身中禁用缓存。那不会在浏览器/缓存中保存页面的支持文件。

<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1990 12:00:00 GMT" />

您需要/需要将此代码插入head要调试的页面的head标签或的标签中 master page网站的

这将不允许浏览器缓存文件，最终文件将不会存储在浏览器临时文件中，因此没有缓存，因此不需要重新加载:)

我相信这会做的:)

在我的情况下，在Chrome DevTools设置中，仅设置“禁用缓存（打开DevTools时）”不起作用，它需要检查“启用CSS源映射”和“自动重新生成生成的CSS”，它们在源代码中列出组，以使此缓存问题消失。

按SHIFT+F5。

它适用于Chrome 54版。

我在这里遇到了同样的问题！但我可以肯定，我的分辨率要比以上所有示例都要好，只要做到这一点，

1. 按下F12拉起Chrome开发者控制台
2. 右键单击浏览器顶部的重新加载按钮，然后选择“空缓存和硬重新加载”。

就是这样！

借助macOS，我可以通过以下方式强制Chrome重新加载CSS文件：

⌘+ SHIFT+R

在这里的评论中发现了这个答案，但值得更多的关注。

当您重新加载页面（Command + R）时，当前版本的Chrome（55.x）不会重新加载所有资源-这对​​于调试.css文件没有用。

如果只想调试.html，.php，.etc文件，则Command + R可以很好地工作，并且由于使用本地/缓存的资源（.css，.js），因此Command + R可以更快。为每次调试迭代手动删除浏览器的缓存并不方便。

在Mac上强制重新加载.css文件的过程（键盘快捷键/ Chrome）：Command + Shift + R

我正在使用Edge版本81.0.416.64（官方版本）（64位）及其基于Chromium开源项目的版本。

按此F12进入开发工具。
单击网络选项卡，
检查禁用缓存

我知道这是一个老问题，但是如果有人仍在寻找如何仅重新加载单个外部css / js文件的方法，Chrome中最简单的方法是：

1. 转到网络标签 DevTools中的“
2. 右键单击资源，然后选择“ 重播XHR”以重复请求

确保已选择“ 禁用缓存”选项以强制重新加载。

对于macOS Chrome：

1. 开放式开发工具cmd+ alt+i
2. 单击开发人员工具右上角的三个点
3. 点击设置
4. 向下滚动到 Network
5. 启用Disable cache (while DevTools is open)请参阅屏幕截图：

为什么需要刷新整个页面？仅刷新css文件而无需重新加载页面。例如，当您必须等待数据库的长时间响应时，这将非常有用。从DB获取数据并填充页面后，请编辑CSS文件，然后将其重新加载到Chrome（或Firefox）中。为此，您需要安装CSS Reloader extension。也提供Firefox版本。

您可以将该脚本复制粘贴到Chrome控制台中，并强制CSS脚本每3秒重新加载一次。有时候，当我改进CSS样式时，它会很有用。

var nodes = document.querySelectorAll('link');
[].forEach.call(nodes, function (node) {
    node.href += '?___ref=0';
});
var i = 0;
setInterval(function () {
    i++;

    [].forEach.call(nodes, function (node) {
        node.href = node.href.replace(/\?\_\_\_ref=[0-9]+/, '?___ref=' + i);
    });
    console.log('refreshed: ' + i);
},3000);

我通过这个简单的技巧解决了。

<script type="text/javascript">
  var style = 'assets/css/style.css?'+Math.random();;
</script>

<script type="text/javascript">
  document.write('<link href="'+style+'" rel="stylesheet">');
</script>

仍然是一个问题。

使用“ ..css？something = random-value”之类的参数不会改变我的客户支持经验。仅名称更改有效。

重命名文件的另一种方法。我在IIS中使用URL重写。有时，Helicon的Isapi Rewrite。

添加新规则。

+ Name: lame-chrome-fix.
+ Pattern: styles/(\w+)_(\d+)
+ Rewrite URL: /{R:1}.css

注意：我保留使用小写字母来将名称与随机数分开。可能还有其他。

例：

<link href="https://stackoverflow.com/styles/template_<% 
Response.Write( System.DateTime.UtcNow.ToString("ddmmyyhhmmss")); %>" 
type="text/css" />

（没有样式文件夹，它只是模式的名称部分）

输出代码为：

<link href="/styles/template_285316115328" 
rel="stylesheet" type="text/css">

重定向为：

（R：1 =模板）

/template.css

只有解释很长。

刚遇到一个问题，一个运行Chrome（在Mac上）的人突然停止加载CSS文件。CMD + R根本不起作用。我不喜欢上面的建议，这些建议会迫使生产系统永久重新加载。

起作用的是在HTML文件中更改CSS文件的名称（当然还要重命名CSS文件）。这迫使Chrome浏览器获取最新的CSS文件。

如果您正在使用Sublime Text 3，则使用构建系统打开文件会打开最新版本，并提供一种方便的方法来通过[CTRL + B]加载该文件。要设置构建系统以chrome打开文件，请执行以下操作：

1. 转到“工具”

2. 将鼠标悬停在“构建系统”上。在弹出的列表的底部，单击“新建系统...”。

3. 在新的构建系统文件中，键入：

   {"cmd": [ "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "$file"]}

**如果上面的第一组引号中的路径是chrome在您的计算机上的定位路径，如果不是简单地找到chrome的位置并将第一组引号中的路径替换为Chrome在您的计算机上。

实现目标的最简单方法是在Chrome中打开新的隐身窗口或在Firefox中打开私密窗口默认情况下，它将不缓存。

您可以将其用于开发目的，这样就不必在项目中注入一些防止随机缓存的代码。

如果您使用的是IE，那么上帝可以帮助您！

Ctrl + F5

Shift + F5

两者都可以

在Safari 11.0 macOS SIERRA 10.12.6上最简单的方法：从原点重新加载页面，您可以使用帮助来查找菜单在菜单中的位置，或者可以使用快捷键（alt）+ command +R。

Chrome/firefox/safari/IE 将通过这些快捷方式重新加载整个页面

Ctrl+ R （或）Ctrl+F5

希望对您有帮助！

如果您将SiteGround用作托管公司，但其他解决方案均无效，请尝试以下操作：

从cPanel中，转到“站点改进工具”，然后单击“ SuperCacher”。在下一页上，单击“刷新缓存”按钮。