Ionic - Cordova InAppBrowser

O plug-in Cordova InAppBrowser é usado para abrir links externos do seu aplicativo dentro de uma visualização do navegador da web.

Usando o navegador

É muito fácil começar a trabalhar com este plugin. Tudo que você precisa fazer é abrir a janela do prompt de comando e instalar o plug-in Cordova.

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

Esta etapa nos permite começar a usar o inAppBrowser. Agora podemos criar um botão que nos levará a algum link externo e adicionar uma função simples para acionar o plugin.

Código HTML

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

Código do 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
      });
   }
})

Quando o usuário toca no botão, o InAppBrowser abre a URL que fornecemos.

Vários outros métodos podem ser usados ​​com este plugin, alguns dos quais estão na tabela a seguir.

Métodos Cordova $ inAppBrowser

Método Parâmetros Tipo Detalhes
setDefaultOptions (parâmetro1) opções objeto Usado para definir opções globais para todos os InAppBrowsers.
aberto (parâmetro1, parâmetro2, parâmetro3) URL, destino, opções string, string, objeto Existem três alvos disponíveis. _blank irá abrir uma nova instância inAppBrowser. _system irá abrir o navegador do sistema e _self usará a instância do navegador atual.
Fechar / / Usado para fechar InAppBrowser.

Eventos Cordova InAppBrowser

Este plugin também oferece eventos que podem ser combinados com $rootScope.

Exemplo Detalhes
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstart', função (e, evento)); Chamado quando inAppBrowser começa a carregar a página.
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstop', função (e, evento)); Chamado quando inAppBrowser termina de carregar a página.
$ rootScope. $ on ('$ cordovaInAppBrowser: loaderror', função (e, evento)); Chamado quando inAppBrowser encontrou um erro.
$ rootScope. $ on ('$ cordovaInAppBrowser: saída', função (e, evento)); Chamado quando a janela inAppBrowser é fechada.