DevTools में नई सुविधाएं - अक्टूबर 2026

पब्लिश होने की तारीख: 1 अक्टूबर, 2026

Chrome 153 और Chrome 154 को पिछले महीने स्टेबल वर्शन के तौर पर रोल आउट किया गया था. इससे डेवलपर को कई सुधार मिले हैं, जिनका इस्तेमाल वे अपने रोज़ के वर्कफ़्लो में कर सकते हैं. इस वर्शन में, DevTools में एजेंट के लिए JavaScript को ज़्यादा बारीकी से कंट्रोल करने की सुविधा, ऐप्लिकेशन पैनल में विज्ञापन स्क्रिप्ट को ट्रैक करने की सुविधा, पूरी तरह से सॉफ्ट नेविगेशन की सुविधा, और परफ़ॉर्मेंस में सीपीयू परफ़ॉर्मेंस टियर को बदलने की सुविधा शामिल है. साथ ही, इसमें एलिमेंट में इनऐक्टिव स्टाइल और कीबोर्ड से ऐक्सेस किए जा सकने वाले ऐड-ऑन, एआई असिस्टेंस में सोर्स की जांच करने और परफ़ॉर्मेंस ट्रेस रिकॉर्ड करने की सुविधा, और डिवाइस मोड में मॉडर्न डिवाइस प्रीसेट शामिल हैं.

एजेंट के लिए DevTools

Chrome DevTools के एमसीपी सर्वर में, कोडिंग एजेंट के लिए सुरक्षा से जुड़े नए कंट्रोल, परफ़ॉर्मेंस ट्यूनिंग, और मेमोरी विश्लेषण की सुविधाएं जोड़ी गई हैं:

  • Agent Plugins 1.0 पैकेज: Agent Plugins 1.0 पैकेज के लिए सहायता जोड़ी गई है. इससे एजेंट, मॉड्यूलर प्लगिन एक्सटेंशन लोड और एक्ज़ीक्यूट कर सकते हैं.
  • JavaScript एक्ज़ीक्यूशन कंट्रोल: स्क्रिप्ट का आकलन किए बिना पेजों की जांच करने के लिए, --no-javascript-evaluation को कॉन्फ़िगर करें या JavaScript एक्ज़ीक्यूशन टूल बंद करें. ये टूल, नेविगेशन और इनिशियलाइज़ेशन स्क्रिप्ट पर लागू होते हैं.
  • मांग पर सोर्स मैप: सोर्स मैप को बंद करने और मांग पर सोर्स मैप को लेज़ी-लोड करने का विकल्प जोड़ा गया है. इससे बड़ी साइटों पर ज़्यादा मेमोरी का इस्तेमाल होने से रोका जा सकेगा.
  • कॉन्फ़िगर किए जा सकने वाले फ़ाइल सिस्टम रूट और सीएलआई पाथ की अनुमतियां: सीएलआई में अब डिफ़ॉल्ट रूप से --allow-unrestricted-paths शामिल है. साथ ही, यह कॉन्फ़िगर किए जा सकने वाले फ़ाइल सिस्टम रूट के साथ काम करता है.
  • हीप स्नैपशॉट की जांच करना: query_heapsnapshot की मदद से, सेव किए गए साइज़ या प्रॉपर्टी के नाम के हिसाब से ऑब्जेक्ट को सीधे तौर पर क्वेरी करें. साथ ही, किनारों के लिए खुद के और सेव किए गए साइज़ देखें. इसके अलावा, V8 के एक्ज़ीक्यूशन कॉन्टेक्स्ट से सेव की गई मेमोरी की जांच करें.
  • PWA ऑटोमेशन टूल: प्रोग्रेसिव वेब ऐप्लिकेशन को इंस्टॉल करने और उसके लाइफ़साइकल की जांच को अपने-आप पूरा करने के लिए, खास टूल जोड़े गए हैं.
  • कंसोल स्टैक ट्रेस: list_console_messages का इस्तेमाल करके कंसोल मैसेज की सूची बनाते समय, वैकल्पिक स्टैक ट्रेस वापस पाएं.

chrome-devtools-mcp repository में इसके बारे में ज़्यादा जानें.

Chrome के लिए उपयोगकर्ता अनुभव से जुड़ी रिपोर्ट (CrUX) में, एक्सपेरिमेंट के तौर पर विज्ञापन से जुड़ी चार मेट्रिक लॉन्च की गई हैं. यह नया सब-पैनल, पेज पर विज्ञापन से जुड़ी जानकारी को डीबग और ऑप्टिमाइज़ करने के लिए एक जगह उपलब्ध है. इसमें इस तरह का कॉन्टेंट शामिल है:

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

