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

परफ़ॉर्मेंस पैनल में सुधार

इस वर्शन में, परफ़ॉर्मेंस पैनल में कई सुधार किए गए हैं.

ट्रैक के कॉन्फ़िगरेशन मोड को अपडेट करके, ट्रैक को एक से दूसरी जगह ले जाना और छिपाना

अब ट्रैक कॉन्फ़िगरेशन मोड में जाने के लिए, ट्रैक के नाम पर राइट क्लिक करें और ट्रैक कॉन्फ़िगर करें चुनें. बदलाव करने के लिए ज़्यादा स्पेस की ज़रूरत वाले बटन को हटा दिया गया है.

ट्रैक कॉन्फ़िगरेशन मोड की मदद से, ट्रैक का क्रम बदला जा सकता है और उन्हें छिपाया जा सकता है. ट्रैक को एक जगह से दूसरी जगह ले जाने के लिए, arrow_upward अप या arrow_downward डाउन पर क्लिक करें. इसके अलावा, visibility_off छिपाएं पर क्लिक करें. कॉन्फ़िगरेशन मोड से बाहर निकलने के लिए, सबसे नीचे मौजूद ट्रैक कॉन्फ़िगर करना पूरा करें पर क्लिक करें. यह कॉन्फ़िगरेशन नए ट्रेस के लिए बना रहता है, लेकिन अगले DevTools सेशन के लिए नहीं.

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

फ़्लेम चार्ट में स्क्रिप्ट को अनदेखा करना

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

चार्ट, अनदेखी की गई स्क्रिप्ट को छोटा कर देता है और उन्हें अनदेखी की सूची में शामिल है के तौर पर मार्क करता है. साथ ही, उन्हें सेटिंग सेटिंग > अनदेखी की सूची में बाहर रखे जाने के कस्टम नियम में जोड़ देता है. अनदेखी की गई स्क्रिप्ट तब तक सेव रहती हैं, जब तक उन्हें ट्रेस या शामिल न करने के कस्टम नियमों से नहीं हटाया जाता.

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

सीपीयू की स्पीड को 20 गुना कम करना

परफ़ॉर्मेंस पैनल की कैप्चर सेटिंग में, सीपीयू थ्रॉटलिंग मेन्यू में 20 गुना धीमा करें विकल्प जोड़ा गया है. इसलिए, अब असल परफ़ॉर्मेंस से जुड़ी समस्याओं को ज़्यादा सटीक तरीके से दोहराया जा सकता है और उनका विश्लेषण किया जा सकता है. ऐसा, हाई-एंड कंप्यूटर पर भी किया जा सकता है.

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

परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल को बंद कर दिया जाएगा

एक्सपेरिमेंट के तौर पर उपलब्ध परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल को साल 2024 में बंद कर दिया जाएगा. DevTools की टीम, परफ़ॉर्मेंस पैनल में अपनी सबसे ज़्यादा काम की सुविधाओं को इंटिग्रेट करने पर काम कर रही है. परफ़ॉर्मेंस की अहम जानकारी पैनल में अब सबसे ऊपर एक बैनर दिखता है. इसमें, आपको इस सुविधा के बंद होने के बारे में बताया जाता है.

ज़्यादा जानने के लिए, 2024 और उसके बाद के लिए परफ़ॉर्मेंस टूल देखें.

अगर आपको लगता है कि कौनसी सुविधाएं काम कर रही हैं और कौनसी नहीं, तो हमें बताएं. साथ ही, अगर आपको लगता है कि कुछ चीज़ों को बेहतर बनाया जा सकता है, तो हमें बताएं. हम आपसे सुनना चाहते हैं.

हेडर की पूरी स्ट्रिंग चिपकाकर उन्हें बदलें

हेडर को बदलते समय, अब पूरी हेडर स्ट्रिंग (HEADER_NAME: VALUE) चिपकाई जा सकती है. DevTools, : पर स्ट्रिंग को हेडर के नाम और उसकी वैल्यू में बांट देगा.

