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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 चेतावनी को बंद करना होगा.

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

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

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

लाइटहाउस 12.0.0

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

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

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

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

अन्य खास बातें

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

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

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

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

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

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

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

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

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