Home / Cordova Dersleri / Cordova Web Browser – InAppBrowser

Cordova Web Browser – InAppBrowser

Cordova InAppBrowser, size uygulama içerisinde browser açmanıza imkan tanır.

Cordova InAppBrowser Kullanımı

İçerik

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-inappbrowser

Şimdi bir tane button ekleyelim

<button id = "openBrowser">Tarayıcı Aç</button>

Event Listener Ekleyelim

document.getElementById("openBrowser").addEventListener("click", openBrowser);

Fonksiyonumuzu oluşturalım.

function openBrowser() {
   var url = 'https://cordova.apache.org';
   var target = '_blank';
   var options = "location=yes"
   var ref = cordova.InAppBrowser.open(url, target, options);

   ref.addEventListener('loadstart', loadstartCallback);
   ref.addEventListener('loadstop', loadstopCallback);
   ref.addEventListener('loadloaderror', loaderrorCallback);
   ref.addEventListener('exit', exitCallback);

   function loadstartCallback(event) {
      console.log('Loading started: '  + event.url)
   }

   function loadstopCallback(event) {
      console.log('Loading finished: ' + event.url)
   }

   function loaderrorCallback(error) {
      console.log('Loading error: ' + error.message)
   }

   function exitCallback() {
      console.log('Browser is closed...')
   }
}

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir