DevTools (Chrome 151) में नया क्या है

Matthias Rohmer

पब्लिश होने की तारीख: 28 जुलाई, 2026

Chrome 151 में, एआई असिस्टेंस में एजेंट के लिए सिलसिलेवार निर्देशों के लिए ज़्यादा विजेट जोड़े गए हैं. साथ ही, Styles टैब में सीएसएस की खास जानकारी को ज़्यादा बारीकी से दिखाया गया है. इसमें ::interest-button स्यूडो-एलिमेंट के लिए सहायता जोड़ी गई है. इसके अलावा, DevTools MCP सर्वर में बड़े अपडेट किए गए हैं.

एजेंट के लिए DevTools

हाल ही में रिलीज़ हुए वर्शन v1.6.0 तक, एजेंट के लिए Chrome DevTools में कोडिंग एजेंट को डीबग करने की सुविधाओं को काफ़ी बढ़ाया गया है. जैसे, Antigravity, Claude, Codex वगैरह.

वर्शन v1.4.0 से लेकर v1.6.0 तक के अपडेट में ये शामिल हैं:

• मेमोरी को डीबग करने की बेहतर सुविधा: get_heapsnapshot_duplicate_strings नया टूल, JavaScript हीप में स्ट्रिंग के डुप्लीकेट बंटवारे की वजह से होने वाली मेमोरी की बर्बादी का पता लगाता है. get_heapsnapshot_details से, ऑब्जेक्ट की कुल संख्या और मेमोरी साइज़ के एग्रीगेट, फ़िल्टर किए जा सकने वाले हीप स्नैपशॉट एग्रीगेट, जीसी रूट को बनाए रखने वाले पाथ मिलते हैं. साथ ही, स्नैपशॉट के बीच मेमोरी में अंतर देखा जा सकता है.
• जीसीएफ फ़ॉर्मैट में एनकोडिंग (experimentalGcfFormat): क्लाइंट की मदद से, बैंडविथ को ऑप्टिमाइज़ करने और पार्सिंग की क्षमता को बेहतर बनाने के लिए, जीसीएफ-एनकोड किए गए टूल के जवाबों के लिए सहायता जोड़ी गई है.
• एक साथ कई एजेंट वाले पेज की राउटिंग और आइसोलेटेड कॉन्टेक्स्ट: --experimentalPageIdRouting की मदद से, सब-एजेंट, अलग-अलग ब्राउज़र टैब पर एक साथ काम कर सकते हैं. इसके लिए, साफ़ तौर पर pageId राउटिंग का इस्तेमाल किया जाता है. --isolated मोड और isolatedContext पैरामीटर की मदद से, हर सेशन के लिए Chrome की अस्थायी प्रोफ़ाइल और स्टोरेज बनाया जाता है.

ज़्यादा जानने और शुरू करने के लिए, GitHub पर एजेंट के लिए DevTools की रिपॉज़िटरी पर जाएं.

एआई असिस्टेंस

इमेज/स्क्रीनकास्ट: एआई असिस्टेंस पैनल में, नया नेटवर्क ट्रैक इनलाइन विजेट और जीएफ़एम टेबल की सुविधा के साथ इंटरैक्टिव सिलसिलेवार निर्देश दिखाए जा रहे हैं.

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

इसके अलावा, जवाब के मैसेज अब फ़ॉर्मैट किए गए टेबल वाले डेटा की खास जानकारी के लिए, GitHub Flavored Markdown (GFM) टेबल को पूरी तरह से रेंडर करते हैं.

सीएसएस की खास जानकारी और ::interest-button की सुविधा

Elements पैनल में, वेब प्लैटफ़ॉर्म के आधुनिक एपीआई के लिए, सीएसएस की ज़्यादा बारीकी से जांच करने और ऑथरिंग टूल मौजूद हैं:

