Android PWA如何让外部链接在真实浏览器而非WebView中打开？

云原生阿岚

2026-7-3

从PWA中唤起系统默认浏览器打开外部链接的解决方法

使用Web Share Target API（推荐跨场景方案）
通过JS触发系统分享功能，让用户选择默认浏览器打开链接，兼容性较好：

async function openExternalLink(url) {
  try {
    await navigator.share({ url });
  } catch (err) {
    // 分享API不可用时降级处理
    const link = document.createElement('a');
    link.href = url;
    link.target = '_blank';
    link.rel = 'noopener noreferrer';
    link.download = ''; // 强制浏览器处理链接而非WebView
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  }
}

给所有外部链接绑定点击事件，调用这个函数即可。

配置Web App Manifest参数
在manifest.json里添加以下配置，明确告诉系统优先用浏览器打开外部域名链接：
```
{
  "related_applications": [
    {
      "platform": "web",
      "url": "https://目标外部域名.com"
    }
  ],
  "prefer_related_applications": false
}
```
prefer_related_applications设为false会让系统跳过PWA的WebView，优先调用默认浏览器。

Android专属：用Intent URL强制唤起浏览器
针对Android设备，直接构造系统Intent URL，强制唤起浏览器应用：

function openInAndroidBrowser(url) {
  const encodedUrl = encodeURIComponent(url);
  const intentUrl = `intent:${encodedUrl}#Intent;scheme=https;action=android.intent.action.VIEW;end`;
  window.location.href = intentUrl;
}