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

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

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

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

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

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

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

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

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

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

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

सीपीयू (CPU) को 20 बार कम करें

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

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

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

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

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

अगर आपको इस बारे में कोई सुझाव/राय देनी है कि कारोबार के लिए क्या कारगर है और किस तरह का नहीं. इसके अलावा, अगर आपको लगता है कि इसमें क्या बेहतर किया जा सकता है, तो हम आपकी राय जानना चाहते हैं.

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

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

नीचे दिए गए वीडियो में इसे काम करते हुए देखें.

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

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

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

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

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

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

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

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

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

कमांड लाइन फ़्लैग से सेल्फ़-XSS चेतावनियां बंद करें

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

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

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

लाइटहाउस 12.0.0

Lighthouse पैनल अब लाइटहाउस 12.0.0 पर काम करता है.

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

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

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

अन्य हाइलाइट

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

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

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

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

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

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

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

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

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