Ionic 4-如何在Web浏览器中打开URL，而不是在Android App上的应用程序中打开Webview？

Question

如何在Web浏览器中打开URL，而不是在Android App上打开Webview in-app？

我用过

<ion-button  href="https://stackoverflow.com">StackOverFlow</ion-button>

URL正在应用程序内浏览器中打开，我需要打开android系统的默认浏览器。

我浏览了正式文件，从那里找不到无用的信息。

1. https://beta.ionicframework.com/docs/api
2. https://beta.ionicframework.com/docs/components#button
3. https://beta.ionicframework.com/docs/api/button/

Answer 1

电容器

要在 Capacitor 中以编程方式打开 URL（例如通过绑定到按钮或链接的 (click) 事件），您可以使用：

对外开放：

Capacitor V2：使用应用程序 API (https://capacitorjs.com/docs/apis/app)，其中有一个方法 canOpenUrl(…) 和一个方法 openUrl(…)。

Capacitor V3：使用 AppLauncher API (https://capacitorjs.com/docs/v3/apis/app-launcher)，其中有一个方法 canOpenUrl(…) 和一个方法 openUrl(…)。

在应用内浏览器中打开：

如果您想在所谓的应用内浏览器中打开网址，您可以使用浏览器 API（@capacitor/browser 插件）：

• 电容器 2：https://capacitorjs.com/docs/apis/browser
• 电容器 3（即将发布）：https://capacitorjs.com/docs/v3/apis/browser

在 Android 上，这会打开一个 Chrome WebView，在 iOS 上打开一个 SFSafariViewController，因此用户“有点”留在应用程序中。

Answer 2

您想阅读c​​ordova文档，它可以帮助您找到解决方案。

_self：如果URL在白名单中，则在Cordova WebView中打开，否则，在InAppBrowser中打开。 _blank：在InAppBrowser中打开。 _system：在系统的Web浏览器中打开。

科尔多瓦 https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/index.html

离子4 https://ionicframework.com/docs/native/in-app-browser