Firefox Quantum隐私浏览模式下无法加载JS添加的分析脚本问题排查

Hey Dave, 这大概率是Firefox Quantum隐私浏览模式下的**增强跟踪保护（Enhanced Tracking Protection, ETP）**在起作用，不是你的代码有遗漏哦。下面给你详细拆解原因和解决方案：

核心原因：Firefox的强隐私拦截策略 #

Firefox的隐私浏览模式默认开启ETP，它会主动识别并拦截常见的第三方跟踪脚本（比如Google Analytics、Mixpanel这类主流分析工具的域名）——不管你是动态创建脚本标签还是直接嵌入页面，只要脚本属于ETP的拦截列表，就会被浏览器直接阻止加载，甚至不会发起网络请求。

而Chrome的隐身模式默认隐私策略相对宽松，它主要限制第三方Cookie的存储，但不会主动拦截分析脚本的加载，这就是为什么你的方案在Chrome隐身里正常，到Firefox隐私浏览就失效的原因。

快速验证方法 #

你可以临时关闭当前隐私窗口的ETP来确认：

• 点击地址栏左侧的盾牌图标
• 选择「禁用增强跟踪保护」
• 刷新页面后测试你的同意流程，如果脚本能正常加载，就坐实是ETP导致的问题了。

可行的解决方案 #

1. 添加加载失败监听，处理拦截场景 #

给你的动态脚本添加onerror事件监听，当脚本被ETP拦截时，你可以捕获这个情况，执行备用逻辑（比如记录日志、给用户友好提示）：

function loadAnalytics( consented ){
  if( analyticsExists() ) return callbackAnalytics( consented );
  if( !window.analyticsScriptURL ) return;
  var script = document.createElement( 'script' );
  script.src = analyticsScriptURL;
  script.type = 'text/javascript';
  script.async = true;
  script.onload = script.onreadystatechange = callbackAnalytics.bind( this, consented );
  // 新增错误监听，捕获浏览器拦截情况
  script.onerror = function() {
    console.log("Analytics script blocked by browser privacy settings");
    // 这里可以添加自定义逻辑，比如提示用户：
    // alert("我们的分析功能被您的浏览器隐私设置拦截，若需要体验完整功能可临时调整设置");
  };
  document.head.appendChild( script );
}

2. 告知用户隐私限制 #

在用户同意GDPR后，如果检测到脚本加载失败，可以友好地告知用户当前浏览器的隐私设置会影响分析功能，但不要强制引导用户关闭隐私保护——保持合规的同时提升透明度。

3. 考虑自托管分析脚本 #

如果你的分析脚本是自托管在自己的域名下（而非第三方公共跟踪域名），Firefox的ETP通常不会拦截这类脚本，你的现有代码就能正常运行。

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