Edge及Chrome中Ctrl+F5/Shift+F5刷新无效 仅禁用网络面板缓存生效

核心原因 #

该问题是Chromium 102内核版本（Edge/Chrome同内核）和服务端缓存配置不匹配的典型问题，和浏览器本身故障无关，核心触发逻辑是：

• 当静态资源（JS/CSS等）响应头包含Cache-Control: immutable标记时，Chromium 100+版本的Ctrl+F5/Shift+F5强制刷新逻辑不会跳过该类资源的本地缓存，只有开发者工具的「Disable Cache」选项会完全绕过所有缓存规则强制回源拉取，和描述的复现现象完全一致。
• 其他高概率触发场景包括：静态资源配置了超过1年的超长max-age但未配置资源版本戳、反向代理/CDN层注入了stale-while-revalidate缓存规则导致强制刷新时优先返回本地缓存。

排查步骤 #

• 先确认问题根因：打开开发者工具，不开启「Disable Cache」，正常访问页面后在Network面板找到加载旧版本的JS文件，查看其响应头的Cache-Control字段，确认是否存在immutable标记、max-age数值是否异常偏大。
• 快速验证：给存在更新问题的JS文件引用手动加自定义查询参数版本号，例如<script src="/Scripts/xxx.js?t=1"></script>，如果加完后Ctrl+F5能正常加载最新代码，即可100%确认是服务端缓存配置问题。

修复方案 #

• 针对ASP.NET MVC自带Bundle静态资源托管的场景：
  打开App_Start/BundleConfig.cs，确认所有脚本/样式引用都通过@Scripts.Render()、@Styles.Render()方法渲染，不要手动写死script/link标签的固定src。该方法会自动根据资源文件内容生成hash版本戳拼接在URL后（格式如/Scripts/main.js?v=8hG3sK2），资源内容变更时版本戳会自动更新，触发浏览器拉取新资源。
  检查Web.config中system.webServer/staticContent节点的缓存配置，移除全局配置的immutable缓存标记，参考配置如下：

  <staticContent>
    <!-- 清除原有错误缓存配置 -->
    <clear />
    <!-- 对带版本戳的静态资源配置长缓存，禁止对无版本戳资源加immutable -->
    <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="365.00:00:00" cacheControlCustom="public" />
  </staticContent>
  

  注意immutable标记仅可以配置给URL带永久版本标识的资源，不要给固定路径的资源加该标记。
• 如果服务端前置了Nginx、IIS重写规则、CDN等代理层：
  检查代理层的响应头注入规则，移除静态资源响应头中的immutable字段，将stale-while-revalidate参数值调整为0，确保强制刷新请求会直接回源校验资源版本。

内容的提问来源于stack exchange，提问作者cooper_milton