Android端PWA打包的APK如何让外部链接在默认浏览器而非应用内打开

解决方案 #

1. 调整PWA Builder打包配置（优先选择） #

你通过PWA Builder生成APK时，默认配置会将所有链接在应用内置WebView中打开，修改打包配置即可解决：

• 在APK生成页找到「高级设置」板块
• 找到「外部域名链接处理」相关选项，选择「在默认浏览器打开」
  重新打包上架后，所有不属于你站点域名的链接都会自动调用系统浏览器打开。

2. 前端代码兜底（无需重新打包） #

如果不想重新发布APK，可以直接在前端代码中添加全局点击拦截逻辑，判断链接为外部域名时主动唤起浏览器：

document.addEventListener('click', e => {
  const linkEle = e.target.closest('a');
  if (!linkEle) return;
  
  const currentHost = window.location.host;
  const targetHost = new URL(linkEle.href).host;
  // 匹配到外部链接
  if (targetHost !== currentHost) {
    e.preventDefault();
    // 安卓PWA运行环境下用intent协议唤起默认浏览器
    if (/Android/.test(navigator.userAgent) && window.matchMedia('(display-mode: fullscreen)').matches) {
      window.location.href = `intent:${linkEle.href}#Intent;end`;
    } else {
      window.open(linkEle.href, '_blank', 'noopener noreferrer');
    }
  }
});

部署更新前端代码后即可生效。

3. 补全manifest.json配置 #

你当前的scope配置为相对路径，建议改为完整站点域名，让系统更精准识别应用内路径范围：

{
  "dir": "ltr",
  "lang": "da",
  "name": "My app",
  "version": "1.0.0.0",
  "scope": "https://myapp.org/",
  "display": "fullscreen",
  "start_url": "https://myapp.org"
}

配置更新后重新打包APK即可。

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