हमारी दस्तावेज़ में, विज्ञापन की नई मेट्रिक के बारे में ज़्यादा जानें.

ऐप्लिकेशन पैनल में मौजूद 'विज्ञापन' टैब में, विज्ञापन स्क्रिप्ट की नई टेबल दिख रही है. साथ ही, सोर्स में विज्ञापन स्क्रिप्ट दिख रही है.
ऐप्लिकेशन पैनल के 'विज्ञापन' टैब में, नई विज्ञापन स्क्रिप्ट टेबल दिख रही है. साथ ही, सोर्स में विज्ञापन स्क्रिप्ट दिख रही है.

Chromium से जुड़ी समस्याएं: 514957134, 512927903, 540469610

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

  • सॉफ़्ट नेविगेशन की पूरी सुविधा: Chrome 152 में लाइव मेट्रिक और ट्रेस व्यू में सॉफ़्ट नेविगेशन की सुविधा शुरू की गई थी. अब इनसाइट में सॉफ़्ट नेविगेशन का विश्लेषण किया जा सकता है. इससे परफ़ॉर्मेंस पैनल में, सॉफ़्ट नेविगेशन को मेज़र करने की पूरी सुविधा उपलब्ध हो गई है.
  • सीडीपी पर सीपीयू परफ़ॉर्मेंस टियर को बदलने की सुविधा: DevTools अब Chrome DevTools Protocol (Emulation.setCPUPerformanceOverride) पर, कैलिब्रेट किए गए सीपीयू परफ़ॉर्मेंस टियर को कॉन्फ़िगर करने, कैलकुलेट करने, और भेजने की सुविधा देता है. इससे, अलग-अलग हार्डवेयर टियर पर परफ़ॉर्मेंस की जांच को दोहराया जा सकता है.
  • फ़्लेम चार्ट में एक्सटेंशन ट्रैक की खोज करें: परफ़ॉर्मेंस पैनल के फ़्लेम चार्ट में Ctrl+F दबाने पर, अब कस्टम ट्रैक में मौजूद एंट्री से मेल खाने वाली एंट्री दिखती हैं. ये एंट्री, Extensibility API का इस्तेमाल करके रजिस्टर की गई हैं. साथ ही, इनकी टूलटिप के टेक्स्ट, प्रॉपर्टी, और उपयोगकर्ता की जानकारी को खोजा जा सकता है.
  • सीपीयू प्रोफ़ाइल थ्रेड विज़ुअलाइज़ेशन: परफ़ॉर्मेंस पैनल का फ़्लेम चार्ट अब सिर्फ़ सीपीयू प्रोफ़ाइल के सैंपल वाली थ्रेड रेंडर करता है. इससे यह पक्का होता है कि WebAssembly थ्रेड जैसे बैकग्राउंड एक्ज़ीक्यूशन, टाइमलाइन व्यू में दिखें.
परफ़ॉर्मेंस पैनल में सॉफ़्ट नेविगेशन का एंड-टू-एंड वर्कफ़्लो.

Chromium से जुड़ी समस्याएं: 449760252, 483092899, 540020488

तत्व: इनऐक्टिव स्टाइल, कीबोर्ड से ऐक्सेस किए जा सकने वाले डेकोरेटर, और ट्री आउटलाइन से जुड़ी समस्याएं ठीक की गईं

Elements पैनल में, सीएसएस की जांच करना और उसे लिखना ज़्यादा तेज़ और आसान है:

  • स्टाइल लागू न होने पर भी उन्हें दिखाने की सुविधा: DevTools अब उन स्टाइल के नियमों को भी दिखा सकता है जो पहले चुने गए एलिमेंट से मेल खाते थे, लेकिन अब लागू नहीं होते. साथ ही, उन्हें विज़ुअल इंडिकेटर के साथ साफ़ तौर पर अलग करके दिखाता है. सेटिंग में जाकर, इनऐक्टिव स्टाइल चालू करें और उनके कोलैप्स होने के तरीके को कॉन्फ़िगर करें.
  • कीबोर्ड से ऐक्सेस किए जा सकने वाले ऐडऑर्नर: DOM ट्री में मौजूद इंटरैक्टिव ऐडऑर्नर—जैसे कि सोर्स देखें, स्टाइल शुरू करना, स्क्रोल स्नैप, और दिखाएं—अब कीबोर्ड से फ़ोकस किए जा सकते हैं. साथ ही, इन्हें Enter या Space का इस्तेमाल करके चालू किया जा सकता है.
  • ड्रैग-एंड-ड्रॉप करके क्रम बदलना: अब डीओएम ट्री में एलिमेंट को ड्रैग करके, डीओएम नोड का क्रम बदला जा सकता है. यह सुविधा, शैडो डीओएम की सीमाओं के पार भी भरोसेमंद तरीके से काम करती है. साथ ही, ड्रॉप करने की जगह के इंडिकेटर भी साफ़ तौर पर दिखते हैं.
  • सीएसएस प्रॉपर्टी को आसानी से टॉगल करना: स्टाइल टैब में सीएसएस प्रॉपर्टी के चेकबॉक्स को टॉगल करने पर, अब यूज़र इंटरफ़ेस (यूआई) को दोबारा पेंट करने या विज़ुअल फ़्लैश होने की समस्या नहीं होती.
