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