Google ने फ़्लटर में डार्ट डेवटूल्स को नए सिरे से बनाया है

स्पंदन एक है क्रॉस-प्लेटफॉर्म प्रोग्रामिंग ढांचा, जिसका लक्ष्य गैर-देशी कोड की गड़बड़ी के बिना क्रॉस-प्लेटफ़ॉर्म ऐप्स विकसित करने की समस्याओं को हल करना है। डार्ट प्रोग्रामिंग भाषा के ज्ञान के साथ, एक डेवलपर एकीकृत यूआई के साथ एंड्रॉइड, आईओएस, वेब और डेस्कटॉप के लिए ऐप बना सकता है। स्पंदन 1.9 जबकि अल्फा स्थिति में macOS और कैटालिना समर्थन लाया गया v1.12 रिलीज़ ने उनके समर्थन को प्री-अल्फ़ा स्थिति से पहले परिपक्व कर दिया और यह फ़्लटर का v1.17 और डार्ट का v2.8 2020 में उनकी पहली स्थिर रिलीज़ चिह्नित की गई। आज, Google डार्ट और फ़्लटर कोड के लिए DevTools का एक नया संस्करण जारी कर रहा है, जिसे फ़्लटर में स्क्रैच से फिर से बनाया गया है और कई सुधारों के साथ आता है।

पिछली घोषणा में, Google ने Dart DevTools के वर्तमान संस्करण को नए फ़्लटर संस्करण से बदलने के अपने इरादे का उल्लेख किया था। यह अब हुआ है क्योंकि नए DevTools को फ़्लटर में नए सिरे से बनाया गया है। DevTools का यह नया संस्करण प्रदर्शन और मेमोरी पेजों में बदलाव के साथ-साथ एक पूरी तरह से नए नेटवर्क पेज जैसे सुधार जोड़ता है।

लेकिन जब कोई चीज़ अभी भी काम करती है तो उसका पुनर्निर्माण क्यों करें? फ़्लटर के पीछे की टीम का दावा है कि उच्च-प्रदर्शन का निर्माण करते समय उत्पादकता लाभ महत्वपूर्ण हैं यूआई, और इन दावों में विश्वास प्रदर्शित करने का सबसे अच्छा तरीका उन्हीं उपकरणों को अपनाना है खुद। फ़्लटर में पुनर्निर्माण भी डेवलपर्स को कोड लिखने के बाद एक वितरण मॉडल का चयन करने में सक्षम बनाता है, जो वर्तमान निर्णय लेने वाले फ़्लोचार्ट से एक विचलन है जिसमें वितरण मॉडल निर्देशित करेगा कोड.

DevTools एक वेब एप्लिकेशन के रूप में शिपिंग कर रहा है जो टूल को मौजूदा टूलिंग अनुभव में एकीकृत करना आसान बनाता है लक्ष्य प्लेटफार्म और आईडीई। DevTools टूल का एक स्टैंडअलोन सूट है जो ब्राउज़र में चलता है, और यह मोबाइल ऐप्स, डेस्कटॉप ऐप्स और वेब के लिए काम करता है क्षुधा.

DevTools में निम्नलिखित विशेषताएं शामिल हैं:

• स्पंदन निरीक्षक: विजेट पेड़ों की कल्पना और अन्वेषण करने के लिए एक उपकरण। आप अपने चल रहे ऐप में विजेट का चयन कर सकते हैं, सभी एनिमेशन को धीमा कर सकते हैं, टेक्स्ट बेसलाइन देख सकते हैं और बहुत कुछ कर सकते हैं।
  • नई सुविधाओं में से एक लेआउट एक्सप्लोरर है जिसे आप विवरण ट्री के बगल में फ़्लटर इंस्पेक्टर टैब में पा सकते हैं। लेआउट एक्सप्लोरर आपको फ़्लटर के फ्लेक्स लेआउट मॉडल का निरीक्षण करने देता है। टीम एक उदाहरण देती है कि यह टूल इस बात को समझने में कैसे मदद कर सकता है कि विजेट की एक पंक्ति उस तरह क्यों नहीं दिखती जैसी डेवलपर ने अपेक्षा की थी, उदाहरण के लिए।