इस इमेज में, एलिमेंट पैनल में इनऐक्टिव सीएसएस नियम दिखाया गया है.
इनऐक्टिव सीएसएस नियम दिखाने वाला एलिमेंट पैनल.

Chromium से जुड़ी समस्याएं: 539424116, 554057179, 555088527, 548477554

डिवाइस मोड: डिवाइस के नाप या आकार के हिसाब से ग्रुप किए गए, मॉडर्न डिवाइस के प्रीसेट

डिवाइस मोड टूलबार और सेटिंग > डिवाइस व्यू, एम्युलेट किए गए हार्डवेयर को कैटगरी के हिसाब से व्यवस्थित करते हैं:

  • फ़ॉर्म फ़ैक्टर के हिसाब से ग्रुप करना: अब इम्यूलेट किए गए डिवाइसों को मोबाइल, फ़ोल्ड किए जा सकने वाले डिवाइस, टैबलेट और डेस्कटॉप, और स्मार्ट डिसप्ले में ग्रुप किया जाता है.
  • अपडेट किया गया हार्डवेयर कैटलॉग: इसमें iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13", और Nest Hub Max जैसे नए प्रीसेट जोड़े गए हैं. साथ ही, पुराने डिवाइसों की परिभाषाएं हटा दी गई हैं.
डिवाइस मोड में, डिवाइस के मॉडर्न प्रीसेट दिखाए गए हैं. इन्हें नाप या आकार के हिसाब से ग्रुप किया गया है.
डिवाइस मोड में, डिवाइस के नाप या आकार के हिसाब से ग्रुप किए गए, अप-टू-डेट डिवाइस प्रीसेट दिखाए गए हैं.

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

नेटवर्क: Console में फ़ेच के तौर पर बदलाव करें और फिर से भेजें. साथ ही, स्थानीय तौर पर सुरक्षा से जुड़ी सेटिंग को बदलें

नेटवर्क के अनुरोध की जांच और डीबग करने के वर्कफ़्लो को बेहतर बनाया गया है और उन्हें सुरक्षित किया गया है:

  • बदलाव करें और Console में फ़ेच किए गए डेटा के तौर पर फिर से भेजें: किसी भी नेटवर्क अनुरोध पर बदलाव करें और फ़ेच किए गए डेटा के तौर पर फिर से भेजें को चुनने पर, अब Console पैनल अपने-आप फ़ोकस हो जाता है. इसमें fetch() एक्सप्रेशन पहले से ही प्रॉम्प्ट में चिपका होता है. साथ ही, इसमें पैरामीटर के बारे में टिप्पणियां और मूल अनुरोध का रेफ़रंस लिंक भी होता है.
  • लोकल ओवरराइड से सुरक्षा को बेहतर बनाया गया है: नेटवर्क पैनल अब लोकल ओवरराइड में पाथ ट्रैवर्सल (%2E%2E) को रोकता है. साथ ही, data:, blob:, javascript:, और about: जैसे नॉन-http(s) स्कीम पर ओवरराइड बनाने से रोकता है.
  • 'curl (cmd) के तौर पर कॉपी करें' में कैरट एस्केपिंग: Windows cmd.exe के लिए नेटवर्क अनुरोधों को curl कमांड के तौर पर कॉपी करने पर, अब पैरंटheses और बैकटिक को कैरट-एस्केप किया जाता है. इससे, कमांड सिंटैक्स की गड़बड़ियों को रोका जा सकता है. ऐसा तब होता है, जब इन्हें किसी अन्य शेल में चिपकाया जाता है.
  • बाइनरी पेलोड कर्सर सिंक्रनाइज़ेशन: Hex, Base64, और UTF-8 व्यू के बीच स्विच करते समय, Payload टैब आपकी स्क्रोल और कर्सर की पोज़िशन को बनाए रखता है.
