iOS端Chrome点击链接能否自动打开Safari？求JavaScript代码示例

API 探路者

2026-7-23

iOS Chrome 跳转 Safari 解决方案

核心结论

iOS 系统的沙箱机制禁止第三方浏览器（包括Chrome）通过JavaScript自动唤起Safari，只能通过用户主动交互的方式间接引导跳转。

原因说明

苹果对iOS生态的权限限制严格，第三方浏览器无法直接调用Safari的URL Scheme完成自动跳转，所有跨浏览器跳转必须由用户手动触发（如点击链接、长按选择打开方式）。

替代实现代码

以下代码提供一个用户触发的跳转方案，同时包含备用提示：

function openInSafari() {
  const targetUrl = encodeURIComponent(window.location.href);
  const safariDeepLink = `safari://open-url?url=${targetUrl}`;
  
  // 尝试通过Safari专属Scheme跳转
  window.location.assign(safariDeepLink);
  
  // 延迟提示用户（避免跳转成功时干扰）
  setTimeout(() => {
    alert('若Safari未自动启动，请长按下方链接，选择「在Safari中打开」');
  }, 1200);
}

// 页面加载后生成交互元素
document.addEventListener('DOMContentLoaded', () => {
  // 创建主按钮
  const launchBtn = document.createElement('button');
  launchBtn.innerText = '切换到Safari使用摄像头';
  launchBtn.style.padding = '10px 20px';
  launchBtn.style.fontSize = '16px';
  launchBtn.addEventListener('click', openInSafari);
  document.body.prepend(launchBtn);
  
  // 创建备用跳转链接
  const fallbackLink = document.createElement('a');
  const targetUrl = encodeURIComponent(window.location.href);
  fallbackLink.href = `safari://open-url?url=${targetUrl}`;
  fallbackLink.innerText = '备用入口：点击/长按在Safari打开';
  fallbackLink.style.display = 'block';
  fallbackLink.style.marginTop = '15px';
  document.body.prepend(fallbackLink);
});