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

Matthias Rohmer

Published: June 30, 2026

Chrome 150 में, एजेंट के लिए DevTools में मेमोरी डीबग करने की सुविधा बेहतर की गई है. साथ ही, ज़्यादा विजेट की मदद से एआई की सहायता को बेहतर बनाया गया है. इसके अलावा, CSS @container और @function नियमों में पूरी तरह से बदलाव करने की सुविधा जोड़ी गई है.

एजेंट के लिए DevTools

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

पिछली रिलीज़ के बाद से, जोड़ी गई मुख्य सुविधाएं और किए गए सुधार यहां दिए गए हैं:

  • मेमोरी डीबग करने का सुइट (--experimentalMemory): एजेंट अब सीधे V8 हीप स्नैपशॉट कैप्चर और उनका विश्लेषण करके, JavaScript में मेमोरी लीक की समस्या का पता लगा सकते हैं. साथ ही, ऑब्जेक्ट रिटेंशन के क्रम का विश्लेषण कर सकते हैं.
  • Chrome एक्सटेंशन मैनेजमेंट (--categoryExtensions): एजेंट, एक्सटेंशन के लाइफ़साइकल (इंस्टॉल करना, अनइंस्टॉल करना, फिर से लोड करना, सूची देखना) को मैनेज कर सकते हैं. साथ ही, डाइग्नोस्टिक्स के लिए बैकग्राउंड सर्विस वर्कर के कंसोल लॉग कैप्चर कर सकते हैं.
  • बंडल की गई एजेंट की स्किल: अब skills/ डायरेक्ट्री को सीधे npm पैकेज डिस्ट्रिब्यूशन में पब्लिश किया जाता है. इससे, एमसीपी क्लाइंट एजेंट, ब्राउज़ करने और डीबग करने के खास वर्कफ़्लो को अपने-आप ढूंढकर उन्हें लागू कर सकते हैं.
  • टोकन और आउटपुट ऑप्टिमाइज़ेशन: सोर्स पर स्क्रीनशॉट के डाइमेंशन को सीमित करने से, टोकन का इस्तेमाल कम होता है. साथ ही, एक्सपेरिमेंटल TOON (टोकन-ओरिएंटेड ऑब्जेक्ट नोटेशन) की सुविधा से, स्ट्रक्चर्ड डेटा फ़ॉर्मैटिंग ऑप्टिमाइज़ होती है.
  • बेहतर नेविगेशन और कॉन्टेक्स्ट: list_pages में अब यूआरएल और टारगेट आईडी के साथ-साथ पेज के टाइटल भी शामिल होते हैं. इससे, एक साथ कई टैब वाले कॉन्टेक्स्ट को बेहतर तरीके से चुना जा सकता है. वहीं, allowedUrlPattern और blockedUrlPattern कॉन्फ़िगरेशन विकल्पों से, ब्राउज़िंग स्कोप की सुरक्षा को बेहतर बनाया जा सकता है.

एजेंट के लिए DevTools से जुड़े सबसे नए अपडेट पाने और इसमें योगदान देने के लिए, GitHub repository पर जाएं.

एआई की सहायता से ज़्यादा जानकारी पाना

एआई की मदद से काम करने वाले एजेंट के बारे में जानकारी देने वाले एजेंट वॉकट्रू में, Lighthouse और कंप्यूट की गई स्टाइल के नए विजेट.

एआई की सहायता वाला पैनल लगातार बेहतर हो रहा है. इससे, एजेंट के वॉकथ्रू में ज़्यादा जानकारी मिलती है. अब नौ और विजेट में, Lighthouse, Network, Sources, और Performance पैनलों का डेटा दिखता है. विजेट की मदद से, आपको Gemini के इस्तेमाल किए गए डेटा को बेहतर तरीके से समझने में मदद मिलती है. Gemini, परफ़ॉर्मेंस इवेंट, संसाधन का कॉन्टेंट, नेटवर्क अनुरोध वगैरह पाने के लिए, एजेंट टूल को कॉल करता है.

Chromium की समस्याएं: 460763995

ज़्यादा सीएसएस ऐट-रूल में पूरी तरह से बदलाव करने की सुविधा

