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

Jecelyn Yeen

ध्यान दें: क्या DevTools को बेहतर बनाने में आपकी दिलचस्पी है? उपयोगकर्ताओं से जुड़ी Google की रिसर्च में शामिल होने के लिए यहां साइन अप करें.

Recorder पैनल में, डबल क्लिक और राइट क्लिक इवेंट कैप्चर करना

रिकॉर्डर पैनल अब दो बार क्लिक करने और दायां क्लिक करने से जुड़े इवेंट कैप्चर कर सकता है.

इस उदाहरण में, रिकॉर्डिंग शुरू करें और यह तरीका आज़माएं:

• कार्ड को बड़ा करने के लिए, उस पर दो बार क्लिक करें
• कार्ड पर राइट क्लिक करें और कॉन्टेक्स्ट मेन्यू से कोई कार्रवाई चुनें

Recorder ने इन इवेंट को कैसे कैप्चर किया, यह समझने के लिए चरणों को बड़ा करें:

• डबल-क्लिक को type: doubleClick के तौर पर कैप्चर किया जाता है.
• राइट क्लिक इवेंट को type: click के तौर पर कैप्चर किया जाता है, लेकिन button प्रॉपर्टी को secondary पर सेट किया जाता है. सामान्य माउस क्लिक की button वैल्यू primary होती है.

Chromium से जुड़ी समस्याएं: 1300839, 1322879, 1299701, 1323688

लाइटहाउस पैनल में नया टाइमस्पैन और स्नैपशॉट मोड

अब Lighthouse का इस्तेमाल करके, पेज लोड के अलावा अपनी वेबसाइट की परफ़ॉर्मेंस को भी मेज़र किया जा सकता है.

Lighthouse पैनल में अब यूज़र फ़्लो मेज़रमेंट के तीन मोड काम करते हैं:

• नेविगेशन रिपोर्ट में, सिंगल पेज लोड का विश्लेषण किया जाता है. नेविगेशन, रिपोर्ट का सबसे सामान्य टाइप है. मौजूदा वर्शन से पहले की सभी लाइटहाउस रिपोर्ट, नेविगेशन रिपोर्ट होती हैं.
• टाइमस्पैन रिपोर्ट, किसी भी समयावधि का विश्लेषण करती हैं. खास तौर पर, इसमें उपयोगकर्ता के इंटरैक्शन की समयावधि का विश्लेषण होता है.
• स्नैपशॉट रिपोर्ट किसी खास स्थिति में पेज का विश्लेषण करती हैं. आम तौर पर, ऐसा तब होता है, जब उपयोगकर्ता पेज से इंटरैक्ट करता है.

उदाहरण के लिए, इस डेमो पेज पर कार्ट में आइटम जोड़ने की परफ़ॉर्मेंस को मेज़र करते हैं. समयावधि मोड चुनें और समयावधि शुरू करें पर क्लिक करें. स्क्रोल करें और कार्ट में कुछ आइटम जोड़ें. इसके बाद, उपयोगकर्ता इंटरैक्शन की Lighthouse रिपोर्ट जनरेट करने के लिए, समयसीमा खत्म करें पर क्लिक करें.

हर मोड के इस्तेमाल के खास उदाहरणों, फ़ायदों, और सीमाओं के बारे में जानने के लिए, Lighthouse में उपयोगकर्ता फ़्लो देखें.

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

परफ़ॉर्मेंस की अहम जानकारी से जुड़े अपडेट

परफ़ॉर्मेंस की अहम जानकारी वाले पैनल में, ज़ूम कंट्रोल को बेहतर बनाया गया है

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

परफ़ॉर्मेंस की अहम जानकारी देखें. इससे, पैनल की मदद से काम की अहम जानकारी पाने और अपनी वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाने का तरीका जानें.

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

परफ़ॉर्मेंस रिकॉर्डिंग मिटाने की पुष्टि करना

DevTools अब परफ़ॉर्मेंस रिकॉर्डिंग मिटाने से पहले, पुष्टि करने वाला डायलॉग दिखाता है.

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

एलिमेंट पैनल में पैनल का क्रम बदलना

अब अपनी पसंद के हिसाब से एलिमेंट पैनल में पैनल का क्रम बदला जा सकता है.

उदाहरण के लिए, जब छोटी स्क्रीन पर DevTools खोला जाता है, तो सुलभता पैनल, ज़्यादा दिखाएं बटन के नीचे छिपा होता है. अगर आपको सुलभता की समस्याएं बार-बार डीबग करनी पड़ती हैं, तो आपके पास पैनल को आसानी से ऐक्सेस करने के लिए, उसे सबसे ऊपर खींचकर छोड़ने का विकल्प होता है.

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

ब्राउज़र के बाहर कोई रंग चुनना

DevTools में अब ब्राउज़र के बाहर से रंग चुनने की सुविधा उपलब्ध है. पहले, ब्राउज़र में ही रंग चुना जा सकता था.

कलर पिकर खोलने के लिए, स्टाइल पैनल में, किसी भी रंग की झलक पर क्लिक करें. कहीं से भी रंग चुनने के लिए, आईड्रॉपर का इस्तेमाल करें.

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

डीबग करने के दौरान, इनलाइन वैल्यू की बेहतर झलक

डीबगर अब इनलाइन वैल्यू की झलक सही तरीके से दिखाता है.

इस उदाहरण में, double फ़ंक्शन में एक इनपुट पैरामीटर a और एक वैरिएबल x है. return लाइन पर एक ब्रेकपॉइंट डालें और कोड चलाएं. इनलाइन झलक में, वैल्यू a और x सही तरीके से दिखती हैं. पहले, डीबगर इनलाइन झलक में वैल्यू x नहीं दिखाता था.

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

वर्चुअल ऑथेंटिकेटर के लिए, बड़े ब्लॉब को सपोर्ट करें

WebAuthn टैब में, वर्चुअल ऑथेंटिकेटर के लिए लार्ज ब्लॉब के साथ काम करता है चेकबॉक्स जोड़ा गया है.

यह चेकबॉक्स डिफ़ॉल्ट रूप से बंद होता है. इसे सिर्फ़ उन पुष्टि करने वाले तरीकों के लिए चालू किया जा सकता है जिनमें ctap2 प्रोटोकॉल का इस्तेमाल किया जाता है और जो निवासी कुंजियों के साथ काम करते हैं.

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

सोर्स पैनल में नए कीबोर्ड शॉर्टकट

स्रोत पैनल में अब दो नए कीबोर्ड शॉर्टकट उपलब्ध हैं:

• Control / Command + Shift + Y का इस्तेमाल करके, नेविगेशन साइडबार (बाईं ओर) को टॉगल करें
• Control / Command + Shift + H का इस्तेमाल करके, डीबगर साइडबार (दाईं ओर) को टॉगल करें

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

सोर्स मैप में किए गए सुधार

पहले, डेवलपर को इन कामों के दौरान कभी-कभी गड़बड़ियां आती थीं:

• कोडपेन से डीबग करने का उदाहरण
• Codepen के उदाहरण में, परफ़ॉर्मेंस से जुड़ी समस्याओं के सोर्स की जगह की पहचान करना
• React DevTools चालू होने पर, कॉम्पोनेंट टैब न दिखना

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

• इनलाइन स्क्रिप्ट और सोर्स लोकेशन के लिए, जगह और ऑफ़सेट के बीच सही मैपिंग
• फ़्रेम के टेक्स्ट की जगह के लिए फ़ॉलबैक जानकारी का इस्तेमाल करना
• फ़्रेम के यूआरएल के साथ मिलते-जुलते यूआरएल को सही तरीके से हल करना

Chromium से जुड़ी समस्याएं: 1319828, 1318635, 1305475

झलक वाले चैनल डाउनलोड करना

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

Chrome DevTools की टीम से संपर्क करें

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

• crbug.com पर जाकर, हमें सुझाव/राय दें या शिकायत करें. साथ ही, किसी सुविधा का अनुरोध करें.
• DevTools में more_vert ज़्यादा विकल्प > सहायता > DevTools से जुड़ी समस्या की शिकायत करें का इस्तेमाल करके, DevTools से जुड़ी समस्या की शिकायत करें.
• @ChromeDevTools पर ट्वीट करें.
• DevTools YouTube वीडियो में नया क्या है या DevTools सलाह YouTube वीडियो पर टिप्पणी की जा सकती हैं.

DevTools में नया क्या है

DevTools में नया क्या है सीरीज़ में शामिल सभी चीज़ों की सूची.

Chrome 131

