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

नमस्ते, Kayce आप सभी का स्वागत है. हम फिर से एक और डाइजेस्ट लेकर आए हैं. इसमें आपको पिछले महीने से DevTools में हुए बदलावों के बारे में जानकारी मिलेगी.

Console में नई सुविधाएं

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

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

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

ब्रैकेट मेल नहीं खाते

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

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

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

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

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

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

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

Canary अब टॉप कॉन्टेक्स्ट के अलावा अन्य कॉन्टेक्स्ट को लाल रंग में हाइलाइट करता है

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

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

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

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

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

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

शेयर करना

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

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

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

Kayce