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

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

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

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

प्राथमिकताएं" चौड़ाई="800" लंबाई="494">

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

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

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

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

डिवाइस मोड में Nest Hub डिवाइस

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

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

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

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

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

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

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

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

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

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

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

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

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

उदाहरण के लिए, आप "स्थिति-कोड: 404" टाइप कर सकते है ताकि नेटवर्क अनुरोधों को स्थिति 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 में नेटिव ऐक्सेसर को लगातार अपनी प्रॉपर्टी के तौर पर दिखाना

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

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

Console में नेटिव ऐक्सेसर को लगातार अपनी प्रॉपर्टी के तौर पर दिखाना

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

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

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

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

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

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

कंप्यूटेड पैनल में कलर फ़ॉर्मैट बदलना

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

कलर फ़ॉर्मैट बदलने के लिए, Shift के साथ कलर की झलक पर क्लिक करें

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

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

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

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

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

DevTools टूलटिप

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

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

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

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

प्रयोग के तौर पर इस्तेमाल की जा रही समस्या का संदर्भ मेन्यू छिपाएं

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

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

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

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

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

  • crbug.com के ज़रिए हमें कोई सुझाव या फ़ीडबैक सबमिट करें.
  • ज़्यादा विकल्प   ज़्यादा दिखाएँ > का इस्तेमाल करके DevTools से जुड़ी समस्या की शिकायत करें सहायता > DevTools में DevTools से जुड़ी समस्याओं की शिकायत करें.
  • @ChromeDevTools पर ट्वीट करें.
  • DevTools YouTube वीडियो या DevTools के बारे में सलाह YouTube वीडियो में नया क्या है, इस पर टिप्पणी करें.

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

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