• Gemini की मदद से सीएसएस को डीबग करना
• एआई की सुविधाओं को खास सेटिंग टैब में कंट्रोल करना
• परफ़ॉर्मेंस पैनल में सुधार
• परफ़ॉर्मेंस से जुड़े नतीजों पर एनोटेट करना और उन्हें शेयर करना
• परफ़ॉर्मेंस पैनल में ही परफ़ॉर्मेंस की अहम जानकारी पाएं
• ज़्यादा लेआउट शिफ़्ट को आसानी से देखना
• कंपोज़ नहीं किए गए ऐनिमेशन का पता लगाना
• हार्डवेयर के कई वर्शन को एक साथ सेंसर में ट्रांसफ़र करना
• बिना नाम वाली स्क्रिप्ट को अनदेखा करें और स्टैक ट्रेस में अपने कोड पर फ़ोकस करें
• एलिमेंट > स्टाइल: ग्रिड ओवरले और सीएसएस के सभी कीवर्ड के लिए, साइडवर्ड-* राइटिंग मोड के साथ काम करना
• टाइमस्पैन और स्नैपशॉट मोड में, एचटीटीपी पेजों के अलावा अन्य पेजों के लिए लाइटहाउस ऑडिट
• सुलभता सुविधाओं में सुधार
• अन्य खास बातें

Chrome 130

• नेटवर्क पैनल में सुधार
• नेटवर्क फ़िल्टर की बेहतर सुविधा
• HAR एक्सपोर्ट में अब डिफ़ॉल्ट रूप से संवेदनशील डेटा शामिल नहीं किया जाता
• एलिमेंट पैनल में किए गए सुधार
• text-emphasis-* प्रॉपर्टी के लिए, अपने-आप भरी जाने वाली वैल्यू
• स्क्रोल ओवरफ़्लो को बैज से मार्क किया गया
• परफ़ॉर्मेंस पैनल में सुधार
• लाइव मेट्रिक में सुझाव
• ब्रेडक्रंब पर नेविगेट करना
• मेमोरी पैनल में सुधार
• 'अलग किए गए एलिमेंट' की नई प्रोफ़ाइल
• सादे JS ऑब्जेक्ट के बेहतर नाम
• डाइनैमिक थीमिंग की सुविधा बंद करना
• Chrome एक्सपेरिमेंट: प्रोसेस शेयर करना
• Lighthouse 12.2.1
• अन्य हाइलाइट

Chrome 129

• Recorder से Firefox के लिए Puppeteer में एक्सपोर्ट किया जा सकता है
• परफ़ॉर्मेंस पैनल में सुधार
• लाइव मेट्रिक के बारे में जानकारी
• नेटवर्क ट्रैक में खोज अनुरोध
• performance.mark और performance.measure कॉल के स्टैक ट्रेस देखना
• ऑटोमैटिक भरने की सुविधा पैनल में टेस्ट पते का डेटा इस्तेमाल करना
• एलिमेंट पैनल में किए गए सुधार
• चुनिंदा एलिमेंट के लिए ज़्यादा स्टेटस लागू करना
• एलिमेंट > स्टाइल में अब ज़्यादा ग्रिड प्रॉपर्टी अपने-आप पूरी हो जाती हैं
• Lighthouse 12.2.0
• अन्य हाइलाइट

Chrome 128

• Gemini की कंसोल से अहम जानकारी पाने की सुविधा, यूरोप के ज़्यादातर देशों में उपलब्ध होगी
• परफ़ॉर्मेंस पैनल से जुड़े अपडेट
• बेहतर नेटवर्क ट्रैक
• Extensibility API की मदद से, परफ़ॉर्मेंस डेटा को अपनी पसंद के मुताबिक बनाना
• टाइमिंग ट्रैक में मौजूद जानकारी
• नेटवर्क पैनल में मौजूद सभी अनुरोधों को कॉपी करना
• नाम वाले एचटीएमएल टैग और कम क्लटर के साथ, हेप स्नैपशॉट तेज़ी से लेना
• ऐनिमेशन कैप्चर करने और @keyframes में लाइव बदलाव करने के लिए, ऐनिमेशन पैनल खोलना
• Lighthouse 12.1.0
• सुलभता में सुधार
• अन्य खास बातें

Chrome 127

• एलिमेंट पैनल में सीएसएस ऐंकर की पोज़िशन की जांच करना
• सोर्स पैनल में सुधार
• 'यहां कभी भी वीडियो न रोकें' सुविधा को बेहतर बनाया गया है
• नए स्क्रोल स्नैप इवेंट लिसनर
• नेटवर्क पैनल में सुधार
• अपडेट किए गए नेटवर्क थ्रॉटलिंग प्रीसेट
• HAR फ़ॉर्मैट के कस्टम फ़ील्ड में सर्विस वर्कर की जानकारी
• परफ़ॉर्मेंस पैनल में WebSocket इवेंट भेजना और पाना
• अन्य हाइलाइट

Chrome 126

• परफ़ॉर्मेंस पैनल में सुधार
• अपडेट किए गए ट्रैक कॉन्फ़िगरेशन मोड की मदद से, ट्रैक को एक से दूसरी जगह ले जाना और छिपाना
• फ़्लेम चार्ट में स्क्रिप्ट को अनदेखा करना
• सीपीयू की स्पीड को 20 गुना कम करना
• परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाला पैनल बंद कर दिया जाएगा
• हीप स्नैपशॉट में नए फ़िल्टर की मदद से, मेमोरी के ज़्यादा इस्तेमाल का पता लगाएं
• ऐप्लिकेशन > स्टोरेज में जाकर, स्टोरेज बकेट की जांच करना
• कमांड-लाइन फ़्लैग की मदद से, अपने-आप होने वाले एक्सएसएस (एक्सट्रेसिव सर्वर साइड स्क्रिप्ट) की चेतावनियां बंद करना
• Lighthouse 12.0.0
• अन्य हाइलाइट

Chrome 125

• Gemini की मदद से, Console में गड़बड़ियों और चेतावनियों को बेहतर तरीके से समझना
• @position-try नियमों के साथ काम करने वाले एलिमेंट > स्टाइल
• सोर्स पैनल में किए गए सुधार
• अपने-आप प्रीटी-प्रिंट होने की सुविधा और ब्रैकेट बंद होने की सुविधा कॉन्फ़िगर करना
• प्रॉमिस को मैनेज करने के बाद, उन्हें 'पकड़ा गया' के तौर पर मार्क किया जाता है
• कंसोल में गड़बड़ी होने की वजहें
• नेटवर्क पैनल में किए गए सुधार
• शुरुआती हिंट वाले हेडर की जांच करना
• वॉटरफ़ॉल कॉलम छिपाना
• परफ़ॉर्मेंस पैनल में सुधार
• सीएसएस सिलेक्टर के आंकड़े कैप्चर करना
• क्रम बदलना और ट्रैक छिपाना
• मेमोरी पैनल में रिटेनर को अनदेखा करना
• Lighthouse 11.7.1
• अन्य हाइलाइट

Chrome 124

• ऑटोमैटिक भरी जाने वाली जानकारी का नया पैनल
• WebRTC के लिए बेहतर नेटवर्क थ्रॉटलिंग
• ऐनिमेशन पैनल में स्क्रोल-ड्रिवन ऐनिमेशन की सुविधा
• एलिमेंट > स्टाइल में, सीएसएस नेस्टिंग की सुविधा को बेहतर बनाया गया है
• बेहतर परफ़ॉर्मेंस पैनल
• फ़्लेम चार्ट में फ़ंक्शन और उनके चाइल्ड को छिपाना
• चुने गए उपयोगकर्ताओं से उन इवेंट तक ऐरो जो उन्होंने शुरू किए
• Lighthouse 11.6.0
• मेमोरी > ढेर के स्नैपशॉट में खास कैटगरी के लिए टूलटिप
• ऐप्लिकेशन > स्टोरेज से जुड़े अपडेट
• शेयर किए गए स्टोरेज के लिए इस्तेमाल किए गए बाइट
• Web SQL अब काम नहीं करता
• कवरेज पैनल में किए गए सुधार
• लेयर पैनल के इस्तेमाल पर जल्द ही रोक लगा दी जाएगी
• JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रक्रिया: चौथा चरण, आखिरी चरण
• अन्य हाइलाइट

Chrome 123

