DevTools (Chrome 94) में नया क्या है

Jecelyn Yeen

अपनी पसंदीदा भाषा में DevTools का इस्तेमाल करना

Chrome DevTools अब 80 से ज़्यादा भाषाओं में काम करता है. इससे, आपको अपनी पसंदीदा भाषा में काम करने की सुविधा मिलती है!

सेटिंग खोलें. इसके बाद, प्राथमिकताएं > भाषा ड्रॉपडाउन में जाकर, अपनी पसंदीदा भाषा चुनें और DevTools को फिर से लोड करें.

Preferences" width="800" height="494">

Chromium से जुड़ी समस्या: 1163928

डिवाइस की सूची में नए Nest Hub डिवाइस

अब डिवाइस मोड में, Nest Hub और Nest Hub Max के डाइमेंशन को सिम्युलेट किया जा सकता है.

डिवाइस टूलबार को टॉगल करें    पर क्लिक करें. इसके बाद  , डिवाइस की सूची में जाकर Nest Hub या Nest Hub Max चुनें.

Chromium से जुड़ी समस्या: 1223525

फ़्रेम की जानकारी वाले व्यू में ऑरिजिन ट्रायल

अब आपको ऐप्लिकेशन पैनल में, फ़्रेम की जानकारी वाले व्यू में किसी साइट के ऑरिजिन ट्रायल के बारे में जानकारी मिल सकती है.

ऑरिजिन ट्रायल की मदद से, आपको नई या एक्सपेरिमेंट के तौर पर शुरू की गई सुविधा का ऐक्सेस मिलता है. इससे, आपके उपयोगकर्ताओं को नई सुविधा को सीमित समय के लिए आज़माने का मौका मिलता है. इसके बाद, यह सुविधा सभी के लिए उपलब्ध कराई जाती है.

ऑरिजिन ट्रायल वाला कोई पेज खोलें. जैसे, डेमो पेज. ऐप्लिकेशन पैनल में, नीचे की ओर स्क्रोल करके फ़्रेम सेक्शन पर जाएं और सबसे ऊपर मौजूद फ़्रेम चुनें.

Chromium से जुड़ी समस्या: 607555

सीएसएस कंटेनर क्वेरी का नया बैज

कंटेनर एलिमेंट (ऐसे एलिमेंट जो @container at-rules की शर्तों से मेल खाते हैं) के बगल में, नया कंटेनर बैज जोड़ा जाता है. चुने गए कंटेनर और पेज पर क्वेरी करने वाले उसके सभी वंशजों के ओवरले के डिसप्ले को टॉगल करने के लिए, बैज पर क्लिक करें.

Chromium से जुड़ी समस्या: 1146422

नेटवर्क फ़िल्टर को उलटने के लिए नया चेकबॉक्स

नेटवर्क पैनल में फ़िल्टर को उलटने के लिए, नए उलटें चेकबॉक्स का इस्तेमाल करें.

उदाहरण के लिए, स्टेटस 404 वाले नेटवर्क अनुरोधों को फ़िल्टर करने के लिए, "status-code: 404" टाइप किया जा सकता है. फ़िल्टर को हटाने के लिए, उलटाएं चेकबॉक्स को चालू करें. इससे, ऐसे सभी नेटवर्क अनुरोध दिखेंगे जिनकी स्थिति 404 नहीं है.

Chromium से जुड़ी समस्या: 1054464

कंसोल साइडबार की सुविधा बंद होने वाली है

फ़िल्टर यूज़र इंटरफ़ेस (यूआई) को टूलबार में ले जाने के लिए, कंसोल साइडबार को हटा दिया जाएगा. क्या आपका कोई सवाल है या सुझाव/राय देनी है? इस समस्या ट्रैकर की मदद से हमें बताएं.

Chromium से जुड़ी समस्या: 1232937

समस्याओं के टैब और नेटवर्क पैनल में रॉ Set-Cookie हेडर दिखाना

DevTools अब समस्याएं टैब में रॉ Set-Cookie हेडर दिखाता है.

पहले, DevTools ने नेटवर्क पैनल में गलत तरीके से बनाई गई कुकी (गलत Set-Cookie हेडर) नहीं दिखाई थीं. नेटवर्क पैनल में जोड़े गए नए response-header-set-cookie फ़िल्टर की मदद से, उपयोगकर्ता रॉ Set-Cookie हेडर रिस्पॉन्स को फ़िल्टर कर सकते हैं. DevTools, समस्याएं टैब में मौजूद रॉ Set-Cookie हेडर को नेटवर्क पैनल से लिंक कर देगा.

Chromium से जुड़ी समस्या: 1179186

Console में, नेटिव ऐक्सेसर को अपनी प्रॉपर्टी के तौर पर एक जैसा दिखाना

