实现Facebook/Instagram链接跳转至Safari/Chrome而非内置浏览器

你提供的原代码是针对 Android 平台的 Intent 跳转逻辑，要在 iOS/iPadOS 上实现 Facebook、Instagram 内置浏览器/webview 跳转至 Safari 或 Chrome，需要适配 iOS 的 URL Scheme 机制，以下是修改后的完整实现：

<script>
// 检测是否在 Facebook 或 Instagram 的内置浏览器中
function isFBorIGInAppBrowser() {
    const ua = navigator.userAgent || navigator.vendor || window.opera;
    // Facebook 内置浏览器标识：FBAV、FBAN；Instagram 内置浏览器标识：Instagram、FBIA（FB系通用内置浏览器标识）
    return (ua.indexOf("FBAV") > -1) || (ua.indexOf("FBAN") > -1) || (ua.indexOf("Instagram") > -1) || (ua.indexOf("FBIA") > -1);
}

if (isFBorIGInAppBrowser()) {
    const currentUrl = window.location.href;
    // 优先尝试唤起 Chrome
    const chromeUrl = `googlechrome://${currentUrl.replace(/^https?:\/\//, '')}`;
    
    // 创建隐藏的 iframe 尝试打开 Chrome，失败则 fallback 到 Safari
    const iframe = document.createElement('iframe');
    iframe.style.display = 'none';
    iframe.src = chromeUrl;
    document.body.appendChild(iframe);
    
    // 300ms 后检查是否跳转成功，未成功则直接打开 Safari
    setTimeout(() => {
        document.body.removeChild(iframe);
        // 如果当前页面还没跳转，说明 Chrome 未安装，直接打开 Safari
        if (window.location.href === currentUrl) {
            window.location.href = currentUrl;
        }
    }, 300);
}
</script>

关键逻辑说明 #

• 内置浏览器检测：扩展了原有的检测函数，加入 Instagram 相关的 User-Agent 标识，覆盖 Facebook 和 Instagram 的内置 webview 场景。
• Chrome 唤起逻辑：使用 iOS 上 Chrome 支持的 googlechrome:// URL Scheme，将原网址的协议头去掉后拼接成 Chrome 可识别的格式。
• Safari 降级处理：通过隐藏 iframe 尝试唤起 Chrome，若超时后页面未跳转，说明用户未安装 Chrome，直接使用默认的 HTTP/HTTPS 协议唤起 Safari。

注意事项 #

• 该逻辑仅针对 iOS/iPadOS 平台生效，Android 平台可保留你原有的 Intent 跳转代码，通过平台判断做区分。
• 确保网页使用 HTTPS 协议，iOS 对 HTTP 页面的跳转限制较多，可能导致跳转失败。

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