Ionic - Cordova InAppBrowser

El complemento Cordova InAppBrowser se utiliza para abrir enlaces externos desde su aplicación dentro de una vista del navegador web.

Usando el navegador

Es muy fácil comenzar a trabajar con este complemento. Todo lo que necesita hacer es abrir la ventana del símbolo del sistema e instalar el complemento Cordova.

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

Este paso nos permite comenzar a usar el inAppBrowser. Ahora podemos crear un botón que nos llevará a algún enlace externo y agregar una función simple para activar el complemento.

código HTML

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

Código del controlador

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

Cuando el usuario toca el botón, InAppBrowser abrirá la URL que proporcionamos.

Se pueden usar varios otros métodos con este complemento, algunos de los cuales se encuentran en la siguiente tabla.

Métodos Cordova $ inAppBrowser

Método	Parámetros	Tipo	Detalles
setDefaultOptions (parámetro1)	opciones	objeto	Se utiliza para establecer opciones globales para todos los navegadores de aplicaciones.
abierto (parámetro1, parámetro2, parámetro3)	URL, destino, opciones	cuerda, cuerda, objeto	Hay tres objetivos disponibles. _blank abrirá una nueva instancia de inAppBrowser. _system abrirá el navegador del sistema y _self utilizará la instancia actual del navegador.
cerca	/	/	Se usa para cerrar InAppBrowser.

Eventos de InAppBrowser de Cordova

Este complemento también ofrece eventos que se pueden combinar con $rootScope.

Ejemplo	Detalles
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstart', función (e, evento));	Se llama cuando inAppBrowser comienza a cargar la página.
$ rootScope. $ on ('$ cordovaInAppBrowser: carga', función (e, evento));	Se llama cuando inAppBrowser ha terminado de cargar la página.
$ rootScope. $ on ('$ cordovaInAppBrowser: loaderror', función (e, evento));	Llamado cuando inAppBrowser ha encontrado un error.
$ rootScope. $ on ('$ cordovaInAppBrowser: salir', función (e, evento));	Se llama cuando se cierra la ventana inAppBrowser.