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

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

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

एजेंट के लिए DevTools

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

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

  • Chrome एक्सटेंशन डीबग करना: एजेंट अब Chrome एक्सटेंशन को टारगेट और डीबग कर सकते हैं. इससे वे एक्सटेंशन से जुड़े पेजों और बैकग्राउंड स्क्रिप्ट की सीधे तौर पर जांच कर सकते हैं.
  • WebMCP टूल को कॉल करना: एक्सपेरिमेंट के तौर पर उपलब्ध नए टूल की मदद से एजेंट, वेब पेजों पर दिखाए गए WebMCP टूल की सूची बना सकते हैं और उन्हें लागू कर सकते हैं.
  • Lighthouse में एजेंट की तरह ब्राउज़ करना: "एजेंट की तरह ब्राउज़ करना" ऑडिट की नई कैटगरी यह आकलन करती है कि कोई साइट, एजेंट की तरह ब्राउज़ करने के लिए ऑप्टिमाइज़ की गई है या नहीं. जैसे, WebMCP टूल के रजिस्ट्रेशन की पुष्टि करके.

इन और अन्य सुविधाओं का इस्तेमाल शुरू करने के लिए, GitHub रिपॉज़िटरी देखें. इसमें रिलीज़ से जुड़ी पूरी जानकारी दी गई है.

डिफ़ॉल्ट रूप से, पूरा सुलभता ट्री

साइडबार में सुलभता की सुविधा को टॉगल करने के नए विकल्प के साथ एलिमेंट पैनल.

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

इंटरफ़ेस को बेहतर बनाने के लिए, Chrome 148 में फ़्लोटिंग ऐक्शन बटन हटा दिया गया है. इसका इस्तेमाल पहले DOM और सुलभता ट्री के बीच टॉगल करने के लिए किया जाता था. अब साइडबार में मौजूद सुलभता टैब में दिए गए टॉगल का इस्तेमाल करके, व्यू बदले जा सकते हैं.

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

अनुमान के हिसाब से यूआरएल लोड होने की सुविधा से जुड़े सुधार

प्रीलोडिंग की प्रोसेस में आने वाली गड़बड़ियों को ठीक करने के लिए, अनुमान के हिसाब से लोड हुए यूआरएल सेक्शन को ज़्यादा बेहतर बनाया गया है:

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

Chromium से जुड़ी समस्याएं: 479524246, 40926909

यह कम्यूनिटी का योगदान है. इसके लिए, @hjanuschka का धन्यवाद!

ऐप्लिकेशन पैनल में, अनुमान लगाने के नए नियमों वाला फ़िल्टर बार और क्रैश रिपोर्ट का कॉन्टेक्स्ट हाइलाइट किया गया है.

क्रैश रिपोर्ट का कॉन्टेक्स्ट

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

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

सिर्फ़ नाम वाली @container क्वेरी

DevTools अब सिर्फ़ नाम वाली @container क्वेरी के साथ काम करता है. इससे पहले, ऐसा हो सकता था कि डिस्क्रिप्टर (जैसे, @container sidebar) के बिना की गई क्वेरी, स्टाइल टैब में सही तरीके से न दिखें. अब इन्हें स्टाइल प्रॉपर्टी सेक्शन में सही तरीके से रेंडर किया जाता है और लिंक किया जा सकता है.

जिन सेक्शन से कोई योगदान नहीं मिला है उन्हें छोटा किया गया है

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

Chromium से जुड़ी समस्याएं: 40287550, 351662727

ऑर्डर करने का अनुरोध और थ्रॉटलिंग का सुझाव

  • अनुरोध # कॉलम: अब नेटवर्क पैनल में, अनुरोध # कॉलम जोड़ा जा सकता है. हालांकि, यह कॉलम जोड़ना ज़रूरी नहीं है. इस कॉलम में, अनुरोधों को शुरू करने का क्रम दिखाया जाता है. साथ ही, इसमें अनुरोधों को क्रम से लगाने की सुविधा भी उपलब्ध होती है.
  • सुझाई गई थ्रॉटलिंग: नेटवर्क पैनल के थ्रॉटलिंग ड्रॉप-डाउन में अब आपकी साइट के उपयोगकर्ताओं के असल डेटा (CrUX) के आधार पर, सुझाए गए प्रीसेट हाइलाइट किए जाते हैं. इससे, परफ़ॉर्मेंस पैनल में पहले से मौजूद सुझावों के साथ इसे अलाइन किया जाता है.

नेटवर्क और नेटवर्क की स्थितियां पैनल में, अनुरोध # कॉलम और थ्रॉटलिंग के सुझाव को हाइलाइट किया गया है.

Chromium से जुड़ी समस्याएं: 40276422, 456383409

एडोर्नर में विज्ञापन की उत्पत्ति की जानकारी

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

टूलटिप से यह पता चलता है कि एलिमेंट की पहचान विज्ञापन के तौर पर क्यों की गई. जैसे:

  • स्क्रिप्ट की वंशावली: इस एलिमेंट को बनाने में कौनसी स्क्रिप्ट शामिल थीं.
  • फ़िल्टर की सूची के नियम: फ़िल्टर की सूची (जैसे, EasyList) का वह नियम जिसने एलिमेंट या लोड किए गए संसाधन से मैच किया है.

इससे डेवलपर और निजता शोधकर्ताओं को विज्ञापन टैग करने की वजह समझने में मदद मिलती है. साथ ही, इससे फ़ॉल्स पॉज़िटिव को डीबग करने में मदद मिलती है.

Chromium से जुड़ी समस्याएं: 490029725, 495842556

अन्य हाइलाइट

  • इम्यूलेशन: हमने एक ऐसी गड़बड़ी को ठीक किया है जो लंबे समय से बनी हुई थी. इस गड़बड़ी की वजह से, कभी-कभी पूरे पेज का स्क्रीनशॉट लेने पर, व्यूपोर्ट "लीक" हो जाता था या काम नहीं करता था (495385035).
  • WebAuthn: वर्चुअल ऑथेंटिकेटर (420689820) के साथ hmac-secret और hmac-secret-mc एक्सटेंशन की टेस्टिंग के लिए सहायता जोड़ी गई.
  • मेमोरी: मैन्युअल तरीके से कचरा इकट्ठा करने की प्रोसेस शुरू करने पर, बेहतर तरीके से सुझाव दिया गया है. इसके लिए, नई स्नैकबार सूचना का इस्तेमाल किया गया है (493708151).
  • ऑब्जेक्ट की जांच करना: show-option-to-expose-internals-in-heap-snapshot एक्सपेरिमेंट हटा दिया गया है. अब चेकबॉक्स डिफ़ॉल्ट रूप से दिखता है (497855658).