जावास्क्रिप्ट अनुरेखण, डिबगिंग, प्रोफाइलिंग - रिक्त स्थान को भरना

सालों तक, मैंने अपना जावास्क्रिप्ट कोड डीबग करने, ट्रेस करने और प्रोफ़ाइल करने के लिए Chrome DevTools, Firebug और यहां तक ​​कि Opera Dragonfly का उपयोग किया। मैं ध्यान देता हूं कि मैंने इन अद्भुत उपकरणों का उपयोग न केवल जावास्क्रिप्ट के साथ काम करने के लिए किया, बल्कि नेटवर्क ईवेंट्स को ट्रैक करने, सीएसएस को डीम के साथ काम करने के लिए भी किया।

हालांकि, कभी-कभी मैं कुछ बहिष्करण क्षेत्रों में गिर गया, जिसमें उपरोक्त उपकरण कुछ कारणों से मेरी मदद नहीं कर सके, लेकिन मैं चाहूंगा।




ऐसा होता है कि मैं अक्सर जावास्क्रिप्ट कोड को देखता हूं, जिसके साथ मैं बहुत परिचित नहीं हूं, अगर बिल्कुल भी। उदाहरण के लिए, मैं सामान्य विकास के लिए केवल तृतीय-पक्ष कोड का अध्ययन कर रहा हूं, यह समझने की कोशिश कर रहा हूं कि किसी प्रकार का jQuery एक्सटेंशन जो उस तरह से काम नहीं करना चाहता है, मैंने बग को ठीक किया, उस फ्रेमवर्क के MVC कोड को जानना, जो बेहतर समझना चाहता है, परियोजना सहयोगियों के कोड को देखते हुए, कभी-कभी भी। मेरा अपना कोड जो भूल गया कि यह कैसे काम करता है (मुझे आशा है कि मैं केवल एक ही नहीं हूं)। ऐसा होता है कि यहां तक ​​कि एक ऐसी जगह ढूंढना जिसके साथ इस कोड में आपकी आकर्षक यात्रा (कई फाइलों में टूट जाती है, कभी-कभी खनन होती है, अक्सर भ्रमित होती है) एक पहेली है।

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



कुछ मामलों में, कंसोल बचाव के लिए भी आता है, लेकिन हर कोई शायद यह याद रखता है कि जब आप कंसोल को हटाने से पहले भूल जाते हैं तो "जादू" महसूस होता है (या, भगवान मुझे माफ कर दें, चेतावनी दें)। सौभाग्य से, jshint भी कुछ के लिए बचाव में आता है, जो विनीत रूप से याद दिलाता है। यह बदतर है, आपको लगता है कि कंसोल बचाव के लिए आता है, लेकिन आपको एक सुस्पष्टता मिलती है "कंसोल अपरिभाषित है"। यदि आपके पास यह नहीं था, तो आप भाग्यशाली हैं या शुरुआती।

पागल हाइजेनबग के बारे में क्या? बग चल रहा है, F12 दबाया जाता है, ब्रेकप्वाइंट को अचूक सटीकता के साथ रखा जाता है और एक पेशेवर शिकारी की शांत गणना, वर्णित चरणों को पूरा किया जाता है, लेकिन बग कभी नहीं हुआ है?

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

अंत में, प्रदर्शन प्रोफाइलिंग। उत्कृष्ट JsPerf सेवा का उपयोग करके, आप विभिन्न ब्राउज़रों के लिए अजनबियों को देख सकते हैं या अपने अनुकूलन विचारों को चला सकते हैं, यह तब होता है जब विचार होते हैं। क्रोम DevTools और Firebug में क्रमशः V8 और स्पाइडरमोंकी इंजनों से सटीक संख्या लेने वाले अंतर्निहित प्रोफाइलर हैं, लेकिन मैं इंटरफ़ेस का उपयोग करने में कभी भी सहज नहीं रहा हूं जहां ये नंबर प्रस्तुत किए जाते हैं, मुझे यह पसंद नहीं है कि प्रोफाइल को लगातार चालू करने की आवश्यकता है और इसे सिर्फ एक बार चालू करने का कोई तरीका नहीं है। हमेशा इसे डिफ़ॉल्ट रूप से चालू करने के लिए, कोड में कंसोल.प्रोफाइल / कंसोल.टाइम (और विशेष रूप से उन्हें हटाने के लिए भूल जाना) को सम्मिलित करना कभी भी मज़ेदार नहीं था।



पूर्वगामी को देखते हुए, एक दिन मुझे इस विचार से जाना गया - एक ऐसा उपकरण होना अच्छा होगा जो उपरोक्त समस्याओं का कम से कम हिस्सा हल करता है और:

