2016-04-10 9 views
0

Ionicフレームワークを使用してモバイルアプリを作成しました。私はionicでwebviewを作成したいと思います。そのために、私はcordova-plugin-inappbrowserプラグインを使用しました。今、このプラグインは機能しますが、プラグインは安定していません。私は、デフォルトのブラウザではなく、クロムブラウザでwebviewを作成したいと思います。そのために、私はブラウザのクロスウォークを使用し、cordova-plugin-inappbrowserプラグインを削除しました。しかし、今、webviewは動作していません。今、私はブラウザのクロスウォークとcordova-plugin-inappbrowserの両方のプラグインを使用すると、webviewの見栄えが悪くなります。どのようにクロームブラウザでwebviewを作成する上の任意のアイデアですか?IonicアプリケーションのWebview

答えて

1

私が正しく理解していれば、IonicアプリケーションでWebビューを作成する方法を尋ねるのではなく、電話機のデフォルトWebブラウザで外部URLを開く方法は?

これは、cordova-plugin-whitelistプラグインを使用して行うことができます。これがインストールされているときは、いくつか設定することができますが、以下に使用するデフォルトをリストします。これは、すべての外部のアイテムは、アプリケーション(このすべてが​​3210ファイルからである)外に開かせる:

<access origin="*"/> 
<allow-intent href="http://*/*" launch-external="yes"/> 
<allow-intent href="https://*/*" launch-external="yes"/> 
<allow-intent href="tel:*" launch-external="yes"/> 
<allow-intent href="sms:*" launch-external="yes"/> 
<allow-intent href="mailto:*" launch-external="yes"/> 
<allow-intent href="geo:*" launch-external="yes"/> 

acces origin="*"*がワイルドカードであるとして、すべての外部リソースをアクセスもすることができますアプリを伝えます。その後、launch-external属性をyesに設定してallow-intentを使用すると、href属性で指定されたすべてのリンクを外部で開く必要があることがアプリに通知されます。

上記のコードは、外部のウェブサイト、電話番号、テキストメッセージ、電子メール、さらに地理的な場所がネイティブアプリで開かれていることを確認しています。あなたは、あなたがアプリケーションで使用するすべてのリンクが上記の形式を使用することを確認する必要があります。

+0

あなたの投稿をチェックしてください。 – Matrix12

+0

このソリューションを使用すると、外部アプリでリンクを開くことができます。ユーザーは、自分のアプリを選択することができます。しかし、自分のアプリ内でクロームを開くことができるかどうかはわかりません。 –

0

アプリにChromeを埋め込むことはできません。あなたが好きではない美的な点は、InAppBrowserのツールバーです。ネイティブコードを変更してこれをカスタマイズする必要があります。残念ながらInAppBrowserはツールバーのスタイルをカスタマイズするためのAPIを提供していません(私はあなたが "injectCSS"を活用できるとは思わないが間違いかもしれません)。

関連する問題