पब्लिश होने की तारीख: 2 जून, 2026
Chrome 149 में, एआई की मदद से मिलने वाली सहायता को बेहतर बनाया गया है. साथ ही, ऐप्लिकेशन पैनल में WebMCP डीबग करने वाले एक्सपेरिमेंटल टूल जोड़े गए हैं. इसके अलावा, सीएसएस के लिए कोड पूरा करने की सुविधा को भी बढ़ाया गया है.
एजेंट के लिए DevTools
एजेंट के लिए Chrome DevTools के एमसीपी सर्वर और सीएलआई का स्टेबल वर्शन अब आधिकारिक तौर पर उपलब्ध है! पूरी जानकारी यहां पढ़ें.
v1.1.1 रिलीज़ में जोड़ी गई मुख्य सुविधाओं और नए टूल में ये शामिल हैं:
- कस्टम थर्ड पार्टी, पेज पर दिखने वाले टूल: अब पेज, JavaScript के ज़रिए कस्टम डीबगिंग टूल तय कर सकते हैं. ये टूल, एजेंट के लिए DevTools में खोजे जा सकते हैं और कॉल किए जा सकते हैं.
- WebMCP डीबग करना: एजेंट के लिए DevTools अब WebMCP टूल की सूची बना सकते हैं और उन्हें लागू कर सकते हैं.
- कस्टम एचटीटीपी हेडर का इम्यूलेशन: इम्यूलेशन टूल में एचटीटीपी हेडर (जैसे कि पुष्टि करने वाले टोकन या कस्टम उपयोगकर्ता-एजेंट) के लिए सहायता जोड़ता है.
तीसरे पक्ष के टूल और WebMCP डीबग करने की सुविधा अब भी एक्सपेरिमेंट के तौर पर उपलब्ध है. इसे डिफ़ॉल्ट रूप से चालू नहीं किया गया है. WebMCP टूल के बारे में जानकारी के लिए, टूल का रेफ़रंस देखें. साथ ही, हमारे दस्तावेज़ में तीसरे पक्ष के टूल के बारे में ज़्यादा जानें.
एजेंट के लिए DevTools से जुड़े सबसे नए अपडेट पाने और योगदान देने के लिए, GitHub रिपॉज़िटरी पर जाएं. हमारे दस्तावेज़ पढ़ें या Google I/O के इस वीडियो सेशन को देखें: एजेंट के लिए Chrome DevTools की मदद से, एआई कोडिंग के वर्कफ़्लो को बेहतर बनाएं.
एआई असिस्टेंस
एआई की मदद वाले पैनल के यूज़र इंटरफ़ेस में अहम अपडेट किया गया है. साथ ही, बातचीत के अनुभव को बेहतर बनाने और पेज के बारे में ज़्यादा जानकारी देने के लिए नए टूल जोड़े गए हैं:
- एजेंट के साथ बातचीत: एआई से मिलने वाली मदद अब सीधे तौर पर चैट इंटरफ़ेस में विजेट रेंडर करती है. यह सुविधा, सादे टेक्स्ट वाले मार्कडाउन के बजाय विजेट रेंडर करती है. इन विजेट में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और उससे जुड़ी इनसाइट, एलसीपी एलिमेंट, एलसीपी ब्रेकडाउन, बॉटम-अप थ्रेड ऐक्टिविटी वगैरह शामिल होती हैं. विजेट में मौजूद दिखाएं लिंक पर क्लिक करने से, आपको DevTools में इस जानकारी के सोर्स पर ले जाया जाता है.
- कोडिंग एजेंट में कॉपी करें: अब बातचीत के आखिर में, बातचीत को कॉपी करने के लिए एक बटन दिया गया है. इस बटन का इस्तेमाल करके, बातचीत को प्रॉम्प्ट के तौर पर या पूरी बातचीत को कॉपी किया जा सकता है. इसके बाद, इसे अपने पसंदीदा कोडिंग एजेंट में चिपकाया जा सकता है.
- अपग्रेड की गई सुविधाएं: एआई असिस्टेंस के पास अब Lighthouse और इससे जुड़ी अहम जानकारी का ऐक्सेस है. इससे वह आपके पेज का पूरी तरह से विश्लेषण कर सकता है और आपको काम के सुझाव दे सकता है.
- बेहतर जवाब: एआई की मदद से मिलने वाले जवाब, Gemini 3 और बेहतर प्रीऐंबल का इस्तेमाल करके तैयार किए जाते हैं. इसलिए, ये जवाब ज़्यादा सटीक और काम के होते हैं.
- बेहतर नेविगेशन: अब अप ऐरो और डाउन ऐरो कुंजियों का इस्तेमाल करके, पिछली चैट के प्रॉम्प्ट पर नेविगेट किया जा सकता है. इससे पिछली क्वेरी को बेहतर बनाने या फिर से चलाने में आसानी होती है.
हम Chrome 152 में, एआई की मदद से स्टाइलिंग से जुड़ी गड़बड़ियों को अपने-आप ठीक करने की सुविधा के लिए, सहायता बंद कर देंगे. ऐसा 'कोडिंग एजेंट को कॉपी करें' सुविधा को बेहतर बनाने के लिए किया जा रहा है. इस प्लान के बारे में अपनी राय देने के लिए, सुझाव/राय देने या शिकायत करने से जुड़ी गड़बड़ी वाले पेज पर जाएं
WebMCP
इस रिलीज़ में, ऐप्लिकेशन पैनल के साइडबार में, एक्सपेरिमेंट के तौर पर WebMCP डीबग करने वाले टूल जोड़े गए हैं. WebMCP (वेब मॉडल कॉन्टेक्स्ट प्रोटोकॉल) की मदद से, वेब पेज ऐसे टूल रजिस्टर कर सकते हैं जिनका इस्तेमाल LLM एजेंट कर सकते हैं. हमारे दस्तावेज़ में, सुझाए गए स्टैंडर्ड के बारे में ज़्यादा जानें.
डीबग करने के नए टूल की मदद से डेवलपर ये काम कर सकते हैं:
- क्लाइंट-साइड टूल और उनके स्कीमा की जांच करें.
- कस्टम पैरामीटर की मदद से, टूल को मैन्युअल तरीके से लागू करें.
- टूल चालू करने से जुड़े इवेंट को ट्रैक और फ़िल्टर करें.
- कार्रवाई पूरी होने की स्थिति को मॉनिटर करें और लौटाए गए पेलोड की जांच करें.
WebMCP, वेब स्टैंडर्ड का एक सुझाव है. इसकी शुरुआती झलक उपलब्ध है. इन्हें आज़माने के लिए, chrome://flags पर जाकर #devtools-webmcp-support और #enable-webmcp-testing फ़्लैग चालू करें.
Chromium से जुड़ी समस्याएं: 494516094
सीएसएस के लिए कोड पूरा करने की सुविधा
स्टाइल टैब में अब Gemini की मदद से सीएसएस के लिए कोड पूरा करने की सुविधा उपलब्ध है. यह कंसोल और सोर्स पैनल के लिए उपलब्ध सहायता पर आधारित है. सेटिंग > एआई इनोवेशन > कोड के सुझाव में जाकर, कोड के सुझाव पाने की सुविधा चालू करें.
इससे आपको सीएसएस प्रॉपर्टी के ज़्यादा मुश्किल कॉम्बिनेशन के साथ काम करने में मदद मिलती है. जैसे, ग्रेडिएंट या बॉक्स शैडो. इसके लिए, आपको उनके सटीक सिंटैक्स याद रखने की ज़रूरत नहीं होती. इसके अलावा, ग्रिड और फ़्लेक्स लेआउट को तेज़ी से बनाने के लिए, एक से ज़्यादा प्रॉपर्टी का इस्तेमाल किया जा सकता है.
स्टाइल टैब में सबसे नीचे मौजूद टूलबार, लोडिंग स्पिनर के ज़रिए स्टेटस दिखाता है. टाइप करते समय, सुझाव अपडेट होते रहते हैं या मिट जाते हैं. इससे यह पक्का होता है कि एआई से जनरेट किया गया टेक्स्ट, आपके मैन्युअल बदलावों के हिसाब से हो.
एपीसीए के कलर कंट्रास्ट से जुड़े दिशा-निर्देशों को स्टेबल वर्शन में प्रमोट किया गया
ऐडवांस पर्सेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए) कंट्रास्ट कैलकुलेटर, अब एक्सपेरिमेंट के तौर पर उपलब्ध नहीं है. अब यह स्टैंडर्ड सेटिंग के तौर पर उपलब्ध है. एपीसीए, एएए/एए कंट्रास्ट के पुराने दिशा-निर्देशों की जगह लेता है. यह एक आधुनिक पर्सेप्चुअल कंट्रास्ट मॉडल है, जिसे आधुनिक डिसप्ले और टेक्स्ट रेंडरिंग के लिए ऑप्टिमाइज़ किया गया है.
अब सेटिंग > प्राथमिकताएं > एलिमेंट > एपीसीए के कंट्रास्ट से जुड़े दिशा-निर्देशों को चालू करें में जाकर, एपीएसी के दिशा-निर्देशों को चालू या बंद किया जा सकता है.
डाइनैमिक डिवाइस मोड का उपयोगकर्ता एजेंट
रिस्पॉन्सिव डिवाइस मोड में, पहले हार्डकोड की गई User Agent स्ट्रिंग (Android 6.0; Nexus 5) का इस्तेमाल किया जाता था. इस वजह से, आधुनिक वेबसाइटों की परफ़ॉर्मेंस में गिरावट आई या कंपैटबिलिटी मोड ट्रिगर हो गए. ऐसा इसलिए हुआ, क्योंकि रिपोर्ट किए गए ओएस को एक दशक से ज़्यादा पुराना माना गया.
हार्ड कोड किए गए उपयोगकर्ता एजेंट को डाइनैमिक ह्यूरिस्टिक से बदल दिया गया है. यह मौजूदा कैलेंडर साल के हिसाब से अपने-आप अपडेट होता है. इससे यह पक्का होता है कि DevTools हमेशा एक भरोसेमंद और आधुनिक एनवायरमेंट की जानकारी देता है. इसके लिए, मैन्युअल तरीके से रखरखाव करने की ज़रूरत नहीं होती.
अन्य हाइलाइट
इस रिलीज़ में, कुछ मामूली सुधार किए गए हैं और गड़बड़ियां ठीक की गई हैं:
- Console: Console पैनल के टूलबार में, सभी को छोटा करें / बड़ा करें टॉगल बटन जोड़ा गया है. इससे एक साथ सभी चालू कंसोल ग्रुप और स्टैक ट्रेस को तुरंत बड़ा या छोटा किया जा सकता है. (427657550)
- ऐप्लिकेशन: ऐप्लिकेशन के मेटाडेटा व्यू में, स्टोरेज बकेट फ़ील्ड के लिए क्लिक किए जा सकने वाले हाइपरलिंक ने स्टैटिक टेक्स्ट की जगह ले ली है. बकेट के लिंक पर क्लिक करने से, स्टोरेज बकेट साइडबार पैनल में मौजूद उस बकेट पर अपने-आप पहुंच जाता है और वह हाइलाइट हो जाती है. (435311130)
- ऐप्लिकेशन: क्रैश रिग्रेशन की समस्या हल करने के बाद, Service Workers के लिए स्टोरेज की पूरी जांच करने की सुविधा फिर से चालू कर दी गई है. (406991275, 466134219)
- ऐप्लिकेशन: प्रीलोडिंग पैनल में,
form_submissionप्रीरेंडरिंग इवेंट की जांच करने की सुविधा जोड़ी गई. (346555939, 488078903) - ऐप्लिकेशन: डिवाइस बाउंड सेशन क्रेडेंशियल (डीबीएससी) मैनेज करने की सुविधा लागू की गई है. इससे डेवलपर, कॉन्टेक्स्ट मेन्यू से या
DeleteयाBackspaceकुंजियां दबाकर, चालू सेशन मिटा सकते हैं. (471017387) - तत्व: अब समस्याएं पैनल में छिपी हुई समस्याओं को दिखाने वाले डीओएम नोड पर हाइलाइट, डाइनैमिक रूप से अपडेट होती हैं. इसका मतलब है कि समस्या के फ़िल्टर से जुड़ी कार्रवाइयों के जवाब में, ये हाइलाइट दिखती या गायब होती हैं. (40272723)
- नेटवर्क: Server-Sent Events (एसएसई) अब पूरी तरह से क्रमबद्ध किए गए हैं और HAR एक्सपोर्ट में शामिल किए गए हैं. इससे, लाइव इवेंट स्ट्रीम कैप्चर को सेव किया जा सकता है और DevTools में फिर से इंपोर्ट किया जा सकता है. (494294071)
- परफ़ॉर्मेंस: लाइव मेट्रिक व्यू में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक की ट्रैकिंग से जुड़ी समस्या ठीक की गई है. इससे ट्रैकिंग को सिर्फ़ प्राइमरी फ़्रेम के एक्ज़ीक्यूशन कॉन्टेक्स्ट पर पिन किया जा सकेगा. साथ ही, डाइनैमिक iframe के बार-बार बदलने से मेट्रिक रीसेट नहीं होंगी. (494350655)
- परफ़ॉर्मेंस:
web-vitalsको v5.2.0 पर अपग्रेड किया गया है. इससे आईएनपी मॉनिटरिंग के दौरान मेमोरी लीक की समस्या को ठीक करने के लिए, नेटिव अपस्ट्रीम फ़िक्स उपलब्ध कराए जा सकेंगे. (484342204)