मोबाइल उपकरणों पर जावास्क्रिप्ट डिबग करें

हाल ही में, मुझे स्मार्टफ़ोन के लिए एक छोटा HTML5 एप्लिकेशन बनाने की आवश्यकता थी।
Html5 क्यों? सब कुछ बेहद सरल है: यदि आपके पास एक मोबाइल संस्करण है, तो आप साइट को कुछ दिनों में आवश्यक स्थिति में समाप्त कर सकते हैं या खरोंच से लिख सकते हैं (जो इतना महत्वपूर्ण नहीं है) और विभिन्न प्लेटफार्मों पर छिड़काव किए बिना कोड के केवल एक संस्करण का समर्थन करना जारी रखें।

एप्लिकेशन का निर्माण करने के लिए, मैंने फोनगैप का उपयोग किया (मैं टूल के विवरण में नहीं जा सकता, क्योंकि हब पर पर्याप्त लेख हैं)। HTML, जावास्क्रिप्ट को लगता है कि डेस्कटॉप पर डिबग किया गया है, सफलतापूर्वक स्मार्टफ़ोन को इकट्ठा और अपलोड किया गया है, लेकिन सब कुछ इतना आसान नहीं है। परीक्षण की प्रक्रिया में, मुझे केवल विशिष्ट प्लेटफार्मों और ब्राउज़रों के लिए कई गड़बड़ पिचों का सामना करना पड़ा (यदि एंड्रॉइड 2.1-2.2 में कहें तो यदि आप एक निश्चित डोम स्थान में एक इवेंट हैंडलर के साथ इनपुट सम्मिलित करते हैं, तो ब्राउज़र बस गिर जाएगा और मुख्य बात यह है कि कुछ भी नहीं करना है, यह शुद्ध है) एंड्रॉइड और उसके ब्राउज़र का एक बग, इस समस्या ने "मुझे बहुत खून खराब कर दिया," शुरुआत में मुझे समझ नहीं आया कि क्या चल रहा था और फोनगैप वक्र पर पाप किया जब तक कि मैं एक डिबगर से जुड़ा नहीं था और देखा कि वहां क्या हो रहा था)।

यह समस्या काफी वास्तविक थी कि मोबाइल ब्राउजर में क्या होता है, कैसे गलतियां होती हैं और कब देखी जाती हैं। मिडफील्डर में, मुझे window.onerror के माध्यम से एक समाधान मिला, लेकिन मेरे लिए यह दृष्टिकोण लंबी अवधि में बग को पकड़ने के लिए अच्छा है, जब आपके लिए अभी कुछ काम नहीं होता है, तो मैं और अधिक सुविधाजनक उपकरण रखना चाहता हूं

एंड्रॉइड के लिए एक html एप्लिकेशन को डिबग करने के लिए, ग्रहण एक अच्छा फिट है (सबसे अधिक संभावना है कि आप इसका उपयोग एप्लिकेशन बनाने के लिए करते हैं)। यदि आपने एंड्रॉइड एसडीके और ग्रहण के लिए एक प्लगइन स्थापित किया है (यदि नहीं, तो आप लिंक पर क्लिक करके इसे ठीक कर सकते हैं), तो उन विचारों में आप लॉगकैट पा सकते हैं, जो डिवाइस से कनेक्ट होने पर सभी जानकारी प्राप्त करेंगे, जिसमें कंसोल .log () संदेश शामिल हैं। javascript'om + द्वारा आउटपुट फोन के साथ की गई सभी क्रियाओं को प्रदर्शित करता है, यह ईवेंट को संभालने में कोई समस्या होने पर डीबग करने में मदद करता है।
LogCat का उपयोग बिना किसी ग्रहण के भी किया जा सकता है, यह एक एंड्रॉइड sdk टूल है, लेकिन मेरे लिए यह विकल्प पूरी तरह से सुविधाजनक नहीं है।

आईफोन के लिए एक अच्छा वेनरे यूटिलिटी है, जिस तरह से फोनगैप के लोग इसकी सलाह देते हैं। आप इसके बारे में संदर्भ द्वारा और अधिक पढ़ सकते हैं, लेकिन सार यह है: आप प्रोग्राम डाउनलोड करते हैं, इसे चलाते हैं और यह कंप्यूटर पोर्ट को सुनना शुरू करता है। अपने एप्लिकेशन के कोड में js जोड़ें, जो आपके द्वारा चलाए जा रहे सर्वर द्वारा लोड किया गया है, इससे कनेक्ट होता है, और एप्लिकेशन के साथ संवाद करना शुरू करता है। इसके अलावा, सभी डिबगिंग क्रोम डीबगर में मानक परिदृश्य के अनुसार होती है। जो कार्यक्रम चलाता है, IMHO यह सबसे सुविधाजनक विकल्प है। त्वरित आरंभ गाइड:

1. संग्रह को डाउनलोड और अनपैक करें
2. स्थापित
3. डैडी पर जाएं ~ / .weinre / (यदि हम इसे नहीं बनाते हैं) इस पाठ के साथ एक सर्वर बनाएँ।
   

   boundHost: -all- httpPort: 8081 reuseAddr: true readTimeout: 1 deathTimeout: 5 

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

मुझे ऐसा लगता है कि एंड्रॉइड एप्लिकेशन में वह कोड का प्रयोग करना और उसे लागू करना संभव होगा, हालांकि मैंने यह समझने के लिए अपने हाथ अभी तक js में खोदे हैं कि वहां क्या उपयोग किया गया है।

अंत में, मैं आपको एक और दिलचस्प तरीके के बारे में बताना चाहूंगा, मैं हाल ही में इसके पार आया था, ऑपरेशन का सिद्धांत weinre के समान है। ऐसी एक jsconsole.com साइट है जो एक उपकरण प्रदान करती है जिसके साथ आप एक दूरस्थ डिवाइस पर html तक पहुंच सकते हैं और इसे कंसोल से संदेश प्राप्त कर सकते हैं। इसके साथ ही इसके DOM ट्री के साथ काम कर सकते हैं। यह निश्चित रूप से पूर्ण डिबगर नहीं है, जैसा कि विनेरे के मामले में है, लेकिन विधि की सादगी और पहुंच आपको इस पर ध्यान देती है! साइट में उत्कृष्ट दस्तावेज और कुछ प्रशिक्षण वीडियो हैं, इसलिए किसी को भी इसका उपयोग करने में समस्या नहीं होनी चाहिए।
संक्षेप में, आपको साइट पर जाने की आवश्यकता है, कमांड टाइप करें ": सुनो", जारी की गई स्क्रिप्ट को अपनी वेबसाइट या एप्लिकेशन और वॉइला पर कॉपी करें - सब कुछ काम करता है।

बेशक, ये सभी संभव विकल्प नहीं हैं, मैं दूसरों के वर्णन के साथ-साथ आया, लेकिन उनका उपयोग करने की कठिनाई ने मुझे सूची से बाहर कर दिया। यदि कोई योग्य उम्मीदवार के साथ सूची को पूरक कर सकता है, तो मैं केवल इसके लिए हूं! (मैं इसे लेखक के कॉपीराइट के साथ लेख में शामिल करूंगा)