• समयरेखा दृश्य: प्रत्येक फ्रेम के लिए निर्माण समय और एक फ्लेम चार्ट दिखाता है। इससे संदर्भ में समस्याग्रस्त फ़्रेमों की पहचान करना आसान हो जाता है।
  • यह फलक अब नए ट्रैक विजेट बिल्ड बटन को शामिल करता है जो सभी विजेट्स के निर्माण समय को जोड़ता है आपका ऐप टाइमलाइन पर (आपके प्रोफ़ाइल निर्माण के प्रदर्शन की कीमत पर-इसलिए यह चालू नहीं है गलती करना)। यह तब उपयोगी होता है जब आप यह पता लगाने का प्रयास कर रहे हों कि वास्तव में कौन से विजेट धीमे फ्रेम के पीछे हैं।

• स्मृति दर्शन: आपको दिखाता है कि आपका ऐप किसी निश्चित समय पर मेमोरी का उपयोग कैसे कर रहा है।
  • यह दृश्य अब आवंटित मेमोरी का हीटमैप दिखाता है और प्लेटफ़ॉर्म मेमोरी को ट्रैक करने की भी अनुमति देता है।

• प्रदर्शन दृश्य: यह एक पारंपरिक सीपीयू प्रोफाइलर है। यह आपको अपने ऐप का एक सत्र रिकॉर्ड करने और यह देखने की सुविधा देता है कि सीपीयू ने अपना अधिकांश समय किन कार्यों में बिताया। आप इसका उपयोग यह तय करने के लिए कर सकते हैं कि अपना समय अनुकूलन में कहाँ व्यतीत करना है।
• DevTools में स्वयं का भी शामिल है डीबगर. यह उपयोगी हो सकता है यदि आप आईडीई का उपयोग नहीं कर रहे हैं लेकिन फिर भी ब्रेकप्वाइंट जोड़ने, कोड के माध्यम से कदम उठाने, वैरिएबल मानों पर नज़र डालने आदि का विकल्प चाहते हैं।

• नेटवर्क दृश्य: यह बिल्कुल नया है.
  • जैसा कि इसके नाम से पता चलता है, यह आपको नेटवर्क ट्रैफ़िक का निरीक्षण करने देता है। आप अपने ऐप के शुरू होने के बाद से किए गए अनुरोधों का पूरा इतिहास देख सकते हैं और प्रत्येक के बारे में विस्तृत जानकारी प्राप्त कर सकते हैं। यह आपको किसी नेटवर्क समस्या को डीबग करने का प्रयास करते समय इन ईवेंट को स्वयं लॉग करने से मुक्त करता है।
  • नेटवर्क टैब वर्तमान में HTTP ट्रैफ़िक दिखाता है; भविष्य के सुधारों में दिखाना शामिल है सामान्य सॉकेट I/O ट्रैफ़िक.
  • नेटवर्क अनुरोधों को टाइमलाइन दृश्य में भी दिखाया जाता है ताकि आप उन्हें संदर्भ में देख सकें।
• लॉगिंग दृश्य: आपके ऐप और फ्रेमवर्क से इवेंट दिखाता है। इसके साथ, आप संदेशों को आसानी से फ़िल्टर कर सकते हैं (उदाहरण के लिए, आप गारबेज कलेक्टर इवेंट को फ़िल्टर करने के लिए "-gc" निर्दिष्ट कर सकते हैं या केवल फ़्रेम इवेंट दिखाने के लिए "फ़्लटर.फ़्रेम" निर्दिष्ट कर सकते हैं)। डार्ट में, संदेशों को लॉग करना संरचित किया जा सकता है, और लॉगिंग दृश्य उसका उपयोग करता है।

DevTools का पूर्ण उपयोग करने के लिए, आप पढ़ सकते हैं प्रलेखन. यदि आपको कोई बग मिलता है, या आप नई सुविधाओं पर वोट करना चाहते हैं, तो आप ऐसा कर सकते हैं GitHub.