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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

बदलाव करें बटन को मेन्यू के विकल्प से बदलने से पहले और बाद में.

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

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

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

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

स्क्रिप्ट को नज़रअंदाज़ किए जाने वाले कोड की सूची में जोड़ने का मेन्यू विकल्प, नज़रअंदाज़ की गई स्क्रिप्ट, और सेटिंग में उनसे जुड़े नियम.

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

Chromium की समस्या: 336266714.

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

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

'कैप्चर सेटिंग' में '20 गुना धीमा करें' विकल्प जोड़ने से पहले और बाद में.

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

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

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

'परफ़ॉर्मेंस के बारे में अहम जानकारी' पैनल में, बंद होने की सूचना देने वाला बैनर.

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

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

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

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

इस वीडियो में देखें कि यह कैसे काम करता है.

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

हेडर के नाम के बगल में मौजूद चेतावनी, जिसमें इस्तेमाल न किए जा सकने वाले वर्ण शामिल हैं.

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

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

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

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

मेमोरी का सही तरीके से इस्तेमाल न होने की सामान्य स्थितियों में, फ़िल्टर जोड़ने से पहले और बाद की जानकारी.

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

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

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

स्टोरेज सेक्शन में स्टोरेज बकेट ट्री को चालू करने से पहले और बाद में दिखने वाला व्यू.

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

कमांड-लाइन फ़्लैग का इस्तेमाल करके, सेल्फ़-एक्सएसएस की चेतावनियां दिखाने की सुविधा बंद करना

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

Console में, सेल्फ़-एक्सएसएस की चेतावनी वाला डायलॉग.

अब 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).
  • Console: Ctrl+` शॉर्टकट अब सिर्फ़ तब दराज में मौजूद Console को बंद करता है, जब वह फ़ोकस में हो (40875466, 328210785).
  • ऑटोमैटिक भरने की सुविधा: पते को पार्स करने की समस्या ठीक कर दी गई है (335409093, 335409707).
  • सुलभता: स्थानीय भाषा में उपलब्ध स्ट्रिंग के लिए, स्क्रीन रीडर की सूचनाएं ठीक की गई हैं (324930007).

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

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

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

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

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

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