Ionic - Cordova InAppBrowser

Il plug-in Cordova InAppBrowser viene utilizzato per aprire collegamenti esterni dalla tua app all'interno di una visualizzazione del browser web.

Utilizzando il browser

È molto facile iniziare a lavorare con questo plugin. Tutto quello che devi fare è aprire la finestra del prompt dei comandi e installare il plugin Cordova.

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

Questo passaggio ci consente di iniziare a utilizzare il inAppBrowser. Ora possiamo creare un pulsante che ci condurrà a qualche link esterno e aggiungere una semplice funzione per l'attivazione del plugin.

Codice HTML

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

Codice controller

.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
      });
   }
})

Quando l'utente tocca il pulsante, InAppBrowser aprirà l'URL che abbiamo fornito.

Diversi altri metodi possono essere utilizzati con questo plugin, alcuni dei quali sono nella tabella seguente.

Metodi Cordova $ inAppBrowser

Metodo Parametri genere Dettagli
setDefaultOptions (parametro1) opzioni oggetto Utilizzato per impostare le opzioni globali per tutti i browser InApp.
aperto (parametro1, parametro2, parametro3) URL, destinazione, opzioni stringa, stringa, oggetto Sono disponibili tre obiettivi. _blank aprirà una nuova istanza inAppBrowser. _system aprirà il browser di sistema e _self utilizzerà l'istanza del browser corrente.
vicino / / Utilizzato per chiudere InAppBrowser.

Eventi Cordova InAppBrowser

Questo plugin offre anche eventi che possono essere combinati con $rootScope.

Esempio Dettagli
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstart', function (e, event)); Chiamato quando inAppBrowser inizia a caricare la pagina.
$ rootScope. $ on ('$ cordovaInAppBrowser: loadtop', function (e, event)); Chiamato quando inAppBrowser ha terminato il caricamento della pagina.
$ rootScope. $ on ('$ cordovaInAppBrowser: loaderror', function (e, event)); Chiamato quando inAppBrowser ha riscontrato un errore.
$ rootScope. $ on ('$ cordovaInAppBrowser: exit', function (e, event)); Chiamato quando la finestra inAppBrowser è chiusa.