Elements पैनल में मौजूद Styles टैब में, सीएसएस की नई सुविधाओं के लिए ऑथरिंग की नई सुविधाएं जोड़ी गई हैं:

  • इन-प्लेस @container नियम में बदलाव करने की सुविधा: अब सीएसएस @container नियमों में, कंटेनर के नाम और क्वेरी की शर्तों में सीधे बदलाव किया जा सकता है. इससे, रिस्पॉन्सिव कंटेनर क्वेरी डिज़ाइन के साथ आसानी से एक्सपेरिमेंट किए जा सकते हैं.
  • सीएसएस @function नियम में बदलाव करने की सुविधा: कस्टम सीएसएस @function नियमों में पूरी तरह से बदलाव करने की सुविधा जोड़ी गई है.
  • @counter-style नियम में बदलाव करने की सुविधा: list-style-type प्रॉपर्टी के लिए, कोड पूरा करने की सुविधा जोड़ी गई है. साथ ही, इन्हें सीधे इनसे जुड़ी @counter-style परिभाषाओं से लिंक किया गया है.
  • ऐसे नियमों को छिपाना जिनका कोई योगदान नहीं है: नई प्राथमिकता सेटिंग की मदद से, सीएसएस स्टाइल के ऐसे नियमों को छिपाया जा सकता है जिनका कोई योगदान नहीं है. इससे, Styles पैन में सिर्फ़ चालू स्टाइल दिखती हैं.

स्टाइल टैब में सीएसएस फ़ंक्शन और काउंटर-स्टाइल का नियम.

Chromium की समस्याएं: 507611251, 41491726, 480080406, 351662727, 514846131

Sources में डुप्लीकेट ब्रेकपॉइंट और सोर्स मैप के लिए रिकर्सिव सपोर्ट की सुविधा

Sources पैनल में, आधुनिक और जटिल बिल्ड पाइपलाइन में डीबग करने की सटीकता को बेहतर बनाया गया है:

  • लॉजिकल ब्रेकपॉइंट को डुप्लीकेट होने से रोकना: गटर में मौजूद ब्रेकपॉइंट मार्कर अब कोड-स्प्लिट बंडल और SSR/क्लाइंट कंपाइल किए गए टेंप्लेट में डुप्लीकेट नहीं होते. इसके लिए, सबसे नज़दीकी रिज़ॉल्व की गई जगह की मैपिंग का इस्तेमाल किया जाता है. इससे, एक से ज़्यादा चंक या एनवायरमेंट में शेयर किए गए कोड को डीबग करते समय, डुप्लीकेट ब्रेकपॉइंट इंडिकेटर नहीं दिखते.
  • रिकर्सिव EvalOrigin और नेस्टेड सोर्स मैप: डीबगर अब सोर्स मैप में, रिकर्सिव EvalOrigin स्ट्रक्चर और नेस्टेड ट्रांसलेशन चेन के साथ काम करता है. इससे, मल्टी-स्टेज कंपाइलेशन वर्कफ़्लो में सटीक स्टैक ट्रेस और स्टेपिंग बिहेवियर मिलता है.
  • लाइन पर जाने के लिए कीबोर्ड शॉर्टकट: एडिटर में "लाइन पर जाएं" नेविगेशन के लिए, ALT + G को एक और कीबोर्ड शॉर्टकट के तौर पर जोड़ा गया है. इससे, Chrome में Gemini के नए शॉर्टकट के साथ होने वाले टकराव से बचा जा सकता है.
  • एट्रिब्यूट इंपोर्ट करने के लिए फ़ॉर्मैटिंग: स्टैंडर्ड JavaScript इंपोर्ट एट्रिब्यूट सिंटैक्स के लिए, सुंदर तरीके से प्रिंट करने की फ़ॉर्मैटिंग की सुविधा देने के लिए, Acorn पार्सर को अपडेट किया गया है.

Chromium की समस्याएं: 493674242, 485142682, 480172712, 491167992

DevTools में सुरक्षा और क्रॉस-ऑरिजिन को बेहतर बनाना

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

  • लाइव एक्सप्रेशन के लिए सेल्फ़-XSS से सुरक्षा: Console में लाइव एक्सप्रेशन बनाते समय, सेल्फ़-XSS की चेतावनी वाले डायलॉग और सुरक्षा के तरीके जोड़े गए हैं.
  • रिकॉर्डर के नेविगेशन की अनुमति वाली सूचियां और फिर से चलाने की पुष्टि: Recorder पैनल अब नेविगेशन की अनुमति वाली सख्त सूचियां लागू करता है. इससे, ज़्यादा अधिकारों वाले पेजों पर नेविगेट करने से रोका जा सकता है. साथ ही, फिर से चलाने वाले सेक्शन में, एक्सटेंशन के ऑरिजिन की सख्त पुष्टि की जाती है.
  • एक्सटेंशन के नेटवर्क को बदलने से जुड़ी पाबंदियां: एक्सटेंशन से मैनेज किए जाने वाले नेटवर्क ओवरराइड अब runtime_blocked_hosts होस्ट नीतियों को सख्ती से लागू करते हैं.
  • सुरक्षित @font-face कंस्ट्रक्शन: डेटा यूआरएल के ज़रिए सीएसएस इंजेक्शन को रोकने के लिए, CSSStyleSheet API और सुरक्षित यूआरएल स्ट्रिंगिफ़िकेशन का इस्तेमाल करके, @font-face नियम जनरेट करने की प्रोसेस को फिर से बनाया गया है.