• ईस्टर एग ढूंढना
• एलिमेंट पैनल से जुड़े अपडेट
• एलिमेंट > स्टाइल में फ़ोकस किए गए पेज को हाइलाइट करना
• var() फ़ॉलबैक में कलर पिकर, ऐंगल क्लॉक, और आसानी से बदलाव करने वाला एडिटर
• सीएसएस की लंबाई का पता लगाने वाला टूल अब काम नहीं करता
• परफ़ॉर्मेंस > मुख्य ट्रैक में, चुने गए खोज नतीजे के लिए पॉपओवर
• नेटवर्क पैनल से जुड़े अपडेट
• नेटवर्क > EventStream टैब में जाकर बटन और खोज फ़िल्टर हटाएं
• नेटवर्क > कुकी में, तीसरे पक्ष की कुकी के लिए छूट की वजहों के साथ टूलटिप
• सोर्स में सभी ब्रेकपॉइंट को चालू और बंद करें
• Node.js के लिए DevTools में लोड की गई स्क्रिप्ट देखना
• Lighthouse 11.5.0
• सुलभता सुविधाओं में सुधार
• अन्य हाइलाइट

Chrome 122

• रिकॉर्डर के एक्सटेंशन का आधिकारिक कलेक्शन लाइव है
• नेटवर्क से जुड़े सुधार
• स्टेटस कॉलम में, गड़बड़ी की वजह
• बेहतर कॉपी सबमेन्यू
• परफ़ॉर्मेंस में सुधार
• टाइमलाइन में ब्रेडक्रंब
• मुख्य ट्रैक में इवेंट शुरू करने वाले
• Node.js DevTools के लिए JavaScript वीएम इंस्टेंस सिलेक्टर मेन्यू
• सोर्स में नया शॉर्टकट और निर्देश
• एलिमेंट में किए गए सुधार
• स्टाइल में अब ::view-transition स्यूडो-एलिमेंट में बदलाव किया जा सकता है
• ब्लॉक कंटेनर के लिए, align-content प्रॉपर्टी का इस्तेमाल करना
• एम्यूलेट किए गए फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए, पोज़िशन की जानकारी देने की सुविधा
• डाइनैमिक थीम
• नेटवर्क और ऐप्लिकेशन पैनल में, तीसरे पक्ष की कुकी के फ़ेज़ आउट से जुड़ी चेतावनियां
• Lighthouse 11.4.0
• सुलभता सुविधाओं में सुधार
• अन्य हाइलाइट

Chrome 121

• एलिमेंट में किए गए सुधार
• नेटवर्क पैनल में बेहतर फ़िल्टर बार
• @font-palette-values सहायता
• काम करने वाला उदाहरण: किसी दूसरी कस्टम प्रॉपर्टी के फ़ॉलबैक के तौर पर कस्टम प्रॉपर्टी
• सोर्स मैप के लिए बेहतर सहायता
• परफ़ॉर्मेंस पैनल में सुधार
• बेहतर इंटरैक्शन ट्रैक
• बॉटम-अप, कॉल ट्री, और इवेंट लॉग टैब में बेहतर फ़िल्टरिंग
• सोर्स पैनल में इंडेंटेशन मार्कर
• नेटवर्क पैनल में, बदले गए हेडर और कॉन्टेंट के लिए मददगार टूलटिप
• अनुरोध को ब्लॉक करने के पैटर्न को जोड़ने और हटाने के लिए, निर्देश मेन्यू के नए विकल्प
• सीएसपी उल्लंघन से जुड़ा एक्सपेरिमेंट हटा दिया गया है
• Lighthouse 11.3.0
• सुलभता सुविधाओं में सुधार
• अन्य हाइलाइट

Chrome 120

• तीसरे पक्ष की कुकी का फ़ेज़आउट
• Privacy Sandbox विश्लेषण टूल की मदद से, अपनी वेबसाइट की कुकी का विश्लेषण करना
• 'अनदेखा करें' सुविधा को बेहतर बनाया गया
• Node_modules के लिए एक्सक्लूज़न का डिफ़ॉल्ट पैटर्न
• अगर कोई अपवाद पकड़ा जाता है या उसे ऐसे कोड से पास किया जाता है जिसे अनदेखा नहीं किया जाता है, तो अब कोड का काम करना बंद हो जाता है
• x_google_ignoreList का नाम बदलकर सोर्स मैप में ignoreList कर दिया गया है
• रिमोट डीबगिंग के दौरान, इनपुट मोड को टॉगल करने का नया तरीका
• एलिमेंट पैनल में अब #document नोड के लिए यूआरएल दिखते हैं
• ऐप्लिकेशन पैनल में कॉन्टेंट की सुरक्षा के बारे में असरदार नीति
• ऐनिमेशन को डीबग करने की बेहतर सुविधा
• सोर्स में 'क्या आपको इस कोड पर भरोसा है?' डायलॉग और Console में, अपने-आप होने वाले एक्सएसएस अटैक से जुड़ी चेतावनी
• वेब वर्कर्स और वर्कलेट में इवेंट लिस्नर ब्रेकपॉइंट
• <audio> और <video> के लिए नया मीडिया बैज
• प्रीलोडिंग का नाम बदलकर, अनुमान के हिसाब से यूआरएल लोड होने की सुविधा कर दिया गया है
• लाइटहाउस 11.2.0
• सुलभता सुविधाओं में सुधार
• अन्य हाइलाइट

Chrome 119

• एलिमेंट > स्टाइल में, @property सेक्शन को बेहतर बनाया गया
• बदलाव करने लायक @property नियम
• अमान्य @property नियमों से जुड़ी समस्याओं की शिकायत की जाती है
• इम्यूलेट करने के लिए डिवाइसों की अपडेट की गई सूची
• सोर्स में, स्क्रिप्ट टैग में प्रिटी-प्रिंट इनलाइन JSON
• Console में निजी फ़ील्ड के लिए ऑटोकंप्लीट की सुविधा
• Lighthouse 11.1.0
• सुलभता सुविधाओं में सुधार
• वेब एसक्यूएल का इस्तेमाल बंद करना
• ऐप्लिकेशन > मेनिफ़ेस्ट में स्क्रीनशॉट के आसपेक्ट रेशियो की पुष्टि करना
• अन्य हाइलाइट

Chrome 118

• एलिमेंट > स्टाइल में कस्टम प्रॉपर्टी के लिए नया सेक्शन
• लोकल ओवरराइड की सुविधा में और सुधार
• बेहतर खोज की सुविधा
• बेहतर सोर्स पैनल
• सोर्स पैनल में बेहतर तरीके से काम करने की सुविधा
• सोर्स में पैनल का क्रम बदलना
• ज़्यादा स्क्रिप्ट टाइप के लिए, सिंटैक्स हाइलाइट करने और प्रीटी-प्रिंटिंग की सुविधा
• prefers-reduced-transparency मीडिया फ़ीचर को एम्युलेट करना
• Lighthouse 11
• सुलभता सुविधाओं में सुधार
• अन्य हाइलाइट

Chrome 117

• नेटवर्क पैनल में किए गए सुधार
• वेब कॉन्टेंट को स्थानीय तौर पर और भी तेज़ी से बदलना
• XHR और फ़ेच अनुरोधों के कॉन्टेंट को बदलना
• Chrome एक्सटेंशन के अनुरोध छिपाना
• एचटीटीपी स्टेटस कोड, जिन्हें कोई भी पढ़ सकता है

• JSON के सब-टाइप के लिए प्रिटी-प्रिंट रिस्पॉन्स

• परफ़ॉर्मेंस: नेटवर्क इवेंट के लिए, फ़ेच करने की प्राथमिकता में हुए बदलाव देखें

• सोर्स की सेटिंग डिफ़ॉल्ट रूप से चालू होती हैं: कोड फ़ोल्डिंग और फ़ाइल अपने-आप दिखने की सुविधा
• तीसरे पक्ष की कुकी से जुड़ी समस्याओं को डीबग करने की सुविधा को बेहतर बनाया गया
• नए रंग
• Lighthouse 10.4.0
• ऐप्लिकेशन पैनल में, पेज को पहले से लोड करने की सुविधा को डीबग करना
• DevTools के लिए C/C++ WebAssembly डीबगिंग एक्सटेंशन अब ओपन सोर्स है
• अन्य खास बातें
• (प्रयोग के तौर पर) रेंडरिंग एमुलेटर का नया वर्शन: prefers-reduced-transparency
• (प्रयोग के तौर पर) बेहतर प्रोटोकॉल मॉनिटर

Chrome 116

• मौजूद न होने वाली स्टाइलशीट को डीबग करने की सुविधा को बेहतर बनाया गया है
• एलिमेंट > स्टाइल > ईज़िंग एडिटर में लीनियर टाइमिंग की सुविधा
• स्टोरेज बकेट सपोर्ट और मेटाडेटा व्यू
• Lighthouse 10.3.0
• सुलभता: कीबोर्ड निर्देश और बेहतर स्क्रीन रीडिंग
• अन्य खास बातें

Chrome 115

