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

Question

如何在 Web 浏览器中打开 URL 而不是 Android App 上的应用内 webview？

我用了，

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

网址在应用内浏览器中打开，我需要打开安卓系统的默认浏览器。

我浏览了官方文档，我从那里找不到无用的信息。

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

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

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

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

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

Answer 2

电容器

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

对外开放：

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

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

在应用内浏览器中打开：

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

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

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