नेटवर्क का अनुरोध पर राइट क्लिक करके, 'फ़ेच के तौर पर बदलाव करें और फिर से भेजें' को चुनें. इससे कंसोल पैनल अपने-आप फ़ोकस हो जाता है. साथ ही, फ़ेच एक्सप्रेशन पहले से चिपका होता है और बदलाव करने के लिए तैयार होता है.
किसी नेटवर्क अनुरोध पर राइट क्लिक करके, 'फ़ेच के तौर पर बदलाव करें और फिर से भेजें' को चुनें. इससे Console पैनल अपने-आप फ़ोकस हो जाता है. साथ ही, फ़ेच एक्सप्रेशन पहले से चिपका हुआ होता है और बदलाव करने के लिए तैयार होता है.

Chromium से जुड़ी समस्याएं: 40726969, 513843792, 513836026, 407750982

मेमोरी: हीप स्नैपशॉट एज फ़िल्टरिंग, साइज़ के हिसाब से क्रम से लगाना, और ऑब्जेक्ट क्वेरी करना

मेमोरी पैनल में, हीप स्नैपशॉट का विश्लेषण करने के लिए ज़्यादा विस्तृत टूल उपलब्ध होते हैं:

  • एज को क्रम से लगाना और फ़िल्टर करना: अब हीप स्नैपशॉट में मौजूद एज को, कम से कम बनाए रखे गए साइज़ के हिसाब से क्रम से लगाया जा सकता है. साथ ही, काम के ऑब्जेक्ट रेफ़रंस पर फ़ोकस करने के लिए, प्रिमिटिव वैल्यू (null, undefined, true, false) को फ़िल्टर किया जा सकता है. किनारों को बनाए रखे गए साइज़, खुद के साइज़ या नाम के हिसाब से क्रम में लगाया जा सकता है.
  • ऑब्जेक्ट के बारे में सीधे तौर पर क्वेरी करना: DevTools, सेव किए गए साइज़ थ्रेशोल्ड या प्रॉपर्टी के नाम के हिसाब से, सीधे तौर पर हीप स्नैपशॉट ऑब्जेक्ट के बारे में क्वेरी करने की सुविधा देता है. इससे मेमोरी लीक की जांच को आसान बनाया जा सकता है.
  • कॉन्टेक्स्ट बनाए रखने से जुड़ी मेमोरी का विश्लेषण: Heap स्नैपशॉट, V8 के एक्ज़ीक्यूशन कॉन्टेक्स्ट के ज़रिए बनाए रखी गई कुल मेमोरी का हिसाब लगा सकते हैं और उसकी रिपोर्ट दे सकते हैं.
  • स्नैपशॉट को पार्स करने की बेहतर सुविधा: अमान्य या खराब हुई हीप स्नैपशॉट फ़ाइलों को पार्स करने में अब कोई समस्या नहीं आएगी. साथ ही, गड़बड़ियों के बारे में साफ़ तौर पर बताया जाएगा.

Chromium से जुड़ी समस्याएं: 497855658

सुलभता सुविधाओं में सुधार

Chrome 153 और Chrome 154 में, सुलभता से जुड़ी इन सुविधाओं को बेहतर बनाया गया है:

  • एलिमेंट: macOS पर VoiceOver अब डीओएम ट्री आइटम पर नेविगेट करते समय, एक पोलाइट लाइव रीजन के ज़रिए "बड़ा किया गया" और "छोटा किया गया" स्टेट में हुए बदलावों के बारे में बताता है. (Chromium की समस्या: 540028208)
  • समस्याएं: समस्याएं काउंटर में, स्क्रीन रीडर की ओर से की गई डुप्लीकेट सूचनाओं को ठीक किया गया. साथ ही, समस्याएं पैनल में एक ही साफ़ सुथरी खास जानकारी को पढ़ा गया और बटन के अलावा अन्य एलिमेंट के लिए सही सिमैंटिक लागू किए गए. (Chromium की समस्या: 536977880)
  • तत्व: इंटरैक्टिव ऐडऑर्नर (सोर्स देखें, स्टाइल शुरू करना, स्क्रोल स्नैप, और दिखाएं) पर पूरी तरह से फ़ोकस किया जा सकता है. साथ ही, इन्हें कीबोर्ड का इस्तेमाल करके चालू किया जा सकता है. (Chromium की समस्या: 554057179)
  • लाइव रीजन: लाइव सूचनाएं और ariaNotify कॉल रिकॉर्ड करने और डीबग करने के लिए, AccessibilityAnnouncementRecordingView जोड़ा गया. (Chromium की समस्या: 527462118)

Chromium से जुड़ी समस्याएं: 540028208, 536977880, 554057179, 527462118