यह पोस्ट ब्लॉग पोस्ट की एक सीरीज़ का हिस्सा है. इसमें, DevTools के आर्किटेक्चर में किए जा रहे बदलावों और उसे बनाने के तरीके के बारे में बताया है.
कई साल पहले, जब DevTools पहली बार बनाया गया था, तब टीम ने पसंद के मुताबिक बनाया गया यूज़र इंटरफ़ेस (यूआई) फ़्रेमवर्क बनाने का विकल्प चुना. उस समय यह एक सही विकल्प था और इससे DevTools अच्छे नतीजे मिले हैं.
हालांकि, उसके बाद से इस प्लैटफ़ॉर्म में कई सुविधाएं शुरू हो गई हैं और उनमें से एक वेब कॉम्पोनेंट, DevTools में नए यूज़र इंटरफ़ेस (यूआई) एलिमेंट बनाने के लिए सही है. इस प्लैटफ़ॉर्म पर काम करने से, हम पहले से तय किए गए यूआई कोड की संख्या को काफ़ी कम कर सकते हैं. हमारे लिए DevTools की सुविधाएं तैयार करने के लिए ज़रूरी यूआई कोड हैं. साथ ही, हम कस्टमाइज़ किए गए इन्फ़्रास्ट्रक्चर के बजाय, DevTools की सुविधाएं बनाने के लिए ज़्यादा पैसे खर्च करते हैं.
ट्रांज़िशन में मदद करने के लिए, हमने DevTools में यूआई एलिमेंट बनाने के लिए एक गाइड बनाई है. इसे बड़े DevTools टीम के साथ शेयर किया जा सकता है. कुछ गाइड DevTools और इसके आर्किटेक्चर से जुड़ी हुई हैं, जिसकी वजह से खुद की पाबंदियां लागू होती हैं. हालांकि, इनमें से कुछ सामान्य दिशा-निर्देश हैं, जिनका इस्तेमाल हमने वेब कॉम्पोनेंट बनाने, उन्हें स्ट्रक्चर करने, और उनकी जांच करने के लिए किया है.
आज हम इस दस्तावेज़ को goo.gle/building-ui-devtools पर सार्वजनिक तौर पर उपलब्ध करा रहे हैं. अगर आपने कभी सोचा है कि बड़े, असल दुनिया के ऐप्लिकेशन में वेब कॉम्पोनेंट कैसे इस्तेमाल किए जाते हैं, या कॉम्पोनेंट को बड़े, पहले से मौजूद कोडबेस में इंटिग्रेट करने में आने वाली चुनौतियों का सामना करना पड़ता है, तो यह दस्तावेज़ मददगार साबित हो सकता है. अगर हमारे दिशा-निर्देशों के बारे में आपका कोई सवाल है, तो बेझिझक मुझे ट्वीट करें.
झलक दिखाने वाले चैनलों को डाउनलोड करें
अपने डिफ़ॉल्ट डेवलपमेंट ब्राउज़र के तौर पर, Chrome के कैनरी, डेव या बीटा वर्शन का इस्तेमाल करें. झलक दिखाने वाले इन चैनलों से, आपको DevTools की नई सुविधाओं का ऐक्सेस मिलता है. साथ ही, सबसे नए वेब प्लैटफ़ॉर्म एपीआई टेस्ट करने और उपयोगकर्ताओं के ऐसा करने से पहले ही, अपनी साइट पर समस्याओं का पता लगाने में मदद मिलती है!
Chrome DevTools टीम से संपर्क करना
पोस्ट में मौजूद नई सुविधाओं और बदलावों या DevTools से जुड़ी किसी भी अन्य चीज़ के बारे में बताने के लिए, नीचे दिए गए विकल्पों का इस्तेमाल करें.
- crbug.com के ज़रिए हमें कोई सुझाव या सुझाव सबमिट करें.
- DevTools में ज़्यादा विकल्प
> सहायता > DevTools से जुड़ी समस्याओं की शिकायत करें पर जाकर, DevTools से जुड़ी समस्या की शिकायत करें. - @ChromeDevTool पर ट्वीट करें.
- DevTools YouTube वीडियो या DevTools सलाह वाले YouTube वीडियो में नया क्या है, इस बारे में टिप्पणियां करें.