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

पब्लिश किया गया: 7 अप्रैल, 2026

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

एआई की मदद से कॉन्टेक्स्ट चुनने की सुविधा अपने-आप काम करना

एआई असिस्टेंट के अपडेट किए गए पैनल की शुरुआती स्क्रीन.

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

  • "इस पेज पर नेटवर्क के सबसे धीमे अनुरोध कौनसे हैं?" पहले यह सुविधा उपलब्ध नहीं थी, क्योंकि आपको नेटवर्क का कोई खास अनुरोध चुनना पड़ता था.
  • "इस पेज पर परफ़ॉर्मेंस से जुड़ी कौनसी समस्याएं हैं?" DevTools, अब इसका जवाब देने के लिए, आपकी चुनी गई सेटिंग के साथ ट्रेस को अपने-आप रिकॉर्ड करेगा.
  • "मैं ऐनिमेशन पैनल का इस्तेमाल कैसे करूं?" या "DevTools में ज़्यादा कंट्रास्ट वाली सेटिंग कहां है?", जिससे DevTools में ही सीधे मदद मिल सकती है.

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

एजेंट के लिए DevTools

Chrome DevTools MCP सर्वर और सीएलआई को वर्शन 0.21.0 पर अपडेट कर दिया गया है. इससे, मल्टी-एजेंट वर्कफ़्लो के लिए अहम सुधार किए गए हैं. साथ ही, Lighthouse की मदद से ऑडिट करने की नई सुविधाएं और बेहतर सेट ऑफ़ स्किल उपलब्ध कराई गई हैं.

पिछले अपडेट के बाद जोड़ी गई मुख्य सुविधाएं:

  • Lighthouse के इंटिग्रेटेड ऑडिट: अब MCP के ज़रिए, सीधे Lighthouse के ऑडिट किए जा सकते हैं. इससे, एजेंटिक वर्कफ़्लो में परफ़ॉर्मेंस और क्वालिटी की जांच अपने-आप हो जाती है.
  • मेमोरी लीक का पता लगाने की स्किल: take_memory_snapshot टूल का इस्तेमाल करके, मेमोरी लीक का पता लगाने के लिए एक नई स्किल जोड़ी गई है.
  • सुलभता से जुड़ी स्किल में सुधार: सुलभता से जुड़ी गड़बड़ियां ठीक करने की स्किल को बेहतर बनाया गया है, ताकि Lighthouse का बेहतर तरीके से इस्तेमाल किया जा सके और ज़्यादा सटीक आउटपुट दिया जा सके.
  • सामान्य इस्तेमाल से जुड़ी स्किल: Chrome DevTools MCP सर्वर या सीएलआई का इस्तेमाल करने का तरीका और इंस्टॉलेशन से जुड़ी समस्याओं को हल करने के तरीके के लिए, खास स्किल जोड़ी गई हैं. इससे आपका एजेंट, एजेंट के लिए DevTools का ज़्यादा से ज़्यादा फ़ायदा उठा सकता है.
  • मल्टी-एजेंट वर्कफ़्लो के लिए सहायता: pageId राउटिंग की सुविधा शुरू होने से, एक साथ कई एजेंट, ब्राउज़र के खास पेजों को सटीक तरीके से टारगेट कर सकते हैं और उनसे इंटरैक्ट कर सकते हैं.

इन सुविधाओं का इस्तेमाल शुरू करने के लिए, रिलीज़ नोट की ज़्यादा जानकारी के साथ GitHub रिपॉज़िटरी देखें.

कोड जनरेशन

Chrome 142 में, हमने कंसोल और सोर्स पैनल में Gemini की मदद से कोड के सुझाव देने की सुविधा शुरू की थी. Chrome 147 में, इस सुविधा को अपग्रेड करके, कोड पूरा करने की सुविधा दी गई है.

कोड जनरेट करने के लिए, नैचुरल लैंग्वेज में कोई टिप्पणी लिखें. इसमें उस लॉजिक के बारे में बताएं जिसकी आपको ज़रूरत है . उदाहरण के लिए, // Loop to check all img elements for valid alt attributes. इसके बाद, जनरेट करना शुरू करने के लिए, Cmd+i (Mac) या Ctrl+i (Windows/Linux) दबाएं . शॉर्टकट में i लोअरकेस में है.

डिवाइस मोड का टूलबार रीफ़्रेश किया गया

डिवाइस मोड के टूलबार को मॉडर्न बनाया गया है, ताकि आपको ज़्यादा एक जैसा और आसान अनुभव मिल सके:

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

Chromium में मौजूद समस्याएं: 40807290

कंप्रेस किए गए मुख्य हिस्सों को डिकोड करना

कंप्रेस किए गए संसाधनों से जुड़ी समस्याओं का पता लगाना अब ज़्यादा आसान हो गया है. पहले, अगर किसी एचटीटीपी अनुरोध में Content-Encoding: gzip या deflate का इस्तेमाल किया जाता था, तो नेटवर्क पैनल में पेलोड व्यू में, डिकोड किए गए कॉन्टेंट के बजाय, गड़बड़ वाला बाइनरी डेटा दिखता था.

Chrome 147 में, DevTools इन कंप्रेस किए गए मुख्य हिस्सों को अपने-आप डिकोड करता है. साथ ही, पेलोड में सीधे पढ़ने लायक कॉन्टेंट दिखाता है.

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

