क्रोम देव टूल्स में कार्यक्षेत्र और स्निपेट्स

Chrome देव उपकरण में कार्यक्षेत्र और स्निपेट्स - 2 उपकरण, जिनके अस्तित्व को हर कोई नहीं जानता। ये उपकरण वेब विकास को सरल बनाते हैं, इसलिए मैंने आज उनके बारे में बात करने का फैसला किया।

ट्रेनिंग

क्रोम कैनरी के नवीनतम संस्करण को स्थापित करना सबसे अच्छा है। नवीनतम स्थिर संस्करण में, इन सुविधाओं को भी सक्रिय किया जा सकता है, लेकिन व्यक्तिगत रूप से, कार्यक्षेत्र ने मेरे लिए वहाँ काम नहीं किया।

कैनरी के नवीनतम संस्करण में कार्यक्षेत्र और स्निपेट्स का उपयोग डेवलपर टूल प्रयोगों को सक्रिय किए बिना भी किया जा सकता है - उपकरण ब्राउज़र को स्थापित करने के तुरंत बाद उपलब्ध हैं।

यदि आप स्निपेट्स को एक स्थिर संस्करण पर (किसी कारण से, कार्यक्षेत्र कार्य नहीं करते हैं) का प्रयास करने का निर्णय लेते हैं: क्रोम मैजिक पेज पर जाएं : // झंडे / # सक्षम- devtools- प्रयोग और " डेवलपर टूल प्रयोग " समर्थन को सक्षम करें। हम ब्राउज़र को पुनरारंभ करते हैं। उसके बाद, सेटिंग्स में -> प्रयोग आपको बॉक्स " स्निपेट्स समर्थन " की जांच करने और फिर से ब्राउज़र को पुनरारंभ करने की आवश्यकता है। गैर-कार्यशील कार्यक्षेत्र के लिए आइटम भी है: "स्रोत पैनल में फ़ाइल सिस्टम फ़ोल्डर"।

कार्यक्षेत्र या "इस रूप में सहेजें" के बारे में भूल जाओ

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

तो चलिए शुरू करते हैं। अपने पसंदीदा तरीके से डेवलपर पैनल खोलें (उदाहरण के लिए, Cmd / Ctrl + Shift + I )। सेटिंग्स पर जाएं (निचले दाएं कोने में बटन)। वहां हमें " कार्यक्षेत्र " टैब मिलता है। यह यहां है कि आवश्यक स्थानीय फ़ोल्डर और "मैपिंग" कॉन्फ़िगर किए गए हैं। बिना किसी हिचकिचाहट के, " फ़ोल्डर जोड़ें " पर क्लिक करें और स्थानीय ड्राइव पर प्रोजेक्ट फ़ोल्डर का चयन करें।



अपनी आँखें ऊपर उठाना और डिस्क पर फ़ोल्डर का उपयोग करने के लिए ब्राउज़र अनुरोध देखने के लिए अब बहुत महत्वपूर्ण है । हम सहमत हैं, " अनुमति दें " पर क्लिक करें।


फिर 2 तरीके हैं: दाईं ओर और, कई प्यार के रूप में, बाईं ओर। या हम "मैपिंग" यहीं कॉन्फ़िगर करते हैं, "URL प्रीफ़िक्स", "फ़ोल्डर पथ" में फ़ोल्डर का पता में मैन्युअल रूप से हथौड़ा। या सेटिंग्स विंडो को बंद करें और स्रोत टैब पर जाएं। दोनों फ़ोल्डर नेविगेटर में दिखाई देंगे: वर्तमान खुला संसाधन और स्थानीय एक, जिसे हम पहले सेटिंग्स में सेट करते हैं। एक या किसी अन्य फ़ोल्डर से किसी भी फाइल पर राइट-क्लिक करें और " मैप टू टू (फाइल सिस्टम | नेटवर्क) संसाधन " पर क्लिक करें। इंस्पेक्टर को पुनः आरंभ करने के लिए प्रेरित करने के लिए आपको किस फाइल को "मैप" करना है, इसके लिए चुनें - सहमत हैं।


यही है, अब निरीक्षक में 2 फ़ोल्डर एक में बदल जाएंगे, और सभी परिवर्तन स्वचालित रूप से एक स्थानीय निर्देशिका में सहेजे जाएंगे।

के टुकड़े

बहुत सुविधाजनक सुविधा। कुछ अक्सर निष्पादित कोड को अलग से निकाला जा सकता है। आप एक ही स्रोत टैब में सब कुछ पा सकते हैं, केवल निरीक्षक में आपको स्निपेट्स टैब का चयन करना होगा।

बनाना बहुत सरल है: राइट-क्लिक करें -> नया । बायीं ओर के स्टार्ट आइकन पर क्लिक करें या Ctrl + Enter ।

निष्कर्ष

मुझे उम्मीद है कि इन छोटी उपयोगिताओं में से 2 वेब विकास प्रक्रिया में आपकी बहुत मदद करेगी। मैं वीडियो प्रारूप में अधिक और अधिक विस्तार से बताना चाहता था, लेकिन, दुर्भाग्य से, एक सामान्य माइक्रोफोन की कमी ने इसकी अनुमति नहीं दी। एक अच्छा कोडिंग है!