अन्य हाइलाइट

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

  • परफ़ॉर्मेंस: कैश मेमोरी में सेव किए गए नेटवर्क अनुरोधों के लिए, TraceTree के ट्रांसफ़र साइज़ में बढ़ोतरी की समस्या को ठीक किया गया है. इसके लिए, कैश मेमोरी में सेव किए गए अनुरोधों की पहचान होने पर, ट्रांसफ़र साइज़ को 0 बाइट पर सेट किया गया है.
  • परफ़ॉर्मेंस: परफ़ॉर्मेंस फ़ॉर्मेटर को अपडेट किया गया है, ताकि Chrome UX रिपोर्ट (CrUX) deviceScope फ़ील्ड डेटा के लिए, वैकल्पिक तौर पर इस्तेमाल की जा सकने वाली सुविधा दी जा सके.
  • परफ़ॉर्मेंस: कॉल ट्री टेबल में, हॉरिज़ॉन्टल स्क्रोलिंग की सुविधा चालू की गई है, ताकि लंबे फ़ाइल यूआरएल पर एलिप्सीस ट्रंकेशन की समस्या न हो.
  • परफ़ॉर्मेंस: एक से ज़्यादा ट्रेस फ़ाइलों में, Insights साइडबार में फिर से रेंडरिंग की समस्या और DOM स्टेट करप्शन की समस्या को ठीक किया गया है.
  • परफ़ॉर्मेंस: टाइमलाइन इनवैलिडेशन ट्रैकिंग और डीबग मोड सेटिंग को एक्सपेरिमेंटल फ़्लैग से, DevTools की स्टैंडर्ड सेटिंग में माइग्रेट किया गया है.
  • Network: Has overrides कॉलम को वापस लाने के लिए, कॉलम का गलत नाम बदलने की समस्या को ठीक किया गया है. साथ ही, हेडर और कॉन्टेंट ओवरराइड के लिए, सॉर्ट करने के लॉजिक की समस्या को ठीक किया गया है.
  • Network: Server-Timing वॉटरफ़ॉल बार में, सीएसएस attr() स्टाइलिंग की समस्या को ठीक किया गया है, ताकि हर पंक्ति के लिए जनरेट किए गए रंग सही तरीके से रेंडर हो सकें.
  • Network: बिना नाम वाली कुकी के लिए, cURL के तौर पर कॉपी करें कमांड जनरेट करने की समस्या को ठीक किया गया है.
  • Application: Application पैनल में, लोकल और सेशन स्टोरेज आइटम को, नए StorageAgent इन्फ़्रास्ट्रक्चर का इस्तेमाल करके कनेक्ट किया गया है.
  • Application: Speculative loads स्टेटस की प्राथमिकता की समस्या को ठीक किया गया है, ताकि ऐसे यूआरएल जो प्रीफ़ेच और प्रीरेंडर, दोनों में सफल होते हैं वे "prerendered" के तौर पर सटीक तरीके से दिखें.
  • Application: हीप स्नैपशॉट व्यू में, कॉलम में बाइट-ऐक्ज़ैक्ट वैल्यू टूलटिप की सुविधा दी गई है.
  • समस्याएं: BackUINavigationWouldSkipAd समस्या का टाइप तब दिखता है, जब 'वापस जाएं' बटन पर क्लिक करने से विज्ञापन एंट्री स्किप हो जाती हैं.
  • समस्याएं: ईमेल की पुष्टि के अनुरोध से जुड़ी समस्याओं (EmailVerificationRequestIssue) को दिखाने की सुविधा जोड़ी गई है.
  • Lighthouse: Lighthouse के कॉन्फ़िगरेशन पैनल में, एजेंटिक ब्राउज़िंग कैटगरी का चेकबॉक्स (डिफ़ॉल्ट रूप से बंद) जोड़ा गया है. साथ ही, बंडल किए गए Lighthouse इंजन को v13.3.0 पर अपडेट किया गया है.

Chromium की समस्याएं: 518021339, 40908621, 517519019, 487755345, 505284391, 465915378, 512908993, 40543651

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

Chrome 150 में, DevTools में स्क्रीन रीडर के एलान, विजेट स्ट्रक्चर, और ARIA सिमैंटिक्स में कई सुधार किए गए हैं:

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

Chromium की समस्याएं: 510013788