फ़ायरफ़ॉक्स में नए सरल जावास्क्रिप्ट संपादक

स्क्रैचपैड का परिचय

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

वेब कंसोल को एक समय में कोड की एक पंक्ति में प्रवेश करने के लिए अनुकूलित किया गया है (संकेत: आप Shift + Enter के साथ कई लाइनें दर्ज कर सकते हैं)। फायरबग में एक बटन है जो मल्टी-लाइन इनपुट मोड को सक्षम करता है, लेकिन फिर भी, काम कोड के टुकड़ों के वैकल्पिक और रैखिक निष्पादन पर आधारित है।

यह स्क्रैचपैड पर लागू नहीं होता है। वह "इनपुट लाइन - आउटपुट लाइन" दृष्टिकोण को पूरी तरह से खारिज कर देता है। यह सिर्फ एक पाठ संपादक है जो जावास्क्रिप्ट चला सकता है।

स्क्रैचपैड का उपयोग करना

स्क्रैचपैड वेब डेवलपमेंट मेनू में पाया जा सकता है। इस मेनू में "सिम्पल जावास्क्रिप्ट एडिटर" चुनें, और आपको एक टेक्स्ट एडिटर विंडो दिखाई देगी। लॉन्च होने पर, उपयोग के लिए संकेत इसमें दिखाई देते हैं।

इसके साथ काम करना कहीं आसान नहीं है:

1. कोड दर्ज करें
2. इसका कुछ हिस्सा चुनें
3. संदर्भ मेनू या रन मेनू में तीन आदेशों में से एक चुनें:
   
   • प्रारंभ
   • का पता लगाने
   • प्रदर्शन
   
   बेशक, उनके लिए एक्सेलेरेटर हैं ताकि माउस के लिए पहुंचने की आवश्यकता न हो।

भागो सिर्फ चयनित कोड निष्पादित करता है। आप इस कमांड का उपयोग फ़ंक्शंस को परिभाषित करने या पेज को नियंत्रित करने वाले कोड को चलाने के लिए कर सकते हैं।

"एक्सप्लोर" कोड निष्पादित करता है और लौटे मूल्य पर ऑब्जेक्ट इंस्पेक्टर को खोलता है।

अंत में, "प्रदर्शन" संपादक में कोड निष्पादन का परिणाम डालता है। इस कमांड का उपयोग करके, आप संपादक को कैलकुलेटर में बदल सकते हैं। हालांकि, पृष्ठ के सही संचालन की जांच करते समय परिणामों को ट्रैक करने के लिए इसका उपयोग करना अधिक उपयोगी होगा।

वैसे, मैं ध्यान देता हूं कि कई स्क्रैचपैड विचार स्मॉलटाक वातावरण से आते हैं। तीस साल हो गए, लेकिन हम अभी भी उसके साथ पकड़ रहे हैं :)

अपने आप को समझने के लिए कि स्क्रैचपैड क्या है, आपको इसे कार्रवाई में देखने की आवश्यकता है। या तो इसे स्वयं चलाएं, या रोब कैंपबेल का वीडियो देखें ।

स्क्रैचपैड में एक नया कोड लिखना

अपने कोड को आज़माने के लिए स्क्रैचपैड एक बहुत ही सुविधाजनक तरीका है जहाँ उसे काम करना चाहिए: ब्राउज़र में। मान लीजिए कि आपके पास किसी प्रकार का फ़ंक्शन है जो गलत परिणाम देता है। पृष्ठ डाउनलोड करें, फ़ंक्शन कोड को संपादक में कॉपी करें, और कोड की एक दो पंक्तियों को जोड़ें जो इसे कॉल करता है। आप जल्दी से फ़ंक्शन को थोड़ा बदलने और कोड को पुनरारंभ करने की आदत डालेंगे। जब आप अंत में वांछित परिणाम प्राप्त करते हैं, तो संपादक से वापस उस फ़ाइल में फ़ंक्शन को कॉपी करें जहां इसे परिभाषित किया गया था। और यह सब एक पृष्ठ पुनः लोड किए बिना डीबग किया जा सकता है!

कोड स्निपेट का उपयोग करना

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

स्कोप के बारे में

वेब कंसोल की तरह, स्क्रैचपैड में कोड पृष्ठ पर सभी चर देखता है, लेकिन स्क्रैचपैड में परिभाषित चर पेज पर उपलब्ध नहीं हैं। यदि आप एक चर (कहते हैं, foo ) को परिभाषित करना चाहते हैं जो पृष्ठ के जावास्क्रिप्ट कोड के लिए दिखाई देता है, तो आप इसे window window.foo = 1 सकते window : window.foo = 1 ऑब्जेक्ट।

लेकिन वेब कंसोल के विपरीत, टैब स्विच करते समय स्क्रैचपैड की सामग्री बच जाती है, और चल रहे कोड को हमेशा उस पृष्ठ पर निष्पादित किया जाता है जो अब खुला है। यह अनुमति देता है, उदाहरण के लिए, यह सुनिश्चित करने के लिए कि कोड विकास सर्वर और डीबग सर्वर पर समान रूप से काम करता है।

अंत में, यदि आप फ़ायरफ़ॉक्स पर काम कर रहे हैं या इसके लिए एक्सटेंशन, तो आप ब्राउज़र इंटर्नल्स को स्क्रैचपैड एक्सेस दे सकते हैं। ऐसा करने के लिए, devtools.chrome.enabled सेटिंग को about:config में सही devtools.chrome.enabled about:config और "सामग्री" को संपादक में "सामग्री" से "ब्राउज़र" में बदलें। लेकिन अगर आप कुछ कोड दर्ज करते हैं, जिसकी वजह से ब्राउज़र को Google+ - नरक में डेमोलेटर भेजना शुरू हो जाता है, तो यह मेरी गलती नहीं है!

भविष्य की योजना

स्क्रैचपैड सरल है, और हम इसे रखना चाहते हैं। हम कई सुधारों की योजना बनाते हैं जो फ़ायरफ़ॉक्स के अगले संस्करणों में दिखाई देंगे, लेकिन सार - "एक पाठ संपादक जो जावास्क्रिप्ट चला सकता है" - अपरिवर्तित रहेगा।

हम स्क्रैचपैड पर आपकी प्रतिक्रिया की प्रतीक्षा कर रहे हैं! देव-ऐप्स-फ़ायरफ़ॉक्स मेलिंग सूची (अंग्रेजी में अनुवादक का नोट) को लिखें कि आप क्या सोचते हैं। या हमारे काम में भाग लेना शुरू करें और स्क्रैचपैड और अन्य डेवलपर टूल को और बेहतर बनाएं।

जोड़: फ़ायरफ़ॉक्स 8 में यह स्क्रैचपैड के लिए ओरियन संपादक का उपयोग करने की योजना है , जो सिंटैक्स हाइलाइटिंग देता है (हालांकि यह डिफ़ॉल्ट रूप से अक्षम हो जाएगा)। आप "orion" लिए devtools.editor.component को सेट करके इसे सक्षम कर सकते हैं।