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ウィンドウが閉じているときに呼び出されます。