• सीएसएस की खास जानकारी को ज़्यादा बारीकी से दिखाना: अब Styles टैब में, सिलेक्टर के नामों पर कर्सर घुमाने पर, एक विस्तृत टूलटिप दिखती है. इसमें यह जानकारी होती है कि हर क्लास, आईडी, एलिमेंट या स्यूडो-क्लास, (a, b, c) की खास जानकारी के कैलकुलेशन में कैसे योगदान देता है. यह कम्यूनिटी का योगदान था. इसके लिए, @hjanuschka को धन्यवाद!
• ::interest-button स्यूडो-एलिमेंट: DevTools अब सीएसएस के नए ::interest-button स्यूडो-एलिमेंट (एचटीएमएल interesttarget स्पेसिफ़िकेशन का हिस्सा) को पूरी तरह से पार्स करता है और Elements ट्री आउटलाइन और Styles टैब में दिखाता है.
• एचटीएमएल के रिलेशन एट्रिब्यूट के लिए, टारगेट को एसिंक्रोनस तरीके से लिंक करना: popovertarget, interesttarget, और commandfor जैसे एचटीएमएल एट्रिब्यूट, अब अपने टारगेट DOM नोड को एसिंक्रोनस तरीके से फ़ेच करते हैं और विज़ुअल तरीके से इनलाइन लिंक करते हैं.
• बड़े स्टाइलशीट के लिए लेज़ी रेंडरिंग: Styles टैब अब लेज़ी प्रॉपर्टी डेकोरेशन का इस्तेमाल करता है. ऐसा तब होता है, जब किसी एलिमेंट में 200 से ज़्यादा सीएसएस प्रॉपर्टी होती हैं. इससे रेंडर ब्लॉक का समय, कुछ सेकंड से घटकर मिलीसेकंड में आ जाता है.

Chromium में मौजूद समस्याएं: 353436867, 453705247, 524406293, 457696384, 524131115

मेमोरी को डीबग करना: नेटिव कॉन्टेक्स्ट एट्रिब्यूशन और क्लोज़र रिटेंशन

Memory पैनल में, मल्टी-फ़्रेम या मल्टी-कॉन्टेक्स्ट वाले वेब ऐप्लिकेशन में, JavaScript की जटिल मेमोरी लीक की पहचान करना अब ज़्यादा आसान है:

• नेटिव V8 कॉन्टेक्स्ट एट्रिब्यूशन: हीप स्नैपशॉट अब दो चरणों वाले एट्रिब्यूशन एल्गोरिदम को लागू करते हैं. स्टैटिक पॉइंटर इन्फ़रेंस, native_context मैप को हल करता है. वहीं, ग्राफ़ रीचेबिलिटी, बाकी ऑब्जेक्ट को ट्रेस करता है. एक नेटिव कॉन्टेक्स्ट से ऐक्सेस किए जा सकने वाले ऑब्जेक्ट को सीधे उस कॉन्टेक्स्ट से एट्रिब्यूट किया जाता है. वहीं, एक से ज़्यादा कॉन्टेक्स्ट से ऐक्सेस किए जा सकने वाले ऑब्जेक्ट को, शेयर किए गए कॉन्टेक्स्ट बकेट में कैटगरी में बांटा जाता है.
• "कॉन्टेक्स्ट की वजह से रिटेन किए गए" फ़िल्टर: हीप स्नैपशॉट पर्सपेक्टिव में, यूज़र इंटरफ़ेस (यूआई) का नया फ़िल्टर जोड़ा गया है. इसकी मदद से, सिर्फ़ JavaScript क्लोज़र कॉन्टेक्स्ट ऑब्जेक्ट की वजह से रिटेन किए गए ऑब्जेक्ट को अलग किया जा सकता है.
• प्रॉपर्टी के डिसप्ले ऑर्डर को कॉन्फ़िगर करना: एक नया कॉन्टेक्स्ट मेन्यू टॉगल, प्रॉपर्टी को वर्णमाला के क्रम में सॉर्ट करें (डिफ़ॉल्ट रूप से चालू), आपको हीप ऑब्जेक्ट प्रॉपर्टी की जांच करते समय, वर्णमाला के क्रम में सॉर्ट करने और जेएस प्रॉपर्टी के ओरिजनल इंसर्शन ऑर्डर के बीच टॉगल करने की सुविधा देता है.

Chromium में मौजूद समस्याएं: 497855658, 423838364, 40833016

एक्सटेंशन एपीआई को प्रॉमिस में बदलना और सुरक्षा को मज़बूत करना

DevTools एक्सटेंशन एपीआई को, एसिंक्रोनस पैटर्न और सुरक्षा के ज़्यादा सख्त कंट्रोल के साथ अपडेट किया गया है:

