Ionicフレームワークを使用してモバイルアプリを作成しました。私はionicでwebviewを作成したいと思います。そのために、私はcordova-plugin-inappbrowserプラグインを使用しました。今、このプラグインは機能しますが、プラグインは安定していません。私は、デフォルトのブラウザではなく、クロムブラウザでwebviewを作成したいと思います。そのために、私はブラウザのクロスウォークを使用し、cordova-plugin-inappbrowserプラグインを削除しました。しかし、今、webviewは動作していません。今、私はブラウザのクロスウォークとcordova-plugin-inappbrowserの両方のプラグインを使用すると、webviewの見栄えが悪くなります。どのようにクロームブラウザでwebviewを作成する上の任意のアイデアですか?IonicアプリケーションのWebview
0
A
答えて
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
アプリにChromeを埋め込むことはできません。あなたが好きではない美的な点は、InAppBrowserのツールバーです。ネイティブコードを変更してこれをカスタマイズする必要があります。残念ながらInAppBrowserはツールバーのスタイルをカスタマイズするためのAPIを提供していません(私はあなたが "injectCSS"を活用できるとは思わないが間違いかもしれません)。
関連する問題
- 1. Ionic Webviewデータ解析
- 2. Webview with Ionic or Phonegap
- 3. 非WebViewアプリケーション用のWebViewスタイルのデバッグ
- 4. WPSオフィスハイジャック私のアプリケーションのWebview
- 5. android:debuggable = "false"のIonicアプリケーションをデバッグ
- 6. AngularJS with webviewのAndroidアプリケーション
- 7. アプリケーションがクラッシュし、WebViewの
- 8. ionic 3 Mac build ios cordova-plugin-ionic-webviewにエラーが発生しました
- 9. Android 7の時計でタイマーがフリーズします。Webview Ionic App
- 10. Ionic/CordovaでWebViewのリモートアンドロイドデバッグを無効にする方法
- 11. Azure AD B2Cサインインコルドバ/ Ionicアプリケーション
- 12. WebViewでクラッシュするアプリケーション
- 13. Android WebView for Android VRアプリケーション
- 14. Ionic Framework/Cordovaアプリケーションでのスパムの回避
- 15. Ionic 2アプリケーションの複数のフォント
- 16. ionicアプリケーションのオープンキーボードでの問題
- 17. 私のionic 3アプリケーションとfreshchatの統合
- 18. アプリケーション内でのWebViewアクティビティの再利用
- 19. Ionic&iOS - アプリケーション転送のセキュリティ設定
- 20. マルチユーザー向けの推奨Ionic/CouchDBアプリケーション
- 21. azureモバイルサービスとionicアプリケーションの接続方法
- 22. IonicアプリケーションのWebライブプレビューを行う
- 23. azure WebサービスSQLデータベースをionicアプリケーション
- 24. Ionic Deployアプリケーションを更新しない
- 25. Ionic 2 - サーバーからアプリケーションへデータをプッシュ
- 26. Ionicアプリケーション(PhoneGap/Cordova)でブロックを終了
- 27. Visual Studio IonicプロジェクトでアプリケーションIDを変更
- 28. 認証アプリケーションmobile ionic avec symfony 3
- 29. AngularJS WebアプリケーションをIonicに移植
- 30. IonicアプリケーションでLocalStorageにデータを保存
あなたの投稿をチェックしてください。 – Matrix12
このソリューションを使用すると、外部アプリでリンクを開くことができます。ユーザーは、自分のアプリを選択することができます。しかし、自分のアプリ内でクロームを開くことができるかどうかはわかりません。 –