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

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

Chrome 146 में, Elements पैनल में Adopted Style Sheets के लिए बेहतर सपोर्ट उपलब्ध कराया गया है. साथ ही, Console के इतिहास में नेविगेट करने की सुविधा को बेहतर बनाया गया है. इसके अलावा, Privacy डीबग करने के वर्कफ़्लो को आसान बनाया गया है. साथ ही, कई अन्य छोटे-मोटे सुधार और अपडेट किए गए हैं.

DevTools एमसीपी सर्वर के अपडेट

DevTools MCP सर्वर अब 0.19.0 वर्शन पर उपलब्ध है. इसमें नए टूल, बेहतर परफ़ॉर्मेंस, और डीबग करने की खास सुविधाएं मिलती हैं:

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

बदलावों की पूरी सूची देखने के लिए, GitHub पर सार्वजनिक तौर पर उपलब्ध बदलावों का लॉग देखें.

कंसोल के इतिहास में किए गए बदलावों को सेव करना

Console में लंबे समय से आ रही एक समस्या को ठीक कर दिया गया है. इससे पहले, अगर आपने इतिहास से ली गई किसी कमांड में बदलाव किया था और ऊपर या नीचे ऐरो दबाकर किसी दूसरी कमांड पर गए थे, तो आपके बदलाव सेव नहीं होते थे.

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

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

Chromium से जुड़ी समस्या: 355108929

Adopted Style Sheets के लिए बेहतर सहायता

अब वेब कॉम्पोनेंट और मॉडर्न सीएसएस आर्किटेक्चर को डीबग करना बहुत आसान हो गया है. Adopted Style Sheets अब छिपी नहीं होती हैं. अब इन्हें Elements पैनल में डीओएम ट्री के अंदर मौजूद #adopted-style-sheets नोड में ग्रुप किया जाता है.

इन शीट की जांच, स्टैंडर्ड <style> टैग की तरह ही की जा सकती है. साथ ही, इनके नियमों में सीधे स्टाइल पैन में बदलाव किया जा सकता है. इससे कंस्ट्रक्ट की गई स्टाइलशीट और डिक्लेरेटिव स्टाइल के बीच समानता आती है. साथ ही, शैडो डीओएम, वेब कॉम्पोनेंट, और शेयर किए गए डिज़ाइन सिस्टम को डीबग करना आसान हो जाता है.

इनलाइन एडिटिंग की सुविधा के साथ, एलिमेंट पैनल में इस्तेमाल की गई स्टाइलशीट.

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

डेंस ग्रिड लेआउट की सुविधा

स्टाइल पैनल में मौजूद ग्रिड एडिटर अब dense पैकिंग एल्गोरिदम के साथ काम करता है. grid-auto-flow में बदलाव करते समय, आपको dense कीवर्ड के लिए एक नया चेकबॉक्स दिखेगा. इससे यूज़र इंटरफ़ेस (यूआई) से ही, स्टैंडर्ड और डेंस पैकिंग मोड के बीच तुरंत टॉगल किया जा सकेगा.

ग्रिड एडिटर में नया डेंस चेकबॉक्स.

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

Chromium से जुड़ी समस्या: 40791512

निजता से जुड़ी समस्याओं को आसानी से ठीक करना

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

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

Chromium से जुड़ी समस्या: 473796598

अन्य हाइलाइट

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

सुलभता से जुड़ी सूचनाएं

इस वर्शन में, सुलभता से जुड़ी इन सुविधाओं को बेहतर बनाया गया है:

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

Chromium से जुड़ी समस्याएं: 479882111, 478888141, 479250362