如何在离子应用程序中打开外部链接

时间:2016-12-07 06:34:24

标签: ionic-framework

任何人都知道如何在我的离子应用程序中打开外部链接(在我的离子应用程序之外)。当我在链接上选项卡时,它将显示我的应用程序,如果在移动设备中存在。

enter image description here

5 个答案:

答案 0 :(得分:5)

要打开与您的应用的链接,您可以使用custom-url-scheme cordova插件。这使您可以使用testapp://path?foo=bar等外部链接打开您的应用。这是链接https://github.com/EddyVerbruggen/Custom-URL-scheme

答案 1 :(得分:2)

安装InAppBrowser:

ionic cordova plugin add cordova-plugin-inappbrowser

npm install --save @ionic-native/in-app-browser

按照以下方式调用您的链接:

window.open(url, '_system');

答案 2 :(得分:2)

如此处所述https://ionicframework.com/docs/native/in-app-browser/

安装Cordova和Ionic Native插件:

$ ionic cordova plugin add cordova-plugin-inappbrowser
$ npm install --save @ionic-native/in-app-browser

用法

constructor(private iab: InAppBrowser) { }
const browser = this.iab.create('https://ionicframework.com/');
// browser.show(), browser.close()

答案 3 :(得分:0)

您可以安装Cordova和Ionic Native插件:浏览器选项卡。

URL

ionic cordova plugin add cordova-plugin-browsertab
npm install --save @ionic-native/browser-tab

look here

答案 4 :(得分:-1)

在App浏览器中安装。

cordova plugin add cordova-plugin-inappbrowser

将window.open用于此

<a href="#" onclick="window.open('https://www.google.com/', '_system', 'location=yes');" >Google</a>

请参阅此链接http://intown.biz/2014/03/30/cordova-ionic-links-in-browser/