Console अब नेटिव ऐक्सेसर को अपनी प्रॉपर्टी के तौर पर लगातार दिखाता है.

उदाहरण के लिए, Console में new Int8Array([1, 2, 3]) एक्सप्रेशन का आकलन करते समय, length, byteOffset जैसे नेटिव ऐक्सेसर, झलक में नहीं दिखे. इस नए अपडेट के साथ, नेटिव ऐक्सेसर की झलक दिखती है. साथ ही, बड़ा करने पर वैल्यू का तुरंत आकलन किया जाता है.

Chromium से जुड़ी समस्याएं: 1076820, ​​1199247

#sourceURL वाले इनलाइन स्क्रिप्ट के लिए, गड़बड़ी के सही स्टैक ट्रेस

DevTools अब #sourceURL की मदद से इनलाइन स्क्रिप्ट को सही तरीके से हल करता है. साथ ही, डीबग करने के लिए गड़बड़ी के स्टैक ट्रेस को सही तरीके से दिखाता है.

पहले, DevTools में #sourceURL वाली इनलाइन स्क्रिप्ट के लिए, आस-पास के दस्तावेज़ के बजाय, ओपनिंग <script> टैग के हिसाब से गलत जगह दिखती थी.

Chromium से जुड़ी समस्याएं: 1183990, ​​578269

कैलकुलेट किए गए पैनल में रंग का फ़ॉर्मैट बदलना

अब Shift दबाकर, कलर की झलक पर क्लिक करके, कैलकुलेट किए गए पैनल में किसी भी एलिमेंट का कलर फ़ॉर्मैट बदला जा सकता है.

Chromium से जुड़ी समस्या: 1226371

कस्टम टूलटिप को नेटिव एचटीएमएल टूलटिप से बदलना

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

माफ़ करें, कस्टम टूलटिप लागू करना मुश्किल है. साथ ही, हमें अक्सर मुश्किल गड़बड़ियां भी आती हैं.

कस्टम टूल लागू करने के फ़ायदों को फिर से तय करने के बाद, हमें पता चला है कि DevTools के लिए नेटिव एचटीएमएल टूलटिप काफ़ी हैं. साथ ही, टूलटिप का इस्तेमाल करने से हमारे उपयोगकर्ताओं को कई तरह की समस्याओं से बचा जा सकता है.

Chromium से जुड़ी समस्या: 1223391

[प्रयोग के तौर पर उपलब्ध] समस्याओं के टैब में समस्याएं छिपाना

समस्याएं टैब में समस्याओं को छिपाने के लिए, समस्याएं दिखाने वाला मेन्यू छिपाएं एक्सपेरिमेंट को चालू करें. इस तरह, उन अहम समस्याओं पर फ़ोकस किया जा सकता है जो आपके लिए मायने रखती हैं.

समस्या टैब में, किसी समस्या पर कर्सर घुमाएं. इसके बाद, दाईं ओर मौजूद समस्या मेन्यू     पर क्लिक करें. समस्या को छिपाने के लिए, इस तरह की समस्याएं छिपाएं को चुनें.

Chromium से जुड़ी समस्या: 1175722

झलक वाले चैनल डाउनलोड करना

Chrome कैनरी, डेवलपर या बीटा को अपने डिफ़ॉल्ट डेवलपमेंट ब्राउज़र के तौर पर इस्तेमाल करें. इन झलक वाले चैनलों की मदद से, आपको DevTools की नई सुविधाओं का ऐक्सेस मिलता है. साथ ही, इनसे आपको वेब प्लैटफ़ॉर्म के सबसे नए एपीआई की जांच करने में मदद मिलती है. इसके अलावा, इनकी मदद से उपयोगकर्ताओं से पहले ही अपनी साइट पर समस्याओं का पता लगाया जा सकता है!

Chrome DevTools की टीम से संपर्क करना

DevTools से जुड़ी नई सुविधाओं, अपडेट या किसी भी अन्य चीज़ के बारे में चर्चा करने के लिए, यहां दिए गए विकल्पों का इस्तेमाल करें.

• crbug.com पर जाकर, हमें सुझाव/राय दें या शिकायत करें. साथ ही, किसी सुविधा का अनुरोध करें.
• DevTools में more_vert ज़्यादा विकल्प > सहायता > DevTools से जुड़ी समस्या की शिकायत करें का इस्तेमाल करके, DevTools से जुड़ी समस्या की शिकायत करें.
• @ChromeDevTools पर ट्वीट करें.
• DevTools के YouTube वीडियो में नया क्या है या DevTools के बारे में सलाह देने वाले YouTube वीडियो पर टिप्पणियां करें.

DevTools में नया क्या है

DevTools में नया क्या है सीरीज़ में शामिल सभी चीज़ों की सूची.