Chromium में मौजूद समस्याएं: 356158096

स्टाइल के लिए रेगुलर एक्सप्रेशन फ़िल्टर

स्टाइल पैनल में नया रेगुलर एक्सप्रेशन फ़िल्टर.

अब स्टाइल , कैलकुलेटेड, और प्रॉपर्टी पैनल के फ़िल्टर बार में, रेगुलर एक्सप्रेशन का इस्तेमाल किया जा सकता है. इसे चालू करने के लिए, रेगुलर एक्सप्रेशन टॉगल बटन (.*) पर क्लिक करें. इसके बाद, उदाहरण के लिए, padding|border टाइप करें, ताकि सभी padding और border प्रॉपर्टी हाइलाइट हो जाएं.

Chromium में मौजूद समस्या: 40706727

अनुमान के हिसाब से लोड होने की सुविधा में सुधार

ऐप्लिकेशन > अनुमान के हिसाब से लोड होने की सुविधा पैनल में नई सुविधाओं की मदद से, प्रीलोडिंग को डीबग करना ज़्यादा आसान हो गया है:

  • टेक्स्ट फ़िल्टरिंग: अब नियमों और कोशिशों की सूची को, फ़्री टेक्स्ट या कीवर्ड वाले फ़िल्टर (जैसे, url:, action:, status:) का इस्तेमाल करके फ़िल्टर किया जा सकता है. साथ ही, कई शब्दों के बीच AND लॉजिक का इस्तेमाल किया जा सकता है.
  • साफ़ करें बटन: 'साफ़ करें' बटन की मदद से, प्रीलोडिंग मॉडल को रीसेट किया जा सकता है. साथ ही, दिखाए गए नियमों और कोशिशों को मिटाया जा सकता है.
  • एचटीटीपी स्टेटस कोड: प्रीफ़ेच करने में गड़बड़ी होने पर, DevTools अब स्टेटस कॉलम और जानकारी वाले पैन, दोनों में सामान्य गड़बड़ी के मैसेज के बजाय, असल एचटीटीपी स्टेटस कोड (जैसे, 404) दिखाता है.

Chromium में मौजूद समस्याएं: 479524246, 40926909

अन्य सूचनाएं

इस रिलीज़ में, कुछ अहम फ़िक्स और सुविधाएं शामिल हैं:

  • कंसोल: अगर किसी गड़बड़ी के सभी इनलाइन स्टैक फ़्रेम को इग्नोर-लिस्ट में शामिल किया गया है, लेकिन कॉल स्टैक में ऐसे फ़्रेम शामिल हैं जिन्हें इग्नोर नहीं किया गया है, तो अब एक टॉगल दिखता है. इससे, कार्रवाई किए जा सकने वाले कोड पर फ़ोकस किया जा सकता है. साथ ही, लाइब्रेरी के शोरगुल वाले ट्रेस को छिपाया जा सकता है (379788109).
  • परफ़ॉर्मेंस: साइडबार की स्थिति (खुला/बंद) अब सेव रहती है. अगर आपने साइडबार बंद किया है, तो यह बाद की रिकॉर्डिंग में भी बंद रहेगा (437340219).
  • सेटिंग: कुछ एक्सपेरिमेंटल सेटिंग टॉगल करने पर, DevTools अब आपको जानकारी वाले बार के ज़रिए, ब्राउज़र को रीस्टार्ट करने के लिए कह सकता है.
  • ऑब्जेक्ट की जांच: ऑब्जेक्ट व्यू में, "सभी दिखाएं" नाम का नया कॉन्टेक्स्ट मेन्यू विकल्प जोड़ा गया है. इससे, नलिश (null या undefined) प्रॉपर्टी की विज़िबिलिटी को टॉगल किया जा सकता है (41187256).
  • एलिमेंट: "विज्ञापन" सजावट अब सिर्फ़ iframe तक सीमित नहीं है. अब इसे बैकएंड से विज्ञापन से जुड़े टैग किए गए किसी भी एलिमेंट के लिए दिखाया जा सकता है (485493202).
  • इंस्ट्रक्शन नोड: प्रोसेसिंग इंस्ट्रक्शन नोड (जैसे, <?xml-stylesheet ... ?>) अब डीओएम ट्री में दिखते हैं और इन्हें एडिट किया जा सकता है (484891675)

सुलभता

इस रिलीज़ में, सुलभता से जुड़े कई सुधार किए गए हैं:

  • परफ़ॉर्मेंस: परफ़ॉर्मेंस मेट्रिक कार्ड में, टाइटल की मदद करने वाला बटन अब हमेशा दिखता है. साथ ही, इसे कीबोर्ड से ऐक्सेस किया जा सकता है. पहले यह बटन, कर्सर घुमाने पर ही दिखता था (487613506).
  • सोर्स: इवेंट लिसनर के ब्रेकपॉइंट को अब स्पेस बार का इस्तेमाल करके चुना या हटाया जा सकता है (478890182).
  • सेटिंग: शॉर्टकट की सूची के पहले और आखिरी आइटम पर जाने के लिए, अब Home और End बटन काम करते हैं (481747256).
  • Lighthouse: कैटगरी ग्रुप के चेकबॉक्स के लिए, स्क्रीन रीडर की सूचनाओं को बेहतर बनाया गया है (477693909).