नया Microsoft Edge क्रोमियम ओपन सोर्स प्रोजेक्ट का उपयोग करके बनाया गया है, और यदि आप डेवलपर हैं, तो यहां Microsoft Edge (Chromium) में Dev Tools की सूची है। कुछ नए टूल्स ने DevTools सूची में प्रवेश किया है। यह डेवलपर्स के लिए Microsoft Edge में वेबसाइटों को बनाना और परीक्षण करना आसान और तेज़ बना देगा।
नए Edge (Chromium) में DevTools की सूची
Microsoft Edge (Chromium) DevTools को मोटे तौर पर दो अलग-अलग श्रेणियों में वर्गीकृत किया जा सकता है:
- कोर टूल्स
- एक्सटेंशन।
1] कोर टूल्स
एलिमेंट्स पैनल – वेब डेवलपर्स के लिए DevTools की सबसे उपयोगी विशेषताओं में से एक पृष्ठ पर HTML और CSS को "लाइव एडिट" करने की क्षमता है। आप HTML और CSS को संपादित करने, एक्सेसिबिलिटी गुणों का निरीक्षण करने, इवेंट लिसनर्स देखने, और DOM म्यूटेशन ब्रेकपॉइंट सेट करने के लिए एलिमेंट्स पैनल का उपयोग कर सकते हैं।
कंसोल – कंसोल टूल आमतौर पर वेब पेज से संबंधित जानकारी लॉग करता है, जैसे JavaScript, नेटवर्क अनुरोध, और सुरक्षा त्रुटियां। इसलिए, समस्याओं के निवारण में पहला कदम ब्राउज़र कंसोल की जांच करना है।
यही कारण है कि आपको Edge ब्राउज़र में एक समर्पित कंसोल पैनल मिलता है। डेवलपर्स इंटरैक्टिव डिबगिंग, तदर्थ परीक्षण, और एक चल रहे वेब पेज के अंदर और बाहर संचार के लिए उसी पैनल का उपयोग कर सकते हैं।
सोर्स पैनल – यह किसी भी JavaScript डेवलपर के लिए एकल सबसे उपयोगी टूल है – JavaScript डीबगर। इसका उपयोग करके, एक डेवलपर रनटाइम पर अपना कोड खोल और संपादित कर सकता है, ब्रेकपॉइंट सेट कर सकता है, कोड के माध्यम से चरण-दर-चरण जा सकता है, और एक समय में JavaScript की एक लाइन पर अपनी वेब साइट की स्थिति देख सकता है।
नेटवर्क पैनल – यह नेटवर्क और ब्राउज़र कैश से अनुरोधों और प्रतिक्रियाओं की निगरानी और निरीक्षण कर सकता है।
परफॉरमेंस पैनल – यह रनटाइम प्रदर्शन डेटा रिकॉर्ड करने के लिए जिम्मेदार है। रनटाइम प्रदर्शन यह है कि आपका पेज चलने पर कैसा प्रदर्शन करता है, लोडिंग के विपरीत।
मेमोरी पैनल – मेमोरी समस्याएं प्रदर्शन समस्याओं का प्राथमिक कारण हो सकती हैं। यह पेज को समय के साथ उत्तरदायी और सुस्त बना सकता है। मेमोरी पैनल सिस्टम संसाधनों के उपयोग को माप सकता है और कोड निष्पादन के विभिन्न राज्यों में हीप स्नैपशॉट की तुलना कर सकता है।
एप्लिकेशन पैनल – यह कई दिलचस्प वेब पेज गुण प्रदर्शित करता है। यह पैनल से स्टोरेज, डेटाबेस, और कैश का निरीक्षण और प्रबंधन कर सकता है।
सिक्योरिटी पैनल – यह जांच सकता है कि आप वर्तमान में जिस पेज को देख रहे हैं वह सुरक्षित है या नहीं। यह इसके मूल का भी निरीक्षण कर सकता है। डेवलपर्स इसका उपयोग सुरक्षा मुद्दों को डीबग करने और यह सुनिश्चित करने के लिए कर सकते हैं कि HTTPS उचित रूप से लागू है।
ऑडिट पैनल – इसे किसी विशेष विवरण की आवश्यकता नहीं है क्योंकि यह स्वयं-व्याख्यात्मक है। यह सुविधा आपको अपनी वेब साइट का ऑडिट करने देती है। प्राप्त परिणाम आपकी वेबसाइट की गुणवत्ता में सुधार करने में मदद कर सकते हैं।
पढ़ें: Edge DevTools में प्रोफाइलिंग सत्र शुरू करते समय एक त्रुटि हुई।
2] एक्सटेंशन
जबकि Edge एक्सटेंशन का समर्थन करता है, अभी तक DevTool के लिए कोई एक्सटेंशन उपलब्ध नहीं है। इसके बजाय, आपको थर्ड-पार्टी एक्सटेंशन स्टोर से एक्सटेंशन इंस्टॉल करने की आवश्यकता होगी, जैसे Chrome वेब स्टोर।
- Edge के ऊपर बाईं ओर तीन डॉट्स या मेनू आइकन पर क्लिक करें। एक्सटेंशन पर क्लिक करें।
- एक्सटेंशन पेज के निचले बाएं कोने में, अन्य स्टोर से एक्सटेंशन की अनुमति दें के लिए टॉगल चालू करें।
- इसके बाद, Chrome वेब स्टोर पर नेविगेट करें, और DevTools के साथ काम करने वाले एक्सटेंशन को खोलें, उदाहरण के लिए, Facebook से ReAct Developer टूल।
- Chrome में जोड़ें पर क्लिक करें और DevTools एक्सटेंशन Microsoft Edge में जुड़ जाएगा!
सरल शब्दों में, इस तरह आप Chrome एक्सटेंशन को Edge पर इंस्टॉल करते हैं। हालांकि, चेतावनी दी जाती है कि अगर यह शुद्ध Chrome एक्सटेंशन है तो यह काम कर भी सकता है और नहीं भी क्योंकि Microsoft ने कुछ क्रोमियम सेवाओं और सुविधाओं को हटा दिया है।
नया Edge ब्राउज़र अगले फीचर अपडेट के साथ Windows 10 के साथ उपलब्ध होगा यदि आपकी वेबसाइट या व्यवसाय Edge पर निर्भर है, तो पहले से तैयारी करना बेहतर है।
विस्तृत पढ़ने के लिए, Microsoft.com पर जाएं।
