Capacitor Browser插件iOS/Android端网页重定向异常求助

iOS端：SSO即时重定向被忽略的处理 #

• 监听Capacitor Browser的browserPageLoaded事件，每次页面加载完成后检查当前URL是否是你的应用深度链接（比如yourapp://开头）。一旦匹配，直接关闭浏览器窗口，手动触发应用内的登录逻辑。
• 示例代码：

import { Browser } from '@capacitor/browser';

Browser.addListener('browserPageLoaded', async (event) => {
  if (event.url.startsWith('yourapp://')) {
    await Browser.close();
    // 这里调用你自己的深度链接处理函数，解析参数完成登录
    handleDeepLink(event.url);
  }
});

• 另外确认iOS的Info.plist里已经正确配置了对应URL Scheme，Capacitor配置文件capacitor.config.ts的appId要和Scheme对应上。

Android端：首次登录重定向失效的处理 #

• 检查AndroidManifest.xml里的深度链接配置，必须包含VIEW动作、BROWSABLE分类，data的scheme要匹配你的应用协议。示例配置：

<intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="yourapp" />
</intent-filter>

• 打开浏览器时设置presentationStyle为fullscreen，部分Android机型对弹窗式浏览器的重定向支持差。代码如下：

await Browser.open({
  url: '你的联邦登录页面地址',
  presentationStyle: 'fullscreen'
});

• 同样加上browserPageLoaded事件监听，主动检测深度链接并关闭浏览器，别依赖系统自动跳转。

通用兼容方案（不依赖系统重定向） #

• 让认证服务器在登录成功后返回一个专门的页面，页面里通过JS主动关闭Capacitor浏览器，并把登录凭证传递给应用。比如在认证成功页面加这段代码：

<script>
  if (window.Capacitor) {
    // 关闭浏览器
    window.Capacitor.Plugins.Browser.close();
    // 通过App插件发送登录成功通知，携带凭证
    window.Capacitor.Plugins.App.fireNotification({
      name: 'loginSuccess',
      data: { token: '你的登录凭证' }
    });
  }
</script>

• 这种方式完全绕开系统重定向的兼容性问题，跨平台表现一致。

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