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

पब्लिश किया गया: 2 जून, 2026

Chrome 149 में, एआई असिस्टेंस को बेहतर बनाने के लिए बड़े अपग्रेड किए गए हैं. साथ ही, ऐप्लिकेशन पैनल में एक्सपेरिमेंट के तौर पर WebMCP डीबग करने वाले टूल जोड़े गए हैं. इसके अलावा, सीएसएस के लिए कोड पूरा करने की सुविधा भी जोड़ी गई है.

एजेंट के लिए DevTools

एजेंट के लिए Chrome DevTools का एमसीपी सर्वर और सीएलआई, अब आधिकारिक तौर पर स्टेबल हो गया है! पूरी सूचना यहां पढ़ें.

वर्शन 1.1.1 में जोड़ी गई मुख्य सुविधाएं और नए टूल यहां दिए गए हैं:

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

एजेंट के लिए DevTools से जुड़े सबसे नए अपडेट पाने और इसमें योगदान देने के लिए, GitHub repository पर जाएं. हमारे दस्तावेज़ की मदद से शुरुआत करें या Google I/O के वीडियो सेशन को देखकर, एजेंट के लिए Chrome DevTools की पूरी जानकारी पाएं. इससे, एआई की मदद से कोडिंग करने के अपने वर्कफ़्लो को बेहतर बनाएं.

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

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

  • एजेंट वॉकथ्रू: एआई असिस्टेंस, अब चैट इंटरफ़ेस में सीधे तौर पर विजेट रेंडर करता है. पहले यह काम, Markdown के सामान्य टेक्स्ट की मदद से किया जाता था. इन विजेट में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक और उनसे जुड़ी अहम जानकारी, एलसीपी एलिमेंट, एलसीपी ब्रेकडाउन, बॉटम-अप थ्रेड ऐक्टिविटी वगैरह शामिल हैं. विजेट में मौजूद दिखाएं लिंक पर क्लिक करने से, आपको DevTools में इस जानकारी के सोर्स पर ले जाया जाता है.
  • कोडिंग एजेंट में कॉपी करें: बातचीत के खत्म होने पर, अब एक बटन दिखता है. इस बटन पर क्लिक करके, बातचीत को कॉपी किया जा सकता है. बातचीत को प्रॉम्प्ट के तौर पर सारांश के तौर पर या पूरी बातचीत को कॉपी किया जा सकता है. इसके बाद, इसे अपनी पसंद के कोडिंग एजेंट में चिपकाया जा सकता है.
  • अपग्रेड की गई सुविधाएं: एआई असिस्टेंस के पास अब Lighthouse और उससे जुड़ी अहम जानकारी का ऐक्सेस है. इससे, आपके पेज का पूरी तरह से विश्लेषण किया जा सकता है और टारगेट के हिसाब से सलाह दी जा सकती है.
  • बेहतर जवाब: एआई असिस्टेंस, Gemini 3 का इस्तेमाल करता है. साथ ही, इसमें बेहतर प्रीऐम्बल का इस्तेमाल किया जाता है. इसलिए, यह ज़्यादा सटीक और काम के जवाब देता है.
  • बेहतर नेविगेशन: अब अप ऐरो और डाउन ऐरो कुंजियों का इस्तेमाल करके, चैट के पिछले प्रॉम्प्ट पर नेविगेट किया जा सकता है. इससे, पिछली क्वेरी को बेहतर बनाना या फिर से चलाना आसान और तेज़ हो जाता है.
एआई असिस्टेंस, "मैं इस पेज की परफ़ॉर्मेंस को कैसे बेहतर बनाऊं?" प्रॉम्प्ट के साथ Astro.js की डेमो साइट DevTools Times पर, एजेंट वॉकथ्रू, विजेट, और Antigravity के लिए कोडिंग एजेंट में कॉपी करने की सुविधा दिखाई जा रही है.

हम Chrome 152 के साथ, एआई असिस्टेंस की मदद से स्टाइल से जुड़ी गड़बड़ियों को अपने-आप ठीक करने की सुविधा बंद कर देंगे. इसके बजाय, हम 'कोडिंग एजेंट में कॉपी करें' सुविधा उपलब्ध कराएंगे. इस प्लान के बारे में अपनी राय देने के लिए, सुझाव/राय या शिकायत के तौर पर सबमिट की जाने वाली गड़बड़ी की रिपोर्ट सबमिट करें

WebMCP

इस रिलीज़ में, ऐप्लिकेशन पैनल के साइडबार में, एक्सपेरिमेंट के तौर पर WebMCP डीबग करने वाले टूल जोड़े गए हैं. WebMCP (वेब मॉडल कॉन्टेक्स्ट प्रोटोकॉल) की मदद से, वेब पेज ऐसे टूल रजिस्टर कर सकते हैं जिनका इस्तेमाल एलएलएम एजेंट कर सकते हैं. प्रस्तावित स्टैंडर्ड के बारे में ज़्यादा जानने के लिए, हमारा दस्तावेज़ पढ़ें.

डीबग करने के नए टूल की मदद से, डेवलपर ये काम कर सकते हैं:

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

