如何实现用户离开Facebook内置浏览器后自动重定向至网站首页？

嘿，这个需求很常见，我来给你梳理下实现步骤，保证流程顺畅：

一、保留并优化主站的FB浏览器检测逻辑 #

你原来的检测代码已经能准确识别FB内置浏览器，我们可以稍微优化下可读性，同时保留避免循环跳转的判断：

// 主站页面的检测代码
const ua = navigator.userAgent;
const isFBrowser = ua.indexOf("FBAN") !== -1 || ua.indexOf("FBAV") !== -1;
const hasRedirectFlag = window.location.href.includes('redirect_fb');

if (isFBrowser && !hasRedirectFlag) {
  // 跳转到引导页，带上标记避免循环跳转
  window.location.href = "https://your-domain.com/redirect_fb/";
}

二、给引导页添加自动跳转核心逻辑 #

核心是让引导页只在非FB浏览器环境下自动跳转到首页，在引导页的HTML中加入这段代码：

// 引导页的跳转代码
function isFacebookBrowser() {
  const ua = navigator.userAgent;
  return ua.indexOf("FBAN") !== -1 || ua.indexOf("FBAV") !== -1;
}

// 页面加载完成后执行判断
window.addEventListener('load', () => {
  if (!isFacebookBrowser()) {
    // 跳转到网站首页
    window.location.href = "https://your-domain.com/";
  }
});

三、引导页按钮的设置建议 #

引导页里的提示按钮（比如“打开Safari/Chrome”），直接链接到引导页自身的URL就可以。当用户在FB内置浏览器中点击按钮时，大部分设备会弹出“用外部浏览器打开”的选项，用户确认后，外部浏览器加载引导页，此时代码检测到不是FB浏览器，就会自动跳转到首页。

这样整个流程就完全闭环了：

• 用户从FB点击链接→主站检测到FB浏览器→跳转到引导页
• 用户在引导页点击按钮→用外部浏览器打开引导页→引导页自动跳转到首页
• 全程不会出现循环跳转的问题

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