Firebase Remote Config(Web)在三星互联网等浏览器始终使用默认值如何解决

1. 处理浏览器防护拦截问题 #

• Samsung Internet默认开启「智能反跟踪」功能，Polypane默认也会启用跨域跟踪拦截规则，Firebase Remote Config的拉取请求属于Google域的跨站请求，会被这类规则拦截，导致拉取失败直接回退到默认值。
  修复操作：在站点响应头添加 SameSite=None; Secure 标记，允许Firebase相关的第三方Cookie正常发送；如果是Firebase Hosting托管的站点，可以直接在托管配置中添加对应响应头规则，自托管站点在服务器配置中添加即可。
• 测试阶段可以先手动关闭两个浏览器的跟踪防护功能，验证配置拉取是否恢复正常，确认根因后再做线上配置调整。

2. 修正代码不规范取值写法 #

你当前代码直接读取SDK私有属性_value不符合官方API规范，不同浏览器环境下SDK内部属性挂载逻辑存在差异，会导致读取到的始终是默认值：

• 布尔类型配置改用.asBoolean()方法取值
• 字符串类型配置改用.asString()方法取值
  修正后的代码如下：

<script>
  const remoteConfig = firebase.remoteConfig();
  remoteConfig.settings = {
    fetchTimeMillis: 60000,
    minimumFetchIntervalMillis: 300000
  }
  
  remoteConfig.defaultConfig = ({
    'maintenance_mode_enabled': "false",
    'maintenance_mode_message': "Apologies, our website is unavailable at present. Please direct your enquiries to us by email, or check back here later."
  });

  remoteConfig.fetchAndActivate()
    .then((activated) => {
      // activated返回布尔值，可确认是否成功拉取并激活了线上配置
      console.log("配置激活状态", activated);
      const maintenanceEnabled = remoteConfig.getBoolean("maintenance_mode_enabled");
      const maintenanceMsg = remoteConfig.getString("maintenance_mode_message");
      const maintenance_element = document.getElementById('maintenancemodeoverlay');
      const maintenance_message = document.getElementById('maintenancemodemessage');
      if(maintenanceEnabled && sessionStorage.bypass != "true"){
        maintenance_element.style.visibility = "visible";
        maintenance_message.innerHTML = maintenanceMsg;
      }
    })
    .catch((err) => {
      console.error('Firebase Remote Config failed to initialize', err);
    });
</script>

3. 补充降级兼容逻辑 #

如果确认部分用户的浏览器始终无法拉取跨站配置，可以增加超时判断：拉取请求超过5秒未返回时，优先使用上一次成功拉取到的本地缓存配置，避免直接降级到写死的默认值。

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