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

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

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

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

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

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

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

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

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

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

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

Chromium में समस्या: 355108929

Adopted Style Sheets के लिए बेहतर सपोर्ट

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

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

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

Chromium में समस्याएं: 476399197, 40802935

डेंस ग्रिड लेआउट के लिए सपोर्ट

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

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

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

Chromium में समस्या: 40791512

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

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

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

Chromium में समस्या: 473796598

अन्य हाइलाइट

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

सुलभता से जुड़े एलान

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

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

Chromium में समस्याएं: 479882111, 478888141, 479250362