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