इस बारे में जानें कि DevTools की मदद से, स्मार्ट और ऑटोकंप्लीट की सुविधा की मदद से कम टाइप कैसे किए जा सकते हैं, स्टाइल पैनल में @keyframe के नियमों में सीधे बदलाव कैसे किया जा सकता है, सीएसएस के कस्टम वैरिएबल का इस्तेमाल कैसे किया जा सकता है, और डार्क साइड में शामिल होने का तरीका क्या है.
आपके कंसोल में एक स्मार्ट ऑटोकंप्लीट
अगर आपकी तरह कई और लोग भी हैं, तो कंसोल में अपने ऐप्लिकेशन को डीबग करने के लिए एक निर्देश टाइप करें. ऐप्लिकेशन काम नहीं कर रहा हो, उसे दोहराएं, और बार-बार टाइप करें. आपकी मदद के लिए, हम पहले टाइप किए गए सभी स्टेटमेंट को अपने-आप पूरा कर रहे हैं. जैसे:
स्टाइल पैनल में @keyframe के नियमों में सीधे बदलाव करें
जब हमने DevTools में ऐनिमेशन इंस्पेक्टर और ईज़िंग एडिटर उपलब्ध कराए, तो सिर्फ़ ट्रांज़िशन की सुविधा दी गई थी, क्योंकि हमने स्टाइल पैनल में @keyframe आधारित सीएसएस ऐनिमेशन कभी नहीं दिखाए. मुझे यह बताते हुए खुशी हो रही है कि यह पुराना युग खत्म हो गया है. इसलिए, इसे छोड़ दें! झलक देखने के लिए हमारे वीडियो ट्वीट पर जाएं.
कस्टम सीएसएस प्रॉपर्टी से जुड़ी सहायता
सीएसएस में बहुत कुछ अच्छा होने वाला है और उनमें से एक है कस्टम वैरिएबल. इसे Chrome 49 में लॉन्च किया जा रहा है. हमने DevTools में पूरी सहायता देने की सुविधा ज़रूर शामिल की है. इसलिए, अगर आपने पहले Sass में वैरिएबल का इस्तेमाल किया है, तो नेटिव वैरिएबल को आज़माएं. इसकी मदद से, स्टाइल पैनल में तुरंत प्रॉपर्टी में बदलाव किया जा सकता है और डिपेंडेंट एलिमेंट तुरंत अपडेट किए जा सकते हैं.
DevTools के लिए गहरे रंग वाली थीम
आखिरकार, हमने आपको एक ऐसा अनुरोध दिया है जिसके बारे में पिछले कुछ सालों में कई बार बात की गई है: अब आपके पास DevTools में गहरे रंग वाला हिस्सा चुनने का विकल्प है. DevTools की सेटिंग में जाकर, थीम को गहरे रंग वाली थीम पर सेट करें और आनंद लें. मुझे कहना होगा कि यह अब भी बीटा वर्शन में है, क्योंकि इसका ज़्यादातर हिस्सा अपने-आप जनरेट होता है. इसलिए, अगर आपको लगता है कि कुछ क्षेत्रों में सुधार हो सकता है, तो हमें बताएं!
बाकी सबसे अच्छी सुविधाएं
- कंसोल पैनल के पूरे कंसोल टैब पर क्लिक करने से, अब यह अपने-आप छोटा हो जाता है.
- सोर्स सेक्शन में मौजूद फ़ाइल ट्री में बड़े बदलाव किए गए हैं. साथ ही, इसमें नए आइकॉन और ग्रुप बनाने की नई सुविधा भी शामिल की गई है
हमेशा की तरह, Twitter के ज़रिए हमें अपनी राय दें या यहां दी गई टिप्पणियां देखें. साथ ही, crbug.com/new पर गड़बड़ियां सबमिट करें.
अगले महीने तक!
पॉल बकोस और DevTools की टीम