इस सप्ताह मोज़िला ने फ़ायरफ़ॉक्स DevTools के लिए नए अपडेट की घोषणा की, कंप्यूटर या मोबाइल उपकरणों पर HTML, CSS और JavaScript की जांच, संशोधन और डीबगिंग के लिए आपका विकास उपकरण।
फ़ायरफ़ॉक्स DevTools टीम ने जो अपडेट की घोषणा की, मुख्य रूप से फ़ायरफ़ॉक्स DevTools के साथ डिबगिंग को देखें और वे डेवलपर्स के लिए अधिक विश्वसनीयता और प्रदर्शन लाने का लक्ष्य रखते हैं, खासकर आधुनिक वेब अनुप्रयोगों के निर्माण में।
इस नए अपडेट के साथ, मोज़िला ने फ़ायरफ़ॉक्स 67 के उपयोगकर्ताओं और एक ठोस डिबगिंग अनुभव के ऊपर वादा किया है।
DevTools में स्क्रिप्ट डिबगिंग सबसे शक्तिशाली और जटिल उत्पादकता विशेषताओं में से एक है।
फ़ायरफ़ॉक्स 67 के लिए फ़ायरफ़ॉक्स DevTools का अद्यतन संस्करण डेवलपर्स को अपनी डिबगिंग प्रक्रिया में अधिक गति और विश्वसनीयता प्राप्त करने और इसके प्रदर्शन में सुधार करने में सक्षम बनाता है।
फ़ायरफ़ॉक्स DevTools में नया क्या है?
फ़ायरफ़ॉक्स DevTools टीम के अनुसार, एलवह नए DevTools सुविधाएँ चार प्रमुख बिंदुओं के चारों ओर घूमती है, समेत
- सबसे तेज चार्जिंग टाइम
- एक रीमॉडेल्ड सोर्स मैप सपोर्ट
- ओवरहेड में कमी जब डिबगर असत्य नहीं है
- लापता ब्रेकपॉइंट्स से संबंधित कुछ मुद्दों के लिए फिक्स, गलत स्क्रिप्ट में रुकावट, और कई और अधिक।
DevTools फ़ायरफ़ॉक्स 30% तेजी से खोलने के लिए
डिबगर का खुला समय पिछले संस्करणों की तुलना में अब 30% तेज है। DevTools Firefox टीम ने समझाया है कि उन्होंने सबसे खराब प्रदर्शन को हटा दिया है जो डीबगर के कारण होता है धीरे से खोला, जो प्रदर्शन परीक्षणों के बाद दिखा है कि डिबगर अब 30% तेज है।
बेहतर स्रोत-मानचित्र
तब टीम ने कहा कि एक नया और तेज़ स्रोत-मैप स्रोत भ्रम देता है कि आप अपने कोड को डीबग कर रहे हैं, न कि बेबल, वेबपैक, टाइपस्क्रिप्ट, व्यू.एस, आदि के संकलित आउटपुट।
एक स्रोत-मानचित्र एक फाइल है जिसके माध्यम से डिबगर निष्पादित कोड को मूल स्रोत फ़ाइलों से लिंक कर सकता है, जिससे ब्राउज़र मूल स्रोत का पुनर्निर्माण कर सकता है और डीबगर में प्रदर्शित कर सकता है।
संपूर्ण मानचित्र स्रोतों को बनाना मुश्किल हो सकता है, टीम को समझाया कि पूरे पारिस्थितिकी तंत्र के लाभ के लिए उपकरण (बैबेल, वीयू.जेएस, आदि) विकसित किए।
तेजी से स्रोत मानचित्र समर्थन (और अन्य अतिरिक्त काम) के साथ, अब पूर्वावलोकन बहुत तेजी से प्रदर्शित होते हैं जब एक चर पर मँडरा होता है जब निष्पादन रोक दिया जाता है।
इसके अलावा, बाबेल पार्सर के साथ मानचित्र स्रोतों को मिलाकर, फ़ायरफ़ॉक्स डीबगर अब आप अपनी रुचि के मूल चर का पूर्वावलोकन कर सकते हैं और संकलक और संकुल से अनावश्यक जानकारी छिपाएँ।
यह कंसोल पर भी काम कर सकता है, स्वचालित रूप से पृष्ठभूमि में उनके वास्तविक, विस्तृत नामों के लिए अनुकूल आईडी का समाधान कर सकता है। इसके प्रदर्शन के कारण, आपको डिबगर के "स्कोप्स" फलक में "मैप" बॉक्स की जांच करके इस सुविधा को अलग से सक्षम करना होगा।
उसके अलावा, इस फ़ायरफ़ॉक्स DevTools अद्यतन में, डिबगर आर्किटेक्चर में कई लंबे समय तक चलने वाले कीड़े तय किए गए हैं कुछ सबसे आम और निराशाजनक समस्याओं को हल करने और लापता स्क्रिप्ट से संबंधित गलत स्क्रिप्ट में तोड़ने का समाधान।
जावास्क्रिप्ट डेवलपर्स को अधिक पारदर्शी तरीके से डिबग करने की अनुमति देने के लिए उपकरण को भी बढ़ाया गया है।
इसी तरह, जैसा कि DevTools Firefox की टीम ने बताया, वेब डेवलपर आज आधुनिक वेब का उपयोग करते हैं और DevTools में विश्व स्तरीय अवधारणाओं से लाभ उठाने में सक्षम होना चाहिए।
नए थ्रेड पैनल का उपयोग करके, आप विभिन्न निष्पादन संदर्भों के बीच स्विच कर सकते हैं और उन्हें स्वतंत्र रूप से निलंबित कर सकते हैं। यह स्क्रिप्ट को उसी डीबगर पैनल में डीबग करने की अनुमति देता है, उसी तरह अन्य आधुनिक ब्राउज़रों की तरह।
सभी ने कहा, कुछ का मानना है कि क्रोम के दम पर फ़ायरफ़ॉक्स का वेब विकास उपकरण अभी भी पीछे है।
उनके अनुसार, फ़ायरफ़ॉक्स DevTools की कुछ विशेषताएँ जो आप क्रोम DevTools में देखते हैं, अभी भी गायब हैं, जैसे वेब सॉकेट डीबगिंग।
Chrome DevTools, याद रखें, वेब विकास उपकरण का एक सेट है जो सीधे Google Chrome ब्राउज़र में एकीकृत होता है।