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 ऐट-नियम की शर्तों को पूरा करते हैं) के बगल में, नया कंटेनर बैज जोड़ा जाता है. बैज पर क्लिक करके, चुने गए कंटेनर और उसके सभी क्वेरी करने वाले डिसेंडेंट के ओवरले को पेज पर टॉगल करें.

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 अब नेटिव ऐक्सेसर को उनकी अपनी प्रॉपर्टी के तौर पर दिखाता है.

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

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

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

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

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

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

'गणना किया गया' पैनल में रंग का फ़ॉर्मैट बदलना

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

Chromium की समस्या: 1226371

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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