इस सुविधा के बारे में ज़्यादा जानने के लिए, नीचे दिया गया वीडियो देखें.

हेडर में बदलाव करते समय, अगर अक्षर, अंक, हाइफ़न, और अंडरस्कोर के अलावा कोई अन्य वर्ण डाला जाता है, तो नेटवर्क पैनल अब आपको चेतावनी देता है.

इसके अलावा, chrome://-यूआरएल के लिए, मेन्यू के विकल्पों को बदलने और बदलाव करें बटन बंद कर दिए जाते हैं.

Chromium से जुड़ी समस्याएं: 330967147, 337012362, 328210785.

हीप स्नैपशॉट में नए फ़िल्टर की मदद से, ज़्यादा मेमोरी खर्च होने की जानकारी पाना

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

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

'ऐप्लिकेशन' > 'स्टोरेज' में जाकर, स्टोरेज बकेट की जांच करना

अब ऐप्लिकेशन > स्टोरेज सेक्शन में, खास ट्री में स्टोरेज बकेट की जांच की जा सकती है. यह ट्री पहले एक्सपेरिमेंट के तौर पर उपलब्ध था. अब इसे डिफ़ॉल्ट रूप से चालू कर दिया गया है.

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

कमांड-लाइन फ़्लैग की मदद से, अपने-आप होने वाले एक्सएसएस अटैक की चेतावनियां बंद करना

अगर आपने Chrome के इस्तेमाल को ऑटोमेट किया है या डीबग करने के लिए कमांड-लाइन से DevTools खोला है, तो आपको अक्सर खुद से एक्सएसएस होने की चेतावनी बंद करनी होगी. यह चेतावनी, DevTools के हर नए सेशन में दिखती है.

अब Chrome में --unsafely-disable-devtools-self-xss-warnings कमांड-लाइन फ़्लैग पास करके, इस डायलॉग को बंद किया जा सकता है.

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

Lighthouse 12.0.0

Lighthouse पैनल अब Lighthouse 12.0.0 पर काम करता है.

इस अपडेट में कई बदलाव किए गए हैं. इनमें, PWA कैटगरी को हटाना, एसईओ कैटगरी को फिर से व्यवस्थित करना, कुल बचत की सुविधा बंद करना, नए ऑडिट, और ऑडिट में किए गए बदलाव शामिल हैं. बदलावों की पूरी सूची देखें.

DevTools में Lighthouse पैनल का इस्तेमाल करने के बुनियादी तरीकों के बारे में जानने के लिए, Lighthouse: वेबसाइट की स्पीड ऑप्टिमाइज़ करना लेख पढ़ें.

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

अन्य हाइलाइट

इस रिलीज़ में कुछ अहम गड़बड़ियां ठीक की गई हैं और सुधार किए गए हैं:

• परफ़ॉर्मेंस:
  • धीमी कैप्चर सेटिंग (बेहतर पेंट इंस्ट्रूमेंटेशन की सुविधा चालू करें और सीएसएस सिलेक्टर के आंकड़े दिखाने की सुविधा चालू करें) अब DevTools के अगले सेशन में अपने-आप हट जाती हैं.
  • अब सिलेक्टर के आंकड़े टैब, फ़्लेम चार्ट को ज़ूम करने और डेटा में बदलाव होने पर, अपने-आप नीचे तक स्क्रोल नहीं होता (337999939).
• कंसोल: Ctrl+` शॉर्टकट अब सिर्फ़ तब ड्रॉअर में मौजूद कंसोल को बंद करता है, जब वह फ़ोकस में हो (40875466, 328210785).
• पते की जानकारी ऑटोमैटिक भरने की सुविधा: पते को पार्स करने की समस्या ठीक की गई है (335409093, 335409707).
• सुलभता: स्थानीय भाषा में मौजूद स्ट्रिंग के लिए, स्क्रीन रीडर की सूचनाओं को ठीक किया गया है (324930007).

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

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

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

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

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

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

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