• एलिमेंट में किए गए सुधार
• सीएसएस सबग्रिड का नया बैज
• टूलटिप में सिलेक्टर की खास जानकारी
• टूलटिप में कस्टम सीएसएस प्रॉपर्टी की वैल्यू
• सोर्स में सुधार
• सीएसएस सिंटैक्स हाइलाइट करना
• शर्त के हिसाब से ब्रेकपॉइंट सेट करने का शॉर्टकट
• ऐप्लिकेशन > बाउंस ट्रैकिंग पर लागू होने वाली पाबंदियां
• Lighthouse 10.2.0
• डिफ़ॉल्ट रूप से कॉन्टेंट स्क्रिप्ट को अनदेखा करना
• नेटवर्क > रिस्पॉन्स में सुधार
• अन्य हाइलाइट

Chrome 114

• WebAssembly को डीबग करने में सहायता
• Wasm ऐप्लिकेशन में, चरणों के व्यवहार को बेहतर बनाया गया है
• एलिमेंट पैनल और समस्याएं टैब का इस्तेमाल करके, अपने-आप जानकारी भरने की सुविधा को डीबग करना
• Recorder में एसर्टमेंट
• Lighthouse 10.1.1
• परफ़ॉर्मेंस को बेहतर बनाना
• performance.mark(), परफ़ॉर्मेंस > समय में कर्सर घुमाने पर लगने वाला समय दिखाता है
• profile() कमांड से परफ़ॉर्मेंस > मुख्य जानकारी अपने-आप भर जाती है
• धीमे उपयोगकर्ता इंटरैक्शन के लिए चेतावनी
• वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी से जुड़े अपडेट
• JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रक्रिया: तीसरा चरण
• अन्य खास बातें

Chrome 113

• नेटवर्क रिस्पॉन्स हेडर बदलना
• Nuxt, Vite, और रोलअप टूल को डीबग करने से जुड़े सुधार
• एलिमेंट > स्टाइल में सीएसएस से जुड़े सुधार
• अमान्य सीएसएस प्रॉपर्टी और वैल्यू
• ऐनिमेशन शॉर्टहैंड प्रॉपर्टी में मुख्य फ़्रेम के लिंक
• Console की नई सेटिंग: Enter दबाने पर ऑटोकंप्लीट की सुविधा
• कमांड मेन्यू में, आपके बनाए गए दस्तावेज़ों पर ज़ोर दिया जाता है
• JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रक्रिया: दूसरा चरण
• अन्य हाइलाइट

Chrome 112

• रिकॉर्डर से जुड़े अपडेट
• रिकॉर्डर के रीप्ले एक्सटेंशन
• पियर्स सिलेक्टर की मदद से रिकॉर्ड करना
• Lighthouse के विश्लेषण के साथ, रिकॉर्डिंग को Puppeteer स्क्रिप्ट के तौर पर एक्सपोर्ट करना
• Recorder के लिए एक्सटेंशन पाना
• एलिमेंट > स्टाइल अपडेट
• स्टाइल पैनल में सीएसएस दस्तावेज़
• सीएसएस नेस्टिंग की सुविधा
• कंसोल में लॉगपॉइंट और शर्त के साथ ब्रेकपॉइंट मार्क करना
• डीबग करने के दौरान, काम की नहीं स्क्रिप्ट को अनदेखा करना
• JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रोसेस शुरू हो गई है
• कम किए गए कंट्रास्ट को एम्युलेट करना
• Lighthouse 10
• अन्य हाइलाइट

Chrome 111

• स्टाइल पैनल की मदद से, एचडी कलर की गड़बड़ी को डीबग करना
• बेहतर ब्रेकपॉइंट यूएक्स
• रिकॉर्डर के लिए पसंद के मुताबिक शॉर्टकट
• Angular के लिए बेहतर सिंटैक्स हाइलाइट
• ऐप्लिकेशन पैनल में कैश मेमोरी को फिर से व्यवस्थित करना
• अन्य हाइलाइट

Chrome 110

• फिर से लोड करने पर परफ़ॉर्मेंस पैनल हटाना
• Recorder से जुड़े अपडेट
• Recorder में अपने यूज़र फ़्लो का कोड देखना और हाइलाइट करना
• रिकॉर्डिंग के लिए सिलेक्टर के टाइप को पसंद के मुताबिक बनाना
• रिकॉर्डिंग के दौरान यूज़र फ़्लो में बदलाव करना
• अपने-आप इन-प्लेस प्रिटी प्रिंट की सुविधा
• Vue, SCSS वगैरह के लिए बेहतर सिंटैक्स हाइलाइट और इनलाइन झलक
• कंसोल में, सामान्य और एक जैसा ऑटोकंप्लीट की सुविधा
• अन्य खास बातें

Chrome 109

• रिकॉर्डर: चरणों के विकल्पों के तौर पर कॉपी करें, पेज पर फिर से चलाएं, चरण के कॉन्टेक्स्ट मेन्यू
• परफ़ॉर्मेंस की रिकॉर्डिंग में फ़ंक्शन के असल नाम दिखाना
• कंसोल और सोर्स पैनल में कीबोर्ड के नए शॉर्टकट
• JavaScript को बेहतर तरीके से डीबग करना
• अन्य हाइलाइट
• [प्रयोग के तौर पर] ब्रेकपॉइंट मैनेज करने के लिए बेहतर उपयोगकर्ता अनुभव
• [एक्सपेरिमेंट के तौर पर] अपने-आप तैयार होने वाले प्रिटी प्रिंट

Chrome 108

• इनऐक्टिव सीएसएस प्रॉपर्टी के लिए सलाह
• रिकॉर्डर पैनल में XPath और टेक्स्ट सिलेक्टर का अपने-आप पता चलना
• कॉमा लगाकर अलग किए गए एक्सप्रेशन को सिलसिलेवार तरीके से देखना
• अनदेखे करने की सूची की बेहतर सेटिंग
• अन्य हाइलाइट

Chrome 107

• DevTools में कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाएं
• कीबोर्ड शॉर्टकट का इस्तेमाल करके, हल्के और गहरे रंग वाली थीम के बीच टॉगल करना
• मेमोरी इंस्पेक्टर में C/C++ ऑब्जेक्ट हाइलाइट करना
• HAR इंपोर्ट के लिए, इंटिग्रेशन शुरू करने वाले व्यक्ति की पूरी जानकारी देने की सुविधा
• Enter दबाने के बाद, DOM खोज शुरू करना
• align-content सीएसएस फ़्लेक्सबॉक्स प्रॉपर्टी के लिए start और end आइकॉन दिखाएं
• अन्य हाइलाइट

Chrome 106

• सोर्स पैनल में, 'लिखे गए / डिप्लॉय किए गए' के हिसाब से फ़ाइलों का ग्रुप बनाना
• एसिंक्रोनस कार्रवाइयों के लिए लिंक किए गए स्टैक ट्रेस
• तीसरे पक्ष की जानी-पहचानी स्क्रिप्ट को अपने-आप अनदेखा करना
• डीबग करने के दौरान कॉल स्टैक को बेहतर बनाया गया
• सोर्स पैनल में, 'अनदेखा करें' की सूची में शामिल सोर्स छिपाना
• Command मेन्यू में अनदेखा करने के लिए सूची में दी गई फ़ाइलों को छिपाना
• परफ़ॉर्मेंस पैनल में नया इंटरैक्शन ट्रैक
• परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल में, एलसीपी के समय का ब्रेकडाउन
• Recorder पैनल में रिकॉर्डिंग के लिए, डिफ़ॉल्ट नाम अपने-आप जनरेट होना
• अन्य हाइलाइट

Chrome 105

• Recorder में सिलसिलेवार तरीके से रिकॉर्डिंग को फिर से चलाना
• Recorder पैनल में, माउस-ओवर इवेंट की सुविधा देता है
• परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल में सबसे बड़े एलिमेंट को रेंडर करने में लगने वाला समय (एलसीपी)
• लेआउट में बदलाव की संभावित मुख्य वजहों के तौर पर, टेक्स्ट के फ़्लैश (FOIT, FOUT) की पहचान करना
• मेनिफ़ेस्ट पैनल में प्रोटोकॉल हैंडलर
• एलिमेंट पैनल में टॉप लेयर का बैज
• रनटाइम के दौरान, Wasm को डीबग करने से जुड़ी जानकारी अटैच करना
• डीबग करने के दौरान लाइव बदलाव करने की सुविधा
• स्टाइल पैनल में, @scope at नियमों को देखना और उनमें बदलाव करना
• सोर्स मैप में किए गए सुधार
• अन्य हाइलाइट

Chrome 104

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

Chrome 103

