.NET Framework站点Recaptcha在Chrome无法加载但Edge正常的排查

可能的原因 #

• Chrome网络缓存/预加载机制异常：Chrome的缓存或预加载策略可能对旧站点的脚本加载逻辑产生冲突，尤其是当站点未明确设置缓存控制头时，部分用户的Chrome可能留存了损坏的缓存条目，导致脚本请求返回空响应。
• Chrome隐私沙箱/跨站追踪防护升级：Chrome近期的隐私更新（如Privacy Sandbox）可能对非bundle方式加载的第三方脚本（如Recaptcha）施加了更严格的限制，部分用户的Chrome开启了更高等级的隐私防护，而Edge的防护策略与Chrome存在差异。
• 本地安全应用的拦截差异：虽安全策略统一，但不同工作站的安全应用（如终端防护、防火墙）可能存在本地规则或版本差异，部分设备的安全软件在拦截脚本请求时返回空响应，而非直接阻断。
• Recaptcha脚本加载时机与AngularJS的冲突：老旧AngularJS站点的DOM渲染时序可能与Chrome最新的DOM解析逻辑不兼容，导致script标签的执行时机异常，触发空响应。

Chrome设置排查方向 #

• 重置Chrome网络设置：
  1. 进入chrome://settings/reset
  2. 选择「重置设置」中的「恢复原始默认设置」，重置后重启Chrome测试
• 调整隐私与安全设置：
  • 进入chrome://settings/privacy，将「隐私沙箱」设置为默认或暂时关闭，测试Recaptcha加载情况
  • 检查「网站设置」中的「JavaScript」是否允许该站点运行脚本，确认「跨站追踪」设置为默认级别
• 查看Chrome网络请求的详细日志：
  1. 打开DevTools的「Network」面板，勾选「Preserve log」和「Disable cache」
  2. 刷新页面，查看Recaptcha脚本请求的「Headers」和「Response」详情，重点检查请求头中的Referer、Origin是否正确，响应头是否有异常标识
• 测试Chrome实验性特性：
  进入chrome://flags，搜索「Third-party cookies」、「Privacy Sandbox」相关选项，暂时禁用实验性特性后测试
• 检查本地代理与DNS设置：
  1. 进入chrome://settings/system，查看「打开您计算机的代理设置」，确认代理配置与正常运行的同事一致
  2. 尝试切换DNS服务器为公共DNS（如8.8.8.8），排除DNS解析异常导致的空响应

额外验证步骤 #

• 在有问题的Chrome控制台手动注入Recaptcha脚本，观察是否能正常加载，判断是否是站点DOM加载逻辑导致的问题：

  var script = document.createElement('script');
  script.src = 'https://www.google.com/recaptcha/api.js?render=你的密钥';
  document.body.appendChild(script);
  

• 对比正常用户和异常用户的Chrome版本，确认是否是特定版本的Chrome出现该问题，尝试升级或降级到稳定版本

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