• आपको यह देखने की अनुमति देता है कि अभी कोड में क्या ईवेंट हो रहे हैं, कॉल ट्री खोलें और कोड निष्पादन पथ पर प्रकाश डाला
• आपको स्क्रिप्ट और घटनाओं को फ़िल्टर करने और मॉनिटर करने की अनुमति देता है कि फिलहाल मेरे लिए क्या दिलचस्प है
• आपको एप्लिकेशन में कुछ स्क्रिप्ट निष्पादित करने और फिर रनटाइम पर डेटा तक पहुंच सहित विश्लेषण करने की अनुमति देता है
• आपको किसी भी ब्राउज़र / डिवाइस / प्लेटफॉर्म में ट्रेस, डिबग, प्रोफाइल कोड की अनुमति देता है
• यह आपको कार्यों के प्रदर्शन को जल्दी, आसानी से और लगातार देखने की अनुमति देता है, तुरंत देखें कि हाल ही में जोड़े गए कार्यों में से कौन सा प्रदर्शन को खत्म कर सकता है, निर्णय लेने का समर्थन करने के लिए, आप वास्तव में क्या अनुकूलन करने की कोशिश कर सकते हैं
• आपको एक विशिष्ट परिदृश्य पर प्रकाश डाला हुआ निष्पादन देखने की अनुमति देता है
• आपको अपरिचित कोड सीखने की अनुमति देता है, इसके निष्पादन की प्रक्रिया का विश्लेषण करता है

यदि उन्हें हल करने के लिए उपरोक्त समस्याएं और सुझाव आपके करीब नहीं हैं, तो आप शायद आगे नहीं पढ़ सकते हैं, क्योंकि वहाँ होगा जो उत्पाद के विज्ञापन (यद्यपि मुक्त) कहा जा सकता है।

मुझे खुशी है कि अगर मैंने विज्ञापन अस्वीकरण के बाद आपको नहीं खोया है। अपने अधिकांश सहयोगियों की तरह, मुझे पुराने प्रोग्रामर मंत्र "मैं एक टूलबॉक्स kotorus nemogus findlus लिखूंगा" पर डाला गया था, इसलिए, कृपया जासूसी-जेएस का स्वागत करें - जावास्क्रिप्ट के साथ काम करने के लिए एक नया उपकरण, मौजूदा उपकरणों के रिक्त स्थान को भरने के लिए डिज़ाइन किया गया, डिबगिंग, प्रोफाइलिंग पर एक नज़र डालें, के साथ अनुरेखण। एक और कोण। परियोजना बीटा में है, लेकिन बीटा संस्करण पहले से ही इच्छा सूची में से अधिकांश कर सकता है। विकास की सामान्य दिशा मौजूदा DevTools / Firebug की क्षमताओं को बदलना नहीं है, बल्कि समस्याओं का वैकल्पिक समाधान प्रदान करना और इन उपकरणों के संभावित अंतराल को भरना है।



सहज रूप से एटवुड के नियम का पालन ​​करते हुए कि जावास्क्रिप्ट में जो कुछ लिखा जा सकता है, उसमें लिखा जाएगा, स्पाई-जेएस मुख्य रूप से उस भाषा में लिखा जाता है जिसके लिए यह लिखा गया है (जैसे, लिपटे)।

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

एक परियोजना कभी भी महान ओपन सोर्स प्रोजेक्ट्स जैसे: नोडज, एसप्रिमा, एक्सप्रेस, ग्रंट, सॉकेट, जियो, नॉकआउट, जेएस, अंडरस्कोर, ऐस, बूटस्ट्रैप के उपयोग के बिना पूरी नहीं होती। सभी उपयोग किए गए प्रोजेक्ट सूचीबद्ध नहीं हैं।

स्पाई-जेएस का मुफ्त बीटा संस्करण वर्तमान में http://spy-js.com पर डाउनलोड के लिए उपलब्ध है। प्रोजेक्ट का स्रोत कोड स्वयं नहीं खुला है। दस्तावेज़ीकरण, कॉन्फ़िगरेशन उदाहरण, कीड़े शुरू करने की क्षमता, सवाल पूछने और इसी तरह, वर्तमान में खुले जीथब रिपॉजिटरी का उपयोग करके किया जाता है। स्‍पाय-ओवर टैग के साथ स्‍टैक ओवरफ्लो पर भी प्रश्‍न पूछे जा सकते हैं।



इस स्तर पर, परियोजना में मेरे वित्तीय निवेश इतने बड़े नहीं हैं, मैं अपने अधिकांश खाली समय में इस पर काम करता हूं। मेरी योजना उन लोगों से समीक्षाओं का उपयोग करने की है जो मंच पर अपने विकास को जारी रखने के लिए उपकरण को उपयोगी पाते हैं जब / अगर मैं भुगतान किए गए लाइसेंस की पेशकश कर सकता हूं और उत्पाद में अधिक समय / समर्थन / वित्त निवेश कर सकता हूं।

मैं किसी भी समर्थन, सुझाव, प्रतिक्रिया, परियोजना के बारे में जानकारी के प्रसार के लिए ईमानदारी से आभारी हूं। यह वास्तव में प्रेरित करता है और मुझे वह करने में मदद करता है जो मैं करता हूं। मुझे आशा है कि आपकी मदद से मैं जावास्क्रिप्ट टूल्स के विकास में योगदान कर सकता हूं।