• Recorder पैनल में, दो बार क्लिक और राइट क्लिक करने पर होने वाले इवेंट कैप्चर करना
• Lighthouse पैनल में नया टाइमस्पैन और स्नैपशॉट मोड
• परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल में, ज़ूम कंट्रोल को बेहतर बनाया गया है
• परफ़ॉर्मेंस रिकॉर्डिंग मिटाने की पुष्टि करना
• एलिमेंट पैनल में पैनल का क्रम बदलना
• ब्राउज़र के बाहर से रंग चुनना
• डीबग करने के दौरान, इनलाइन वैल्यू की बेहतर झलक
• वर्चुअल ऑथेंटिकेटर के लिए बड़े ब्लॉब का इस्तेमाल करना
• सोर्स पैनल में नए कीबोर्ड शॉर्टकट
• सोर्स मैप में किए गए सुधार

Chrome 102

• झलक देखने की सुविधा: परफ़ॉर्मेंस की अहम जानकारी देने वाला नया पैनल
• हल्के और गहरे रंग वाली थीम को एम्युलेट करने के लिए नए शॉर्टकट
• नेटवर्क की झलक दिखाने वाले टैब पर बेहतर सुरक्षा
• ब्रेकपॉइंट पर बेहतर तरीके से फिर से लोड करना
• कंसोल के बारे में अपडेट
• शुरुआत में ही यूज़र फ़्लो रिकॉर्डिंग रद्द करें
• स्टाइल पैनल में, इनहेरिट किए गए हाइलाइट वाले स्यूडो-एलिमेंट दिखाना
• अन्य हाइलाइट
• [प्रयोग के तौर पर उपलब्ध] सीएसएस में किए गए बदलावों को कॉपी करना
• [प्रयोग के तौर पर] ब्राउज़र के बाहर रंग चुनना

Chrome 101

• रिकॉर्ड किए गए उपयोगकर्ता फ़्लो को JSON फ़ाइल के तौर पर इंपोर्ट और एक्सपोर्ट करना
• स्टाइल पैनल में कैस्केड लेयर देखना
• hwb() कलर फ़ंक्शन के लिए सहायता
• निजी प्रॉपर्टी के डिसप्ले को बेहतर बनाया गया
• अन्य हाइलाइट
• [प्रयोग के तौर पर उपलब्ध] लाइटहाउस पैनल में नया टाइमस्पैन और स्नैपशॉट मोड

Chrome 100

• स्टाइल पैनल के नियमों में, @supports देखना और उनमें बदलाव करना
• डिफ़ॉल्ट रूप से सामान्य सिलेक्टर का इस्तेमाल करना
• रिकॉर्डिंग चुनने वाले टूल को अपनी पसंद के मुताबिक बनाना
• रिकॉर्डिंग का नाम बदलना
• क्लास/फ़ंक्शन प्रॉपर्टी पर कर्सर घुमाने पर उनकी झलक देखना
• परफ़ॉर्मेंस पैनल में, कुछ हद तक दिखाए गए फ़्रेम
• अन्य हाइलाइट

Chrome 99

• WebSocket अनुरोधों को कम करना
• ऐप्लिकेशन पैनल में नया Reporting API पैनल
• रिकॉर्डर पैनल में एलिमेंट दिखने/उस पर क्लिक करने लायक होने तक इंतज़ार करें
• कंसोल की स्टाइल, फ़ॉर्मैटिंग, और फ़िल्टर करने की सुविधा को बेहतर बनाया गया है
• सोर्स मैप फ़ाइलों की मदद से Chrome एक्सटेंशन को डीबग करना
• सोर्स पैनल में, सोर्स फ़ोल्डर ट्री को बेहतर बनाया गया
• सोर्स पैनल में वर्कर्स की सोर्स फ़ाइलें दिखाना
• Chrome पर गहरे रंग वाली थीम अपने-आप चालू होने की सुविधा से जुड़े अपडेट
• टच-फ़्रेंडली कलर-पिकर और स्प्लिट पैनल
• अन्य हाइलाइट

Chrome 98

• झलक दिखाने वाली सुविधा: पूरे पेज का सुलभता ट्री
• 'बदलाव' टैब में ज़्यादा सटीक बदलाव
• यूज़र फ़्लो रिकॉर्डिंग के लिए, ज़्यादा देर तक टाइम आउट सेट करना
• पक्का करें कि आपके पेजों को बैक/फ़ॉरवर्ड कैश मेमोरी टैब की मदद से कैश मेमोरी में सेव किया जा सकता हो
• नया प्रॉपर्टी पैनल फ़िल्टर
• सीएसएस के फ़ोर्स किए गए कलर की मीडिया सुविधा को लागू करना
• 'कर्सर घुमाने पर रूलर दिखाएं' कमांड
• फ़्लेक्सबॉक्स एडिटर में row-reverse और column-reverse का इस्तेमाल करना
• XHR को फिर से चलाने और खोज के सभी नतीजों को बड़ा करने के लिए, नए कीबोर्ड शॉर्टकट
• Lighthouse पैनल में Lighthouse 9
• सोर्स पैनल को बेहतर बनाया गया है
• अन्य खास बातें
• [प्रयोग के लिए] Reporting API पैनल में एंडपॉइंट

Chrome 97

• झलक देखने की सुविधा: नया रिकॉर्डर पैनल
• डिवाइस मोड में डिवाइस की सूची रीफ़्रेश करना
• 'एचटीएमएल के तौर पर बदलाव करें' सुविधा की मदद से ऑटोकंप्लीट की सुविधा
• कोड डीबग करने का बेहतर अनुभव
• सभी डिवाइसों पर DevTools की सेटिंग सिंक करना

Chrome 96

• झलक देखने की सुविधा: सीएसएस की खास जानकारी वाला नया पैनल
• सीएसएस की लंबाई में बदलाव करने और उसे कॉपी करने की सुविधा को वापस लाया गया और बेहतर बनाया गया
• सीएसएस को प्राथमिकता देने वाली मीडिया सुविधा को फिर से इस्तेमाल करना
• Chrome की गहरे रंग वाली थीम की सुविधा को एम्युलेट करना
• स्टाइल पैनल में, एलान को JavaScript के तौर पर कॉपी करना
• नेटवर्क पैनल में नया पेलोड टैब
• प्रॉपर्टी पैनल में प्रॉपर्टी के डिसप्ले को बेहतर बनाया गया है
• कंसोल में सीओआरएस से जुड़ी गड़बड़ियों को छिपाने का विकल्प
• Console में Intl ऑब्जेक्ट की सही झलक और उसका आकलन
• एक साथ काम नहीं करने वाले स्टैक ट्रेस
• कंसोल साइडबार को बनाए रखना
• ऐप्लिकेशन पैनल में, ऐप्लिकेशन की कैश मेमोरी का पैनल अब काम नहीं करता
• [प्रयोग के तौर पर] ऐप्लिकेशन पैनल में नया Reporting API पैनल

Chrome 95

• सीएसएस की लंबाई तय करने वाले नए टूल
• समस्याओं वाले टैब में समस्याएं छिपाना
• प्रॉपर्टी के डिसप्ले को बेहतर बनाया गया
• Lighthouse पैनल में Lighthouse 8.4
• सोर्स पैनल में स्निपेट को क्रम से लगाना
• अनुवाद की गई रिलीज़ नोट के नए लिंक और अनुवाद से जुड़ी गड़बड़ी की शिकायत करना
• DevTools के कमांड मेन्यू के लिए बेहतर यूज़र इंटरफ़ेस (यूआई)

Chrome 94

• DevTools को अपनी पसंदीदा भाषा में इस्तेमाल करना
• डिवाइसों की सूची में नए Nest Hub डिवाइसों की जानकारी
• फ़्रेम की जानकारी वाले व्यू में ऑरिजिन ट्रायल
• सीएसएस कंटेनर क्वेरी का नया बैज
• नेटवर्क फ़िल्टर को उलटने के लिए नया चेकबॉक्स
• कंसोल साइडबार की सुविधा बंद होने वाली है
• समस्या टैब और नेटवर्क पैनल में, रॉ Set-Cookies हेडर दिखाना
• Console में, नेटिव ऐक्सेसर को अपनी प्रॉपर्टी के तौर पर लगातार दिखाना
• #sourceURL के साथ इनलाइन स्क्रिप्ट के लिए, गड़बड़ी के सही स्टैक ट्रेस
• 'कंप्यूट किया गया' पैनल में रंग का फ़ॉर्मैट बदलना
• कस्टम टूलटिप को नेटिव एचटीएमएल टूलटिप से बदलना
• [प्रयोग के तौर पर उपलब्ध] 'समस्याएं' टैब में समस्याएं छिपाना

Chrome 93

