Ionic-Cordova InAppBrowser

Cordova InAppBrowserプラグインは、Webブラウザービュー内でアプリから外部リンクを開くために使用されます。

ブラウザの使用

このプラグインを使い始めるのはとても簡単です。コマンドプロンプトウィンドウを開いて、Cordovaプラグインをインストールするだけです。

C:\Users\Username\Desktop\MyApp>cordova plugin add org.apache.cordova.inappbrowser

このステップにより、使用を開始できます inAppBrowser。これで、外部リンクにつながるボタンを作成し、プラグインをトリガーするための簡単な関数を追加できます。

HTMLコード

<button class = "button" ng-click = "openBrowser()">OPEN BROWSER</button>

コントローラコード

.controller('MyCtrl', function($scope, $cordovaInAppBrowser) {
   var options = {
      location: 'yes',
      clearcache: 'yes',
      toolbar: 'no'
   };
   
   $scope.openBrowser = function() {
      $cordovaInAppBrowser.open('http://ngcordova.com', '_blank', options)
		
      .then(function(event) {
         // success
      })
		
      .catch(function(event) {
         // error
      });
   }
})

ユーザーがボタンをタップすると、InAppBrowserは指定されたURLを開きます。

このプラグインでは、他のいくつかの方法を使用できます。そのうちのいくつかを次の表に示します。

Cordova $ inAppBrowserメソッド

方法 パラメーター タイプ 詳細
setDefaultOptions(parameter1) オプション オブジェクト すべてのInAppBrowserのグローバルオプションを設定するために使用されます。
open(parameter1、parameter2、parameter3) URL、ターゲット、オプション 文字列、文字列、オブジェクト 利用可能なターゲットは3つあります。 _blank 新しいinAppBrowserインスタンスを開きます。 _system システムブラウザを開き、 _self 現在のブラウザインスタンスを使用します。
閉じる / / InAppBrowserを閉じるために使用されます。

CordovaInAppBrowserイベント

このプラグインは、と組み合わせることができるイベントも提供します $rootScope

詳細
$ rootScope。$ on( '$ cordovaInAppBrowser:loadstart'、function(e、event)); inAppBrowserがページの読み込みを開始したときに呼び出されます。
$ rootScope。$ on( '$ cordovaInAppBrowser:loadstop'、function(e、event)); inAppBrowserがページの読み込みを完了したときに呼び出されます。
$ rootScope。$ on( '$ cordovaInAppBrowser:loaderror'、function(e、event)); inAppBrowserでエラーが発生したときに呼び出されます。
$ rootScope。$ on( '$ cordovaInAppBrowser:exit'、function(e、event)); inAppBrowserウィンドウが閉じているときに呼び出されます。