Facebook Login SDK遭Microsoft Edge跟踪防护拦截，求可行解决方案

• 改用服务器端OAuth登录流程
  浏览器跟踪防护主要针对客户端加载的第三方脚本，换成服务器端流程能彻底避开这个问题：

  1. 前端仅提供登录按钮，点击后直接跳转到Facebook官方授权页面（手动构造授权URL，无需加载SDK）
  2. 用户完成授权后，Facebook会重定向到你的后端回调地址并携带授权码
  3. 后端用授权码向Facebook请求访问令牌，再获取用户信息
     全程不依赖客户端SDK，从根源上避免被拦截。

• 通过用户交互触发SDK加载
  多数浏览器会拦截无用户交互情况下加载的第三方脚本，仅在用户主动点击登录按钮后再加载SDK，能大幅降低被拦截的概率：

  // 给登录按钮绑定点击事件，触发后才加载SDK
  document.getElementById('fb-login-btn').addEventListener('click', () => {
    const script = document.createElement('script');
    script.src = 'https://connect.facebook.net/en_US/sdk.js';
    script.async = true;
    script.defer = true;
    script.onload = () => {
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '你的APP_ID',
          cookie     : true,
          xfbml      : true,
          version    : 'v18.0'
        });
        
        FB.login((response) => {
          if (response.authResponse) {
            // 处理登录成功逻辑
          }
        });
      };
    };
    document.body.appendChild(script);
  });
  

• 本地化托管SDK脚本
  将Facebook官方SDK脚本下载到自己的服务器，从自有域名加载：

  1. 定期同步官方SDK的版本更新，避免因版本过旧导致功能异常
  2. 确保本地脚本内容与官方完全一致，否则可能触发Facebook的安全验证
     这种方式让脚本变为同域资源，不会被第三方跟踪防护拦截，但需要自行维护版本更新。

注意：以上操作需严格遵守Facebook开发者政策，避免因违规导致应用权限被限制。

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