• स्टाइल पैनल में सीएसएस कंटेनर की क्वेरी में बदलाव किया जा सकता है
• नेटवर्क पैनल में वेब बंडल की झलक
• Attribution Reporting API को डीबग करना
• Console में स्ट्रिंग को बेहतर तरीके से मैनेज करना
• सीओआरएस डीबग करने की बेहतर सुविधा
• Lighthouse 8.1
• मेनिफ़ेस्ट पैनल में मौजूद नए नोट का यूआरएल
• सीएसएस मैचिंग सिलेक्टर ठीक किए गए
• नेटवर्क पैनल में JSON रिस्पॉन्स को प्रीटी-प्रिंट करना

Chrome 92

• सीएसएस ग्रिड एडिटर
• कंसोल में const के बारे में फिर से एलान करना
• सोर्स ऑर्डर व्यूअर
• फ़्रेम की जानकारी देखने के लिए नया शॉर्टकट
• सीओआरएस डीबग करने के लिए बेहतर सहायता
• XHR लेबल का नाम बदलकर फ़ेच/XHR करना
• नेटवर्क पैनल में, Wasm संसाधन टाइप को फ़िल्टर करना
• नेटवर्क की स्थितियां टैब में, डिवाइसों के लिए यूज़र-एजेंट क्लाइंट हिंट
• 'अनोखी समस्याओं के लिए मोड' से जुड़ी समस्याओं की शिकायत, 'समस्याएं' टैब में करना
• परफ़ॉर्मेंस पैनल में इंटरसेक्शन कैलकुलेट करने की सुविधा शामिल करना
• Lighthouse पैनल में Lighthouse 7.5
• कॉल स्टैक में "फ़्रेम को फिर से शुरू करें" संदर्भ मेन्यू को बंद कर दिया गया है
• [एक्सपेरिमेंटल] प्रोटोकॉल मॉनिटर
• [एक्सपेरिमेंट के तौर पर] कठपुतली का रिकॉर्डर

Chrome 91

• वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाला पॉप-अप
• नया मेमोरी इंस्पेक्टर
• सीएसएस स्क्रोल-स्नैप को विज़ुअलाइज़ करना
• बैज की सेटिंग का नया पैनल
• आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) की जानकारी के साथ, इमेज की बेहतर झलक
• Content-Encoding को कॉन्फ़िगर करने के विकल्पों के साथ, नेटवर्क की नई शर्तों का बटन
• कंप्यूट की गई वैल्यू देखने का शॉर्टकट
• accent-color कीवर्ड
• रंगों और आइकॉन की मदद से, समस्याओं के टाइप को कैटगरी में बांटना
• ट्रस्ट टोकन मिटाना
• फ़्रेम की ज़्यादा जानकारी वाले व्यू में ब्लॉक की गई सुविधाएं
• एक्सपेरिमेंट सेटिंग में एक्सपेरिमेंट फ़िल्टर करना
• कैश मेमोरी स्टोरेज पैनल में नया Vary Header कॉलम
• निजी ब्रैंड की जांच के लिए JavaScript का इस्तेमाल करना
• ब्रेकपॉइंट डीबग करने के लिए बेहतर सहायता
• [] नोटेशन के साथ कर्सर घुमाने पर झलक दिखाने की सुविधा
• एचटीएमएल फ़ाइलों की बेहतर आउटलाइन
• Wasm डीबग करने के लिए गड़बड़ी के सही स्टैक ट्रेस

Chrome 90

• सीएसएस फ़्लेक्सबॉक्स डीबग करने वाले नए टूल
• वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का नया ओवरले
• समस्या की संख्या को Console के स्टेटस बार में ले जाया गया
• भरोसेमंद वेब गतिविधि से जुड़ी समस्याओं की शिकायत करना
• Console में, स्ट्रिंग को (मान्य) JavaScript स्ट्रिंग की लिटरल वैल्यू के तौर पर फ़ॉर्मैट करना
• ऐप्लिकेशन पैनल में ट्रस्ट टोकन का नया पैनल
• सीएसएस मीडिया फ़ीचर color-gamut को एम्युलेट करना
• प्रोग्रेसिव वेब ऐप्लिकेशन टूल की बेहतर सुविधाएं
• नेटवर्क पैनल में नया Remote Address Space कॉलम
• परफ़ॉर्मेंस में सुधार
• फ़्रेम की ज़्यादा जानकारी वाले व्यू में, इस्तेमाल की अनुमति वाली/अनुमति नहीं वाली सुविधाएं दिखाना
• कुकी पैनल में नया SameParty कॉलम
• अब काम न करने वाला नॉन-स्टैंडर्ड fn.displayName सहायता
• सेटिंग मेन्यू में Don't show Chrome Data Saver warning का इस्तेमाल बंद करना
• [प्रयोग के तौर पर] 'समस्याएं' टैब में, कम कंट्रास्ट वाली समस्या की अपने-आप शिकायत करना
• [प्रयोग के तौर पर उपलब्ध] एलिमेंट पैनल में सुलभता ट्री व्यू का पूरा वर्शन

Chrome 89

• Trusted Type के उल्लंघनों को डीबग करने में सहायता
• व्यूपोर्ट से बाहर के नोड का स्क्रीनशॉट लेना
• नेटवर्क अनुरोधों के लिए नया ट्रस्ट टोकन टैब
• Lighthouse पैनल में Lighthouse 7
• सीएसएस :target स्टेटस को लागू करने के लिए सहायता
• डुप्लीकेट एलिमेंट बनाने के लिए नया शॉर्टकट
• पसंद के मुताबिक बनाई गई सीएसएस प्रॉपर्टी के लिए कलर पिकर
• सीएसएस प्रॉपर्टी कॉपी करने के लिए नए शॉर्टकट
• डिकोड किए गए यूआरएल वाली कुकी दिखाने का नया विकल्प
• सिर्फ़ दिखने वाली कुकी मिटाना
• स्टोरेज पैनल में तीसरे पक्ष की कुकी मिटाने का नया विकल्प
• कस्टम डिवाइसों के लिए, User-Agent Client Hints में बदलाव करना
• "नेटवर्क लॉग रिकॉर्ड करें" सेटिंग को सेव करना
• नेटवर्क पैनल में WebTransport कनेक्शन देखना
• "ऑनलाइन" का नाम बदलकर "कोई थ्रॉटलिंग नहीं" किया गया
• कंसोल, सोर्स पैनल, और स्टाइल पैनल में कॉपी करने के नए विकल्प
• फ़्रेम की जानकारी वाले व्यू में, नई सेवा वर्कर की जानकारी
• फ़्रेम की ज़्यादा जानकारी वाले व्यू में, मेमोरी की जानकारी मेज़र करना
• 'समस्याएं' टैब से सुझाव, शिकायत या राय देना
• परफ़ॉर्मेंस पैनल में ड्रॉप किए गए फ़्रेम
• डिवाइस मोड में, फ़ोल्ड किए जा सकने वाले और ड्यूअल स्क्रीन वाले डिवाइसों को एमुलेट करना
• [प्रयोग के तौर पर] Puppeteer Recorder की मदद से ब्राउज़र टेस्टिंग को ऑटोमेट करें
• [प्रयोग के तौर पर उपलब्ध] स्टाइल पैनल में फ़ॉन्ट एडिटर
• [प्रयोग के तौर पर उपलब्ध] सीएसएस फ़्लेक्सबॉक्स डीबग करने वाले टूल
• [प्रयोग के तौर पर उपलब्ध] सीएसपी के उल्लंघनों का नया टैब
• [प्रयोग के तौर पर उपलब्ध] रंग के कंट्रास्ट का नया हिसाब लगाने का तरीका - बेहतर परसेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए)

Chrome 88

• DevTools को तेज़ी से शुरू करना
• सीएसएस के नए ऐंगल विज़ुअलाइज़ेशन टूल
• इमेज के ऐसे टाइप को एमुलेट करना जो काम नहीं करते
• 'स्टोरेज' पैनल में स्टोरेज कोटा के साइज़ को सिम्युलेट करना
• परफ़ॉर्मेंस पैनल में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली नई लेन
• नेटवर्क पैनल में सीओआरएस से जुड़ी गड़बड़ियों की शिकायत करना
• फ़्रेम की ज़्यादा जानकारी वाले व्यू में, क्रॉस-ऑरिजिन आइसोलेशन की जानकारी
• फ़्रेम की जानकारी वाले व्यू में, वेब वर्कर्स की नई जानकारी
• खुली हुई विंडो के लिए, ओपनर फ़्रेम की जानकारी दिखाना
• Service Workers पैनल से नेटवर्क पैनल खोलना
• प्रॉपर्टी वैल्यू कॉपी करना
• नेटवर्क शुरू करने वाले के लिए स्टैक ट्रेस कॉपी करना
• माउस घुमाने पर, Wasm वैरिएबल की वैल्यू की झलक देखना
• कंसोल में Wasm वैरिएबल का आकलन करना
• फ़ाइल/मेमोरी के साइज़ के लिए मेज़रमेंट की एक जैसी यूनिट
• एलिमेंट पैनल में स्यूडो एलिमेंट हाइलाइट करना
• [प्रयोग के तौर पर] सीएसएस फ़्लेक्सबॉक्स डीबग करने वाले टूल
• [प्रयोग के तौर पर उपलब्ध] पसंद के मुताबिक, कोर्ड के लिए कीबोर्ड शॉर्टकट तय करना

