如何强制链接在Safari而非iOS WebView中打开？解决WebRTC支持问题

嘿，这个场景我太熟悉了——不少依赖WebRTC的页面在iOS WebView里直接歇菜，尤其是像Gmail这类默认用内置WebView打开所有链接的App，给你几个经过实践验证的解决方案：

通用前端JavaScript方案 #

1. 先检测当前环境是否为WebView #

iOS的WebView（包括WKWebView和旧的UIWebView）和原生Safari的用户代理字符串有细微差别，我们可以通过这个来判断：

function isRunningInWebView() {
  const userAgent = window.navigator.userAgent.toLowerCase();
  // 核心逻辑：匹配iOS设备的WebKit内核，但排除Safari的标识
  return /(iphone|ipad|ipod).*applewebkit(?!.*safari)/i.test(userAgent) ||
         (/(iphone|ipad|ipod).*webkit/i.test(userAgent) && !/safari/i.test(userAgent));
}

2. 触发Safari打开页面 #

一旦检测到处于WebView中，我们可以通过创建一个带_blank属性的链接并模拟点击的方式，尝试唤起Safari：

if (isRunningInWebView()) {
  // 创建临时a标签
  const safariLink = document.createElement('a');
  safariLink.href = window.location.href; // 替换成你要打开的目标URL
  safariLink.target = '_blank';
  document.body.appendChild(safariLink);
  safariLink.click();
  // 点击后移除临时标签
  document.body.removeChild(safariLink);
}

如果是页面内的特定链接，可以给所有<a>标签绑定点击事件，拦截并触发Safari打开：

document.addEventListener('click', (e) => {
  const targetLink = e.target.closest('a');
  if (targetLink && targetLink.href && isRunningInWebView()) {
    e.preventDefault();
    const safariLink = document.createElement('a');
    safariLink.href = targetLink.href;
    safariLink.target = '_blank';
    document.body.appendChild(safariLink);
    safariLink.click();
    document.body.removeChild(safariLink);
  }
});

针对Gmail这类顽固App的特殊处理 #

有些App（比如Gmail）会强制拦截_blank跳转，继续用内置WebView打开，这时候可以试试这两个办法：

• 引导用户手动操作：在页面顶部加一个醒目的提示栏，比如：「当前处于内置浏览器中，无法使用WebRTC功能，请点击右上角分享按钮 → 选择‘在Safari中打开’」，这是最稳妥的方案。
• 尝试Safari唤起协议：部分iOS版本支持safari://协议直接唤起浏览器，不过这个方法可能随iOS版本更新失效，慎用：

window.location.href = `safari://open-url?url=${encodeURIComponent(window.location.href)}`;

注意事项 #

• 部分App的WebView会禁用window.open和_blank跳转权限，这时候前端技术手段会失效，只能依赖用户手动切换。
• iOS的隐私政策一直在更新，旧的唤起方法可能在新版本系统中被禁用，建议多测试几个iOS版本。

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