DevTools डाइजेस्ट, अक्टूबर 2016

नमस्ते, Kayce, मैं एक बार फिर से आपके लिए एक बार फिर लेकर आया हूं. इसमें आपको बताया जाएगा कि पिछले महीने से DevTools में क्या नया है.

कंसोल में नई सुविधाएं

फ़िलहाल, Chrome 56 में कैनरी में उपलब्ध DevTools कंसोल CodeMirror की मदद से काम करता है. इससे कई नई सुविधाएं मिलती हैं, जैसे:

टाइप करते समय सिंटैक्स को हाइलाइट करना. पहले, DevTools सिर्फ़ कोड ब्लॉक का आकलन होने के बाद ही सिंटैक्स को हाइलाइट कर सकता था.

मैचिंग ब्रैकेट / ब्रैकेट / ब्रेस हाइलाइटिंग. अगर आपके पास ज़्यादा ब्रैकेट, ब्रैकेट या ब्रेस है, तो DevTools उसे लाल रंग में हाइलाइट करता है.

मेल न खाने वाला ब्रैकेट

जब आपका कर्सर इनमें से किसी एक के बगल में होता है, तब मिलते-जुलते ब्रैकेट, ब्रैकेट या ब्रैकेट को धूसर रंग से हाइलाइट किया जाता है.

मेल खाने वाले ब्रैकेट

स्मार्ट तरीके से वापस करने की सुविधा. कई लाइन वाले कोड ब्लॉक टाइप करने से, DevTools को यह पता चल जाता है कि हर बार Enter दबाने पर, नई लाइन बनानी है या कोड को चलाना है. उदाहरण के लिए, मान लें कि आपको कंसोल में यहां दिए गए for लूप का आकलन करना है:

for (var i = 0; i < 5; i++) {
  console.log(i);
}

पहले, पहली लाइन को टाइप करने के बाद Enter दबाने की वजह से DevTools लाइन का आकलन करता था, जिससे गड़बड़ी होती थी. कोड ब्लॉक को किसी नई लाइन में जारी रखने के लिए, आपको Enter दबाने से पहले, Shift को दबाकर रखना होगा. इसके उलट, अब Dev टूल, आपकी उम्मीद के हिसाब से Enter दबाने के बाद, कोड ब्लॉक को अपने-आप एक नई लाइन पर जारी रखता है.

एक से ज़्यादा कर्सर. Command (Mac) या Control+Alt (Windows, Linux) दबाकर रखें और फिर क्लिक करें.

एक से ज़्यादा कर्सर

कैनरी अब गैर-टॉप कॉन्टेक्स्ट को लाल रंग में हाइलाइट कर देता है

अगर आपने हाल ही में Console में काम किया है, तो हो सकता है कि आपको कोई ऐसी छोटी गड़बड़ी हुई हो जो एक्ज़ीक्यूशन कॉन्टेक्स्ट सिलेक्टर को top के अलावा अन्य वैल्यू पर सेट कर रही थी.

इस गड़बड़ी को अब स्टेबल में ठीक किया जाना चाहिए. हालांकि, सुरक्षित रहने के लिए, कैनरी (Chrome 56) में मौजूद DevTools अब आपको चेतावनी देता है कि आप top कॉन्टेक्स्ट में नहीं हैं. इसके लिए, सिलेक्टर लाल को हाइलाइट करें.

बिना टॉप कॉन्टेक्स्ट को लाल रंग से हाइलाइट किया गया

नया उपयोगकर्ता एजेंट: UC ब्राउज़र

अब नेटवर्क की स्थिति ड्रॉर टैब से, iOS, Android या Windows Phone के लिए UC ब्राउज़र चुना जा सकता है.

UC ब्राउज़र का उपयोगकर्ता एजेंट

शेयर करना ही ख्याल रखना है

हमेशा की तरह, हम DevTools से जुड़े आपके सुझाव या राय जानना चाहेंगे.

  • छोटे-छोटे सवालों, सुझाव, शिकायत या राय के लिए या नए आइडिया शेयर करने के लिए, हमें Twitter पर ChromeDevTools पर पिंग करें.
  • लंबी चर्चा के लिए, ईमेलिंग सूची या Stack Overflow का इस्तेमाल करें.
  • किसी भी दस्तावेज़ से जुड़ी जानकारी के लिए, हमारे दस्तावेज़ रेपो में समस्या खोलें.
  • गड़बड़ी की शिकायत करने या Crbug पर सुविधा का अनुरोध करने के लिए, सीधे टीम से संपर्क करें.

अगले महीने तक,

केयस