Chrome 87

• सीएसएस ग्रिड को डीबग करने वाले नए टूल
• नया WebAuthn टैब
• टूल को सबसे ऊपर और सबसे नीचे वाले पैनल के बीच ले जाना
• स्टाइल पैनल में नया कंप्यूटेड साइडबार पैनल
• कंप्यूट किए गए पैनल में सीएसएस प्रॉपर्टी को ग्रुप करना
• Lighthouse पैनल में Lighthouse 6.3
• टाइमिंग सेक्शन में performance.mark() इवेंट
• नेटवर्क पैनल में नए resource-type और url फ़िल्टर
• फ़्रेम की ज़्यादा जानकारी वाले सेक्शन में अपडेट
• ज़्यादा टूल मेन्यू में Settings का बंद होना
• [प्रयोग के तौर पर उपलब्ध] सीएसएस की खास जानकारी वाले पैनल में, कलर कंट्रास्ट से जुड़ी समस्याएं देखना और उन्हें ठीक करना
• [प्रयोग के तौर पर उपलब्ध] DevTools में पसंद के मुताबिक कीबोर्ड शॉर्टकट बनाना

Chrome 86

• नया मीडिया पैनल
• एलिमेंट पैनल के कॉन्टेक्स्ट मेन्यू का इस्तेमाल करके नोड के स्क्रीनशॉट कैप्चर करना
• समस्याओं वाले टैब से जुड़े अपडेट
• ऐसे स्थानीय फ़ॉन्ट जोड़ना जो उपलब्ध नहीं हैं
• निष्क्रिय उपयोगकर्ताओं को एमुलेट करना
• prefers-reduced-data को एमुलेट करना
• JavaScript की नई सुविधाओं के लिए सहायता
• Lighthouse पैनल में Lighthouse 6.2
• सर्विस वर्कर पैनल में "अन्य ऑरिजिन" सूची को बंद करना
• फ़िल्टर किए गए आइटम के लिए कवरेज की खास जानकारी दिखाना
• ऐप्लिकेशन पैनल में फ़्रेम की जानकारी का नया व्यू
• स्टाइल पैनल में, सुलभ रंग का सुझाव
• एलिमेंट पैनल में प्रॉपर्टी पैनल को पहले जैसा करना
• नेटवर्क पैनल में X-Client-Data हेडर वैल्यू को लोग आसानी से पढ़ सकते हैं
• स्टाइल पैनल में कस्टम फ़ॉन्ट के अपने-आप पूरे होने की सुविधा
• नेटवर्क पैनल में संसाधन टाइप को लगातार दिखाना
• एलिमेंट और नेटवर्क पैनल में मौजूद बटन मिटाना

Chrome 85

• सीएसएस-इन-जेएस फ़्रेमवर्क के लिए स्टाइल में बदलाव
• Lighthouse पैनल में Lighthouse 6
• फ़र्स्ट मीनिंगफ़ुल पेंट (एफ़एमपी) की सुविधा बंद होना
• JavaScript की नई सुविधाओं के लिए सहायता
• मेनिफ़ेस्ट पैनल में, ऐप्लिकेशन के शॉर्टकट से जुड़ी नई चेतावनियां
• टाइमिंग टैब में, सेवा वर्कर respondWith इवेंट
• कंप्यूट किए गए पैनल का लगातार दिखना
• WebAssembly फ़ाइलों के लिए बाइटकोड ऑफ़सेट
• सोर्स पैनल में लाइन-वाइज़ कॉपी और काटना
• कंसोल की सेटिंग से जुड़े अपडेट
• परफ़ॉर्मेंस पैनल से जुड़े अपडेट
• ब्रेकपॉइंट, शर्त के हिसाब से ब्रेकपॉइंट, और लॉगपॉइंट के लिए नए आइकॉन

Chrome 84

• 'समस्याओं' वाले नए टैब में, साइट की समस्याएं ठीक करना
• 'जांच करें' मोड के टूलटिप में, सुलभता की जानकारी देखना
• परफ़ॉर्मेंस पैनल से जुड़े अपडेट
• Console में, वादे से जुड़ी ज़्यादा सटीक शब्दावली
• स्टाइल पैनल से जुड़े अपडेट
• एलिमेंट पैनल में प्रॉपर्टी पैनल का बंद होना
• मेनिफ़ेस्ट पैनल में ऐप्लिकेशन शॉर्टकट की सुविधा

Chrome 83

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

Chrome 82

Chrome 82 को रिलीज़ करने की योजना रद्द कर दी गई है.

Chrome 81

• डिवाइस मोड में Moto G4 के लिए सहायता
• कुकी से जुड़े अपडेट
• वेब ऐप्लिकेशन के मेनिफ़ेस्ट के ज़्यादा सटीक आइकॉन
• एस्केप न की गई वैल्यू देखने के लिए, सीएसएस content प्रॉपर्टी पर कर्सर घुमाएं
• कंसोल में सोर्स मैप से जुड़ी गड़बड़ियां
• फ़ाइल के आखिर में स्क्रोल करने की सुविधा बंद करने की सेटिंग

Chrome 80

• कंसोल में let और class से जुड़े एलानों के लिए सहायता
• WebAssembly को बेहतर तरीके से डीबग करना
• इनिशिएटर टैब में, इनिशिएटर चेन का अनुरोध करें
• चुने गए नेटवर्क अनुरोध को खास जानकारी वाले सेक्शन में हाइलाइट करें
• नेटवर्क पैनल में यूआरएल और पाथ कॉलम
• अपडेट की गई उपयोगकर्ता-एजेंट स्ट्रिंग
• नया ऑडिट पैनल कॉन्फ़िगरेशन यूज़र इंटरफ़ेस (यूआई)
• हर फ़ंक्शन या हर ब्लॉक के लिए कोड कवरेज मोड
• कोड कवरेज को अब पेज को फिर से लोड करके शुरू करना होगा

Chrome 79

• यह डीबग करना कि कुकी को ब्लॉक क्यों किया गया
• कुकी वैल्यू देखना
• prefers-color-scheme और prefers-reduced-motion की अलग-अलग प्राथमिकताओं को सिम्युलेट करना
• कोड कवरेज से जुड़े अपडेट
• डीबग करें कि नेटवर्क के संसाधन का अनुरोध क्यों किया गया
• कंसोल और सोर्स पैनल, इंडेंटेशन की सेटिंग का फिर से पालन कर रहे हैं
• कर्सर नेविगेशन के लिए नए शॉर्टकट

Chrome 78

• ऑडिट पैनल में एक से ज़्यादा क्लाइंट के लिए सहायता
• पेमेंट हैंडलर की डीबगिंग
• ऑडिट पैनल में लाइटहाउस 5.2
• परफ़ॉर्मेंस पैनल में सबसे बड़े कॉन्टेंटफ़ुल पेंट की जानकारी
• मुख्य मेन्यू से DevTools से जुड़ी समस्याओं की शिकायत करना

Chrome 77

• एलिमेंट के स्टाइल कॉपी करना
• लेआउट में हुए बदलावों को विज़ुअलाइज़ करना
• ऑडिट पैनल में लाइटहाउस 5.1
• ओएस की थीम सिंक करना
• ब्रेकपॉइंट एडिटर खोलने के लिए कीबोर्ड शॉर्टकट
• नेटवर्क पैनल में प्रीफ़ेच कैश मेमोरी
• ऑब्जेक्ट देखते समय निजी प्रॉपर्टी
• ऐप्लिकेशन पैनल में सूचनाएं और पुश मैसेज

Chrome 76

• सीएसएस वैल्यू की मदद से ऑटोकंप्लीट करना
• नेटवर्क सेटिंग के लिए नया यूज़र इंटरफ़ेस (यूआई)
• HAR एक्सपोर्ट में WebSocket मैसेज
• HAR इंपोर्ट और एक्सपोर्ट बटन
• रीयल-टाइम में मेमोरी का इस्तेमाल
• सर्विस वर्कर के रजिस्ट्रेशन पोर्ट नंबर
• बैकग्राउंड फ़ेच और बैकग्राउंड सिंक इवेंट की जांच करना
• Firefox के लिए Puppeteer

