डेस्कटॉप ब्राउज़र में PhoneGap एप्लिकेशन चलाना

इस पोस्ट के साथ मैं वास्तविक परियोजनाओं में PhoneGap का उपयोग करने के बारे में छोटे नोटों की एक श्रृंखला खोलना चाहता हूं। बड़े नोटों पर और बहुत कुछ ऐसा नहीं मिलता है जिसे कहीं और ठीक करने की आवश्यकता हो, ताकि बाद में फिर से खोजा न जा सके। पद के अंत में - इस तरह के प्रकाशन यहां उपयोगी होंगे या नहीं इस पर एक वोट।

ब्राउज़र में मोबाइल ऐप क्यों खोलें?

डिबगिंग के लिए दो कारण हैं: 1), प्रदर्शन के लिए 2)। पहले के बारे में यह स्पष्ट है। डेवलपर्स अक्सर दूसरे अवसर का उपयोग नहीं करते हैं, लेकिन आप इसे पूरा कर सकते हैं।

थोड़ा संशोधित PhoneGap एप्लिकेशन का उपयोग करके, आप प्रोमो साइट पर न केवल एक स्क्रीनशॉट प्रदर्शित कर सकते हैं, बल्कि वास्तव में काम कर रहे JS डायनामिक्स भी। यही है, PhoneGap स्रोत को एक iframe में लपेटें, इसे कुछ नियमित iPhone और वॉइला के चित्रमय दृश्य के अंदर रखें। कुछ वाह कारक और रूपांतरण के लिए एक पैसा की गारंटी है।

क्या बदलने की जरूरत है?

HTML में डेस्कटॉप पर cordova.js का समावेश त्रुटियों का एक गुच्छा देता है, जबकि मोबाइल एप्लिकेशन इस समावेशन के बिना काम नहीं करेगा। डेस्कटॉप पर और मोबाइल पर जेएस लॉजिक शुरू करने के लिए आपको विभिन्न घटनाओं की आवश्यकता होती है। यदि आप मोबाइल फोन पर जेएस लॉजिक को मानक डोमेस्टिक इवेंट के साथ शुरू करते हैं, तो जीपीएस नेविगेशन का उपयोग करने का प्रयास करते समय हमें अतिरिक्त पॉप-अप प्रश्न मिलते हैं।

सामान्य दृष्टिकोण

सबसे सरल बात दो स्रोत संस्करण बनाना है। 1) मोबाइल के लिए: एचटीएमएल कॉर्डोवा.जेएस + जेएस को शामिल करने के साथ शुरू होता है, जो डिवेसरेडी इवेंट के ट्रिगर पर शुरू होता है और 2) ब्राउज़र के लिए: कॉर्डोवा के बिना। जेएस + जेएस पहले से ही डोमेस्टिक इवेंट की शुरुआत के साथ। और प्रत्येक असेंबली से पहले छोटे टुकड़े करें। बहुत गुस्सा आ रहा है।

निर्णय

हम हमेशा HTML में cordova.js को शामिल करते हैं, लेकिन प्रोजेक्ट ट्री से cordova.js फ़ाइल को ही हटाते हैं। PhoneGap Build प्रोजेक्ट को असेंबल करते समय, सर्वर स्वयं ट्री में आवश्यक JS फाइल को स्थानापन्न कर देगा, और जब इसे ब्राउज़र से खोला जाएगा, तो कंसोल केवल एक जावास्क्रिप्ट त्रुटि को थूक देगा जो कुछ भी प्रभावित नहीं करता है। जेएस-लॉजिक की शुरुआत निम्नानुसार की जाती है:

if( window.cordova ) { document.addEventListener( 'deviceready', start, false ); } else { $( start ); } function start() { //   JS-   }