नमस्ते, Kayce आप सभी का स्वागत है. हम फिर से एक और डाइजेस्ट लेकर आए हैं. इसमें आपको पिछले महीने से DevTools में हुए बदलावों के बारे में जानकारी मिलेगी.
Console में नई सुविधाएं
फ़िलहाल, Chrome 56 का बीटा वर्शन कैनरी में उपलब्ध है. इसमें DevTools कंसोल, CodeMirror की मदद से काम करता है. इससे कई नई सुविधाएं चालू हो जाती हैं. जैसे:
टाइप करते समय सिंटैक्स हाइलाइट करना. पहले, DevTools सिर्फ़ तब सिंटैक्स को हाइलाइट कर सकता था, जब कोड ब्लॉक का आकलन हो चुका हो.
ब्रैकेट / ब्रैकेट / ब्रैस से मैच होने वाले टेक्स्ट को हाइलाइट करना. अगर आपके पास अतिरिक्त ब्रैकेट, ब्रैकेट या ब्रैस है, तो DevTools उसे लाल रंग से हाइलाइट करता है.
![ब्रैकेट मेल नहीं खाते](https://developer.chrome.com/static/blog/devtools-digest-2016-10/image/mismatched-parenthesis-76c3a7f4bd247.png?hl=hi)
जब कर्सर इनमें से किसी एक के बगल में होता है, तो मैच करने वाले ब्रैकेट, ब्रैकेट या ब्रैसेस को स्लेटी रंग में हाइलाइट किया जाता है.
![मैच करने वाले ब्रैकेट](https://developer.chrome.com/static/blog/devtools-digest-2016-10/image/matched-parentheses-6084ed0e040b6.png?hl=hi)
स्मार्ट तरीके से लौटाना. मल्टी-लाइन कोड ब्लॉक टाइप करने पर, 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) दबाकर रखें और फिर क्लिक करें.
![एक से ज़्यादा कर्सर](https://developer.chrome.com/static/blog/devtools-digest-2016-10/image/multiple-cursors-427c9adec6967.gif?hl=hi)
Canary अब टॉप कॉन्टेक्स्ट के अलावा अन्य कॉन्टेक्स्ट को लाल रंग में हाइलाइट करता है
अगर आपने हाल ही में Console में काम किया है, तो हो सकता है कि आपको एक छोटी सी गड़बड़ी का सामना करना पड़ा हो. यह गड़बड़ी, एक्सीक्यूशन कॉन्टेक्स्ट सिलेक्टर को top
के अलावा किसी दूसरी वैल्यू पर सेट कर रही थी.
यह गड़बड़ी अब स्टेबल वर्शन में ठीक हो गई है. हालांकि, सुरक्षा के लिहाज़ से, Canary (Chrome 56) में मौजूद DevTools अब आपको चेतावनी देता है कि आप top
कॉन्टेक्स्ट में नहीं हैं. इसके लिए, यह सिलेक्टर को लाल रंग में हाइलाइट करता है.
![नॉन-टॉप कॉन्टेक्स्ट को लाल रंग में हाइलाइट किया गया](https://developer.chrome.com/static/blog/devtools-digest-2016-10/image/non-top-context-highlight-9dae4747bf537.png?hl=hi)
नया उपयोगकर्ता एजेंट: UC Browser
अब नेटवर्क की स्थिति ड্রॉवर टैब से, iOS, Android या Windows फ़ोन के लिए UC Browser चुना जा सकता है.
![UC Browser का उपयोगकर्ता एजेंट](https://developer.chrome.com/static/blog/devtools-digest-2016-10/image/uc-browser-user-agent-6f990e5892643.png?hl=hi)
शेयर करना
हमेशा की तरह, हमें DevTools से जुड़ी किसी भी चीज़ के बारे में आपके सुझाव, शिकायत या राय पाकर खुशी होगी.
- छोटे सवाल पूछने, सुझाव देने या राय देने के लिए, Twitter पर ChromeDevTools पर हमें टैग करें.
- लंबी चर्चाओं के लिए, मेल सूची या Stack Overflow सबसे सही विकल्प हैं.
- Docs से जुड़ी किसी भी समस्या के लिए, हमारे Docs repo पर समस्या दर्ज करें.
- किसी गड़बड़ी की शिकायत करने या Crbug पर किसी सुविधा का अनुरोध करने के लिए, सीधे टीम से संपर्क किया जा सकता है.
अगले महीने तक,
Kayce