• नेटिव प्रॉमिस की सुविधा: chrome.devtools.network (getHAR(), Request.getContent()), chrome.devtools.panels, और chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) में एसिंक तरीके, अब कॉलबैक पैरामीटर के बिना कॉल किए जाने पर, स्टैंडर्ड JavaScript Promise ऑब्जेक्ट लौटाते हैं.
• एक्सटेंशन की सुरक्षा से जुड़ी सीमाएं: अब DevTools एक्सटेंशन, ब्लॉक किए गए टारगेट यूआरएल के HAR संसाधन फ़ेच नहीं कर सकते. साथ ही, inspectedWindow.eval में क्रॉस-एक्सटेंशन के आकलन के लिए, extensionsOnChromeUrls अनुमतियों को पूरा करना होगा. इसके अलावा, file:// संसाधनों पर allowFileAccess की जांच लागू करनी होगी.

अन्य खास बातें और ठीक की गई समस्याएं

इस रिलीज़ में, कुछ छोटी-मोटी समस्याएं ठीक की गई हैं और कुछ सुधार किए गए हैं:

• परफ़ॉर्मेंस: सॉफ़्ट एफ़सीपी (साइट का पहला एलिमेंट लोड होने में लगने वाला समय) टाइमलाइन मार्कर जोड़े गए हैं. इनके साथ-साथ, सॉफ़्ट एलसीपी और सॉफ़्ट नेविगेशन मार्कर भी जोड़े गए हैं. साथ ही, जानकारी वाले ड्रॉअर के हेडर अपडेट किए गए हैं.
• परफ़ॉर्मेंस: Android डिवाइसों पर सीपीयू थ्रॉटलिंग कैलिब्रेशन के दौरान, कंप्यूट प्रेशर की जांच को स्किप करने के लिए गार्ड जोड़े गए हैं. इन डिवाइसों में PressureObserver की सुविधा नहीं होती.
• नेटवर्क: डैश-प्रीफ़िक्स वाले यूआरएल के लिए, कमांड-लाइन फ़्लैग की गलत व्याख्या को रोकने के लिए, cURL के तौर पर कॉपी करें को अपडेट किया गया है. अब टारगेट यूआरएल के पहले --url जोड़ा जाता है.
• सोर्स: सोर्स मैप स्कोप रिज़ॉल्यूशन को डिफ़ॉल्ट रूप से चालू किया गया है. इससे डीबग करने के दौरान, वैरिएबल स्कोप रिज़ॉल्यूशन और सिंबल अन-मिनिफ़िकेशन बेहतर होता है.
• सेटिंग: iPhone और Pixel के नए मॉडल के लिए, एम्युलेट किए गए डिवाइस के प्रीसेट अपडेट किए गए हैं. इनमें सुरक्षित-एरिया इनसेट की पुष्टि की गई है. साथ ही, कस्टम डिवाइस के User-Agent फ़ील्ड में, navigator.userAgent पहले से भरा होता है. (Chromium में मौजूद समस्याएं: 40718410, 518215252)
• सेटिंग: लिंक हैंडलिंग सेटिंग के ड्रॉप-डाउन को अपडेट किया गया है. अब इसमें एक्सटेंशन के ओरिजन यूआरएल के बजाय, एक्सटेंशन के टाइटल दिखते हैं.
• Lighthouse: बंडल किए गए Lighthouse मॉड्यूल को वर्शन 13.4.0 पर अपडेट किया गया है. (Chromium में मौजूद समस्या: 40543651)

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

Chrome 151 में, सुलभता से जुड़े ये सुधार किए गए हैं:

• एलिमेंट: विंडोज़ हाई कंट्रास्ट / @media (forced-colors: active) मोड में, टॉगल किए गए टूलबार आइकॉन (जैसे, स्क्रिप्ट को फिर से शुरू करने वाला फिर से शुरू करें बटन) की विज़िबिलिटी को वापस लाया गया है. इसके लिए, बैकग्राउंड-कलर के टकराव वाले ओवरराइड हटाए गए हैं. (Chromium में मौजूद समस्या: 519762185)
• Console: Console Pins में, लाइव एक्सप्रेशन स्ट्रिंग की काटी गई वैल्यू के लिए, सुलभ फ़ुल-टेक्स्ट title टूलटिप जोड़ी गई हैं.