WebMCP, एक्सपेरिमेंट के तौर पर उपलब्ध वेब स्टैंडर्ड है. इसकी शुरुआती झलक उपलब्ध है. एक्सपेरिमेंट शुरू करने के लिए, chrome://flags पर जाकर #devtools-webmcp-support और #enable-webmcp-testing फ़्लैग चालू करें.

DevTools के ऐप्लिकेशन पैनल में, WebMCP डीबग करने वाले नए टूल.
WebMCP डीबग करने के नए टूल, डेमो साइट L'Atelier की जांच कर रहे हैं. इसमें, टूल को पहले कॉल किए जाने की जानकारी, उपलब्ध टूल, और फ़िल्टर के विकल्प दिखाए जा रहे हैं.

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

सीएसएस के लिए कोड पूरा करने की सुविधा

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

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

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

एपीसीए कलर कंट्रास्ट के दिशा-निर्देश, अब स्टेबल वर्शन में उपलब्ध हैं

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

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

DevTools की सेटिंग में APCA एल्गोरिदम टॉगल करने की सुविधा और Styles टैब में लागू किया गया नया एल्गोरिदम.
DevTools की सेटिंग में एपीसीए एल्गोरिदम टॉगल और स्टाइल टैब में लागू किया गया नया एल्गोरिदम.

डाइनैमिक डिवाइस मोड यूज़र एजेंट

रिस्पॉन्सिव डिवाइस मोड में, पहले हार्डकोड किए गए यूज़र एजेंट स्ट्रिंग (Android 6.0; Nexus 5) का इस्तेमाल किया जाता था. इस वजह से, मॉडर्न वेबसाइटों की परफ़ॉर्मेंस खराब हो जाती थी या वे कंपैटबिलिटी मोड में खुलती थीं. ऐसा इसलिए होता था, क्योंकि रिपोर्ट किए गए ओएस को एक दशक से ज़्यादा पुराना माना जाता था.

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

अन्य हाइलाइट

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

  • कंसोल: कंसोल पैनल के टूलबार में, सभी को कोलैप्स करें / सभी को बड़ा करें टॉगल बटन जोड़ा गया है. इससे, कंसोल के सभी चालू ग्रुप और स्टैक ट्रेस को एक साथ बड़ा या कोलैप्स किया जा सकता है. (427657550)
  • ऐप्लिकेशन: ऐप्लिकेशन के मेटाडेटा व्यू में, स्टोरेज बकेट फ़ील्ड के लिए स्टैटिक टेक्स्ट की जगह, क्लिक किए जा सकने वाले हाइपरलिंक का इस्तेमाल किया गया है. बकेट के लिंक पर क्लिक करने से, स्टोरेज बकेट साइडबार पैनल में उस बकेट पर अपने-आप नेविगेट हो जाता है और वह हाइलाइट हो जाती है. (435311130)
  • ऐप्लिकेशन: क्रैश रिग्रेशन की समस्या हल करने के बाद, सर्विस वर्कर के लिए स्टोरेज की पूरी जानकारी देखने की सुविधा फिर से चालू कर दी गई है. (406991275, 466134219)
  • ऐप्लिकेशन: प्रीलोडिंग पैनल में, form_submission प्रीरेंडरिंग इवेंट की जानकारी देखने की सुविधा जोड़ी गई है. (346555939, 488078903)
  • ऐप्लिकेशन: डिवाइस-बाउंड सेशन क्रेडेंशियल (डीबीएससी) मैनेजमेंट लागू किया गया है. इससे डेवलपर, कॉन्टेक्स्ट मेन्यू से या Delete या Backspace कुंजी दबाकर, चालू सेशन को मिटा या हटाया जा सकता है. (471017387)
  • एलिमेंट: अब समस्याओं वाले पैनल में, छिपी हुई समस्याओं को दिखाने वाले डीओएम नोड पर हाइलाइट, समस्या के फ़िल्टर ऐक्शन के हिसाब से डाइनैमिक तरीके से अपडेट होती हैं. इसका मतलब है कि ये हाइलाइट दिखती या गायब होती हैं. (40272723)
  • नेटवर्क: Server-Sent Events (एसएसई) को अब पूरी तरह से क्रम से लगाया जाता है और इन्हें एचएआर एक्सपोर्ट में शामिल किया जाता है. इससे, लाइव इवेंट स्ट्रीम कैप्चर को सेव किया जा सकता है और DevTools में फिर से इंपोर्ट किया जा सकता है. (494294071)
  • परफ़ॉर्मेंस: लाइव मेट्रिक व्यू में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को ट्रैक करने की समस्या ठीक की गई है. इससे, ट्रैकिंग को सिर्फ़ प्राइमरी फ़्रेम के एक्ज़ीक्यूशन कॉन्टेक्स्ट से जोड़ा जाता है. साथ ही, डाइनैमिक iframe चर्न से मेट्रिक रीसेट होने से रोका जाता है. (494350655)
  • परफ़ॉर्मेंस: web-vitals को वर्शन 5.2.0 में अपग्रेड किया गया है. इसमें, आईएनपी की निगरानी के दौरान मेमोरी लीक की समस्या को ठीक करने के लिए, नेटिव अपस्ट्रीम फ़िक्स जोड़े गए हैं. (484342204)