कॉर्डोवा - InAppBrowser

इस प्लगइन का उपयोग कॉर्डोवा ऐप के अंदर वेब ब्राउज़र खोलने के लिए किया जाता है।

चरण 1 - प्लगइन स्थापित करना

हमें इस प्लगइन को इनस्टॉल करना होगा command prompt खिड़की से पहले हम इसका उपयोग करने में सक्षम हैं।

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

चरण 2 - बटन जोड़ें

हम एक बटन जोड़ेंगे जो खोलने के लिए उपयोग किया जाएगा inAppBrowser खिड़की में index.html।

चरण 3 - ईवेंट श्रोता जोड़ें

अब हमारे बटन के लिए ईवेंट श्रोता जोड़ें onDeviceReady में कार्य करते हैं index.js।

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

चरण 4 - फ़ंक्शन बनाएं

इस चरण में हम फ़ंक्शन बना रहे हैं जो हमारे ऐप के अंदर ब्राउज़र खोलेगा। हम इसे असाइन कर रहे हैंref चर जिसे हम बाद में ईवेंट श्रोताओं को जोड़ने के लिए उपयोग कर सकते हैं।

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('loaderror', 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...')
   }
}

अगर हम दबाते हैं BROWSER बटन, हम स्क्रीन पर निम्न आउटपुट देखेंगे।

कंसोल घटनाओं को भी सुनेंगे। loadstart जब URL लोड हो रहा हो और तब ईवेंट आग लग जाएगा loadstopURL लोड होने पर आग लग जाएगी। हम इसे कंसोल में देख सकते हैं।

एक बार जब हम ब्राउज़र बंद कर देते हैं, exit घटना में आग लग जाएगी।

InAppBrowser विंडो के लिए अन्य संभावित विकल्प हैं। हम इसे नीचे दी गई तालिका में बताएंगे।

S.No	विकल्प और विवरण
1	location ब्राउज़र स्थान पट्टी को चालू या बंद करने के लिए उपयोग किया जाता है। मान हैंyes या no।
2	hidden InAppBrowser को छिपाने या दिखाने के लिए उपयोग किया जाता है। मान हैंyes या no।
3	clearCache ब्राउज़र कुकी कैश साफ़ करने के लिए उपयोग किया जाता है। मान हैंyes या no।
4	clearsessioncache सत्र का उपयोग कुकी को साफ़ करने के लिए किया जाता है। मान हैंyes या no।
5	zoom एंड्रॉइड ब्राउज़र के ज़ूम नियंत्रण को छिपाने या दिखाने के लिए उपयोग किया जाता है। मान हैंyes या no।
6	hardwareback yes ब्राउज़र इतिहास के माध्यम से वापस नेविगेट करने के लिए हार्डवेयर बैक बटन का उपयोग करें। no ब्राउज़र को बंद करने के लिए एक बार बैक बटन पर क्लिक किया जाता है।

हम प्रयोग कर सकते हैं ref(संदर्भ) कुछ अन्य कार्यात्मकताओं के लिए चर। हम आपको इसके त्वरित उदाहरण दिखाएंगे। घटना श्रोताओं को हटाने के लिए हम उपयोग कर सकते हैं -

ref.removeEventListener(eventname, callback);

InAppBrowser को बंद करने के लिए हम उपयोग कर सकते हैं -

ref.close();

यदि हमने छिपी हुई खिड़की खोली, तो हम इसे दिखा सकते हैं -

ref.show();

यहां तक ​​कि जावास्क्रिप्ट कोड को InAppBrowser में इंजेक्ट किया जा सकता है -

var details = "javascript/file/url"
ref.executeScript(details, callback);

उसी अवधारणा का उपयोग सीएसएस को इंजेक्ट करने के लिए किया जा सकता है -

var details = "css/file/url"
ref.inserCSS(details, callback);