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