Chrome 75

• सीएसएस फ़ंक्शन अपने-आप पूरा होने पर, काम के प्रीसेट
• Command मेन्यू में जाकर साइट डेटा मिटाना
• IndexedDB के सभी डेटाबेस देखना
• हॉवर करने पर, किसी रिसॉर्स का अनकंप्रेस किया गया साइज़ देखना
• ब्रेकपॉइंट पैनल में इन-लाइन ब्रेकपॉइंट
• IndexedDB और कैश मेमोरी में सेव किए गए रिसॉर्स की संख्या
• ज़्यादा जानकारी वाला 'जांच करें' टूलटिप बंद करने की सेटिंग
• Editor में टैब इंडेंटेशन को टॉगल करने की सेटिंग

Chrome 74

• सीएसएस प्रॉपर्टी से प्रभावित सभी नोड को हाइलाइट करना
• ऑडिट पैनल में Lighthouse v4
• WebSocket बाइनरी मैसेज व्यूअर
• कमांड मेन्यू में जाकर, किसी हिस्से का स्क्रीनशॉट लेना
• नेटवर्क पैनल में, सेवा वर्कर के फ़िल्टर
• परफ़ॉर्मेंस पैनल से जुड़े अपडेट
• परफ़ॉर्मेंस पैनल की रिकॉर्डिंग में लंबे टास्क
• 'समय' सेक्शन में फ़र्स्ट पेंट
• बोनस टिप: आरजीबी और एचएसएल कलर कोड देखने के लिए शॉर्टकट (वीडियो)

Chrome 73

• Logpoints
• जांच मोड में ज़्यादा जानकारी वाले टूलटिप
• कोड कवरेज का डेटा एक्सपोर्ट करना
• कीबोर्ड की मदद से Console पर नेविगेट करना
• कलर पिकर में AAA कंट्रास्ट रेशियो वाली लाइन
• जियोलोकेशन की जानकारी को कस्टमाइज़ करके सेव करना
• कोड फ़ोल्डिंग
• फ़्रेम टैब का नाम बदलकर मैसेज टैब कर दिया गया है
• बोनस सलाह: प्रॉपर्टी के हिसाब से नेटवर्क पैनल को फ़िल्टर करना (वीडियो)

Chrome 72

• परफ़ॉर्मेंस पैनल में परफ़ॉर्मेंस मेट्रिक को विज़ुअलाइज़ करना
• डीओएम ट्री में टेक्स्ट नोड हाइलाइट करना
• किसी DOM नोड में JS पाथ कॉपी करें
• ऑडिट पैनल के अपडेट. इनमें एक नया ऑडिट शामिल है, जो कमांड मेन्यू से ऑडिट पैनल को ऐक्सेस करने के लिए, JS लाइब्रेरी और नए कीवर्ड का पता लगाता है
• बोनस सलाह: मीडिया क्वेरी की जांच करने के लिए, डिवाइस मोड का इस्तेमाल करना (वीडियो)

Chrome 71

• डीओएम नोड को हाइलाइट करने के लिए, लाइव एक्सप्रेशन के नतीजे पर कर्सर घुमाएं
• डीओएम नोड को ग्लोबल वैरिएबल के तौर पर सेव करना
• HAR इंपोर्ट और एक्सपोर्ट में अब शुरुआत करने वाली और प्राथमिकता की जानकारी शामिल है
• मुख्य मेन्यू से कमांड मेन्यू को ऐक्सेस करना
• पिक्चर में पिक्चर ब्रेकपॉइंट
• बोनस सलाह: कंसोल में किसी नोड के ट्रिगर हुए इवेंट को लॉग करने के लिए, monitorEvents() का इस्तेमाल करें (वीडियो)

Chrome 70

• Console में लाइव एक्सप्रेशन
• तुरंत जांच के दौरान डीओएम नोड हाइलाइट करना
• परफ़ॉर्मेंस पैनल को ऑप्टिमाइज़ करना
• ज़्यादा भरोसेमंद डीबगिंग
• कमांड मेन्यू से नेटवर्क थ्रॉटलिंग की सुविधा चालू करना
• शर्त के हिसाब से ब्रेकपॉइंट अपने-आप भरना
• AudioContext इवेंट पर ब्रेक
• ndb की मदद से Node.js ऐप्लिकेशन डीबग करना
• बोनस सलाह: User Timing API की मदद से, असल दुनिया में उपयोगकर्ता के इंटरैक्शन को मेज़र करना

Chrome 68

• Eager Evaluation
• आर्ग्युमेंट के लिए सुझाव
• फ़ंक्शन अपने-आप पूरा होना
• ES2017 के कीवर्ड
• ऑडिट पैनल में लाइटहाउस 3.0
• BigInt के साथ काम करना
• वॉच पैनल में प्रॉपर्टी पाथ जोड़ना
• "टाइमस्टैंप दिखाएं" सेटिंग में बदला गया
• बोनस सलाह: Play Console के ऐसे तरीके जिनके बारे में कम लोग जानते हैं (वीडियो)

Chrome 67

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

Chrome 66

• नेटवर्क पैनल में ब्लैकबॉक्स करना
• डिवाइस मोड में ज़ूम लेवल अपने-आप अडजस्ट होना
• झलक और रिस्पॉन्स टैब में प्रिटी-प्रिंटिंग
• झलक टैब में एचटीएमएल कॉन्टेंट की झलक देखना
• एचटीएमएल में मौजूद स्टाइल के लिए, स्थानीय बदलाव करने की सुविधा
• बोनस सलाह: इवेंट लिसनर ब्रेकपॉइंट को ज़्यादा काम का बनाने के लिए, ब्लैकबॉक्स फ़्रेमवर्क स्क्रिप्ट

Chrome 65

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

Chrome 64

• परफ़ॉर्मेंस मॉनिटर
• कंसोल साइडबार
• Console में मिलते-जुलते मैसेज का ग्रुप बनाना
• बोनस के लिए सलाह: pseudo-class पर कर्सर टॉगल करें (वीडियो)

Chrome 63

• एक से ज़्यादा क्लाइंट के लिए रिमोट डीबगिंग की सुविधा
• Workspaces 2.0
• चार नए ऑडिट
• कस्टम डेटा वाले पुश नोटिफ़िकेशन को सिम्युलेट करना
• कस्टम टैग से बैकग्राउंड सिंक वाले इवेंट ट्रिगर करना
• बोनस टिप: इवेंट लिसनर ब्रेकपॉइंट (वीडियो)

Chrome 62

• Console में टॉप-लेवल पर इंतज़ार करना
• स्क्रीनशॉट लेने के नए वर्कफ़्लो
• सीएसएस ग्रिड को हाइलाइट करना
• ऑब्जेक्ट के बारे में क्वेरी करने के लिए नया Console API
• नए कंसोल फ़िल्टर
• नेटवर्क पैनल में HAR इंपोर्ट
• कैश मेमोरी में सेव किए गए ऐसे रिसॉर्स जिनकी झलक देखी जा सकती है
• कैश मेमोरी को बेहतर तरीके से डीबग करना
• ब्लॉक-लेवल कोड कवरेज

Chrome 61

• मोबाइल डिवाइस की थ्रॉटलिंग का सिम्युलेशन
• देखें कि स्टोरेज का इस्तेमाल किस तरह किया गया है
• देखें कि सेवा वर्कर ने जवाब कब कैश मेमोरी में सेव किए
• कमांड मेन्यू से FPS मीटर चालू करना
• माउसव्हील को ज़ूम या स्क्रोल करने के लिए सेट करना
• ES6 मॉड्यूल के लिए सहायता डीबग करना

Chrome 60

• नया ऑडिट पैनल
• तीसरे पक्ष के बैज
• 'यहां जारी रखें' के लिए नया जेस्चर
• असाइनमेंट को एक साथ चलाने की सुविधा का इस्तेमाल करना
• Console में ऑब्जेक्ट की ज़्यादा जानकारी वाली झलकें
• Console में ज़्यादा जानकारी वाले कॉन्टेक्स्ट का विकल्प
• कवरेज टैब में रीयल-टाइम अपडेट
• नेटवर्क थ्रॉटलिंग के आसान विकल्प
• एक साथ काम नहीं करने वाले स्टैक डिफ़ॉल्ट रूप से चालू होते हैं

Chrome 59

• सीएसएस और JS कोड कवरेज
• पूरे पेज के स्क्रीनशॉट
• अनुरोध ब्लॉक करना
• async await को स्किप करना
• यूनिफ़ाइड कमांड मेन्यू