एक डेवलपर के लिए, प्रत्येक कार्य के लिए कई समर्पित टूल का उपयोग करना व्यस्त हो सकता है। हालाँकि, वेब ब्राउज़र ऐड-ऑन एक ब्राउज़िंग प्लेटफ़ॉर्म से विभिन्न सुविधाओं तक पहुँच प्रदान करके आपको अधिक उत्पादक बना सकते हैं।
सभी शीर्ष ब्राउज़र पेशेवरों के लिए एक्सटेंशन के साथ आते हैं। और यदि आप Microsoft Edge का उपयोग करते हैं, तो कुछ ब्राउज़र ऐड-ऑन के साथ आपके विकास कार्य आसान हो सकते हैं। यहां, हम उन सर्वोत्तम Microsoft Edge ऐड-ऑन के बारे में चर्चा करेंगे जिनका उपयोग वेब डेवलपर्स को करना चाहिए।
React Developer Tools वेब ब्राउज़र के लिए एक DevTools ऐड-ऑन है। यह आपके Edge DevTools में कंपोनेंट्स और प्रोफाइलर नाम के दो नए टैब जोड़ देगा। ओपन-सोर्स ऐड-ऑन को पेज के रिएक्ट ट्री तक पहुंचने के लिए आपकी अनुमति की आवश्यकता होगी।
घटक टैब उप-घटकों के साथ पृष्ठ के मूल प्रतिक्रिया घटकों को प्रदर्शित करता है। पेड़ से किसी भी घटक का चयन करें और दाएँ पैनल में उसके वर्तमान प्रॉप्स, स्थिति और हुक का निरीक्षण और संपादन करें।
आप इस ऐड-ऑन का उपयोग यह पता लगाने के लिए भी कर सकते हैं कि किसी एप्लिकेशन में React.js है या नहीं। प्रोफाइलर टैब का उपयोग करके, डेवलपर्स प्रदर्शन की जानकारी रिकॉर्ड कर सकते हैं।
यदि आप GitHub कोड का विश्लेषण कर रहे हैं, तो Octotree ऐड-ऑन GitHub कोड समीक्षा और अन्वेषण के अनुभव को बढ़ा सकता है। यह आपको एक IDE जैसा कोड ट्री दिखाता है और आपको फ़ाइल और फ़ोल्डर खोज करने देता है।
यह उच्च-प्रदर्शन ऐड-ऑन किसी भी आकार के रिपॉजिटरी के साथ काम करने में सक्षम है। इसके अलावा, यह निजी भंडारों का समर्थन करता है और आपको पुल अनुरोधों, रेपो, फाइलों और मुद्दों को बुकमार्क करने की अनुमति देता है।
आप कुछ अतिरिक्त सुविधाओं को प्राप्त करने के लिए इस ऐड-ऑन के प्रो संस्करण की सदस्यता भी ले सकते हैं। इनमें एकाधिक गिटहब खातों और गिटहब एंटरप्राइज़, एकाधिक टैब, कोड फ़ॉन्ट सेटिंग्स, पुल अनुरोध कोड समीक्षा, फ़ाइल आइकन थीम, और डॉकिंग स्थिति बदलने के लिए समर्थन शामिल है।
वेब के लिए एक्सेसिबिलिटी इनसाइट्स एक माइक्रोसॉफ्ट एज ब्राउज़र ऐड-ऑन है जो आपको विभिन्न वेब एप्लिकेशन और वेबसाइटों में एक्सेसिबिलिटी मुद्दों का पता लगाने और उन्हें ठीक करने देगा। आप इसका उपयोग लगभग 50 पहुंच-योग्यता प्रावधानों के अनुपालन की जांच के लिए कर सकते हैं।
स्पष्ट निर्देशों और एक दृश्य सहायक के लिए धन्यवाद, आप कीबोर्ड ट्रैप, लापता टैब स्टॉप और गलत टैब ऑर्डर सहित महत्वपूर्ण कीबोर्ड एक्सेस मुद्दों की तुरंत पहचान कर सकते हैं।
यह कुछ ही मिनटों में सामान्य लेकिन उच्च प्रभाव वाली पहुंच संबंधी समस्याओं का पता लगाने के लिए दो-चरणीय प्रक्रिया करने में भी आपकी सहायता करता है। हालाँकि, इस ऐड-ऑन का उपयोग करने के लिए आपको Microsoft Edge Insider v.75 या बाद के संस्करण की आवश्यकता होगी।
किसी पृष्ठ के HTML कोड का विश्लेषण करना एक डेवलपर का लगातार कार्य है। डिज़ाइन विश्लेषण ऐड-ऑन की सहायता से, आप उस पृष्ठ के विभिन्न घटकों को सक्षम और अक्षम करके किसी HTML पृष्ठ का विश्लेषण कर सकते हैं।
सम्बंधित: कूल HTML प्रभाव कोई भी अपनी वेबसाइट में जोड़ सकता है
यह आपको आंतरिक और बाहरी (प्रिंट और हैंडहेल्ड सहित) सीएसएस को अक्षम करने, छवियों और पृष्ठभूमि को छिपाने देता है इमेज, डिस्प्ले इमेज ऑल्ट एट्रीब्यूट्स, आउटलाइन हेडिंग, फ्रेम्स, एक्सटर्नल लिंक्स, टेबल्स, फ्लोटिंग एलिमेंट्स, और जल्द ही।
इसके अलावा, यह ऐड-ऑन विविध टूल के साथ आता है जो छिपे हुए तत्वों को प्रदर्शित करने, पुनः लोड करने में आपकी सहायता करते हैं छवियों और बाहरी सीएसएस, स्रोत कोड देखें, पृष्ठों को रैखिक करें, और सभी लिंक को विज़िट किए गए के रूप में चिह्नित करें या दौरा नहीं किया।
यह ऐड-ऑन किसी भी व्यक्तिगत रूप से पहचाने जाने योग्य डेटा को संग्रहीत या साझा नहीं करता है। इसके कामकाज के लिए आवश्यक सभी जानकारी आपके डिवाइस में रहती है।
एमएचटीएमएल ऐड-ऑन के रूप में सहेजें का उपयोग करके, डेवलपर्स वर्तमान वेबपेज को एमएचटीएमएल (एमआईएमई एचटीएमएल)/एमएचटी प्रारूप में सहेज सकते हैं। ऐड-ऑन सहज उपयोग के लिए टूलबार बटन के साथ आता है। यह सभी ऑनलाइन लिंक को ऑफलाइन फॉर्मेट में सेव करता है।
एमएचटीएमएल एक संग्रह फ़ाइल स्वरूप है जो वेब पेज सामग्री को ऑफ़लाइन देखने के लिए सहेजता है। फ़ाइल प्रकार प्रक्रिया के दौरान HTML दस्तावेज़ों में छवियों, एप्लेट्स और फ्लैश एनिमेशन जैसे सभी संसाधनों को शामिल करता है।
ऐड-ऑन में दो अलग-अलग उपकरण हैं जिनका उपयोग आप पृष्ठ की वेबपेज सामग्री को एमएचटीएमएल फ़ाइल में सहेजने से पहले संपादित करने के लिए कर सकते हैं।
आप टेक्स्ट प्रारूप को बोल्ड और इटैलिक में बदलने, एक छवि जोड़ने या किसी भी सामग्री को हटाने जैसे कार्यों के लिए डिज़ाइन मोड चुन सकते हैं। या आप पृष्ठ के एक भाग का चयन कर सकते हैं और इस ऐड-ऑन से एक नया दस्तावेज़ बनाने के लिए कह सकते हैं।
कुकीज़ के साथ डेवलपर्स का एक अनिवार्य संबंध है। कुकी-संपादक एक शक्तिशाली ऐड-ऑन है जो आपको वेब पेज विकास और परीक्षण चरण के दौरान मानक कुकी संचालन करने देता है।
यह ऐड-ऑन उपयोग में आसान इंटरफ़ेस के साथ आता है जो आपको कुकीज़ को मैन्युअल रूप से प्रबंधित करने की अनुमति देता है। इसकी मदद से आप टैब पर रहते हुए जल्दी से कुकीज़ बना सकते हैं, संपादित कर सकते हैं और हटा सकते हैं।
एक क्लिक के साथ, कुकी-संपादक वर्तमान पृष्ठ की सभी कुकीज़ हटा देगा। यह टेक्स्ट प्रारूप में कुकीज़ आयात/निर्यात भी कर सकता है।
Node.js V8 एक ऐड-ऑन है जिसका उपयोग आप अपने Node.js विकास चक्र को कारगर बनाने के लिए Edge DevTools के साथ कर सकते हैं। यह Edge DevTools के विंडो/टैब जीवनचक्र को प्रबंधित कर सकता है, इसलिए आपको अपने कोड को डीबग करने पर ध्यान केंद्रित करने के लिए अधिक समय मिलता है।
सम्बंधित: रबर डक डिबगिंग क्या है?
Node.js V8 ऐड-ऑन आपको मैन्युअल रूप से और स्वचालित रूप से DevTools इंटरफ़ेस को नियंत्रित करते हुए स्थानीय और दूरस्थ डिबगिंग सत्रों की निगरानी करने देता है। आप इसका उपयोग VSCode नोड प्रक्रियाओं को डीबग करने और v8 इंस्पेक्टर की जांच के बीच की अवधि को अनुकूलित करने के लिए भी कर सकते हैं।
इसकी सहायता से, आप किसी टैब या विंडो में Edge DevTools को स्वचालित रूप से खोल और बंद कर सकते हैं और DevTools को प्रारंभ में सक्रिय या निष्क्रिय बना सकते हैं। इसकी निरीक्षण सुविधा आपको नोड चलाते समय जेनरेट किए गए URL का स्वतः पता लगाकर DevTools URL को कॉपी और पेस्ट करने से बचाती है।
BugReplay मुख्य रूप से एक ऐड-ऑन है जिसका उपयोग स्क्रीनकास्ट और नेटवर्क डिबगिंग के लिए किया जाता है। यह आपकी स्क्रीन को JavaScript कंसोल संदेशों और नेटवर्क ट्रैफ़िक के साथ सिंक में रिकॉर्ड करने में आपकी सहायता करता है। इस ऐड-ऑन के लिए धन्यवाद, आपको केवल रीयल-टाइम में बग्स को पकड़ने के लिए चरणों को फिर से ट्रेस करना होगा।
डेवलपर को अंतिम उपयोगकर्ताओं या समर्थन अधिकारियों के साथ आगे-पीछे संवाद करने की कोई आवश्यकता नहीं है। वे रिकॉर्ड की गई जानकारी से यह पता लगा सकते हैं कि बग कब और कहां हुआ और कुछ ही समय में समस्या का समाधान कर सकते हैं।
BugReplay ऐड-ऑन के साथ बग को रिकॉर्ड करना आसान हो जाता है। आप बग को अपने सहकर्मियों के साथ साझा करने से पहले उसकी समीक्षा भी कर सकते हैं। ऐड-ऑन इसे सार्वजनिक करने का विकल्प भी प्रदान करता है।
विकास के लिए अपना पसंदीदा एज ऐड-ऑन चुनें
Microsoft एज ऐड-ऑन की इस सूची के माध्यम से जाने से, आप उन लोगों को चुन सकते हैं जो वेब और ऐप विकास कार्यों में आपकी मदद करेंगे। याद रखें, Microsoft Edge में नियमित उपयोगकर्ताओं के लिए अन्य ऐड-ऑन भी हैं। आप पासवर्ड प्रबंधन जैसे अन्य कार्यों के लिए मुख्यधारा के एक्सटेंशन ब्राउज़ कर सकते हैं और ढूंढ सकते हैं।
अपने सभी अलग-अलग पासवर्ड को याद रखना मुश्किल हो सकता है, इसलिए सरल पासवर्ड प्रबंधन के लिए यहां नौ सर्वश्रेष्ठ माइक्रोसॉफ्ट एज ऐड-ऑन हैं।
आगे पढ़िए
- प्रोग्रामिंग
- माइक्रोसॉफ्ट बढ़त
- ब्राउज़र एक्सटेंशन
- वेब विकास
तमाल MakeUseOf में एक स्वतंत्र लेखक हैं। प्रौद्योगिकी, वित्त और व्यवसाय में पर्याप्त अनुभव प्राप्त करने के बाद एक आईटी परामर्श कंपनी में अपनी पिछली नौकरी में प्रक्रिया, उन्होंने 3 साल पहले एक पूर्णकालिक पेशे के रूप में लेखन को अपनाया। उत्पादकता और नवीनतम तकनीकी समाचारों के बारे में नहीं लिखते हुए, उन्हें स्प्लिंटर सेल खेलना और नेटफ्लिक्स/प्राइम वीडियो देखना पसंद है।
हमारे न्यूज़लेटर की सदस्यता लें
तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!
सब्सक्राइब करने के लिए यहां क्लिक करें