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

Sofia Emelianova

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

नेटवर्क पैनल में किए गए सुधार

वेब कॉन्टेंट को स्थानीय तौर पर ज़्यादा तेज़ी से बदलना

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

वेब कॉन्टेंट को बदलने के लिए, नेटवर्क पैनल खोलें. इसके बाद, किसी अनुरोध पर दायां क्लिक करें और कॉन्टेंट बदलें को चुनें.

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

बदलाव लागू करने के बाद, DevTools आपको सोर्स > बदलाव > एडिटर पर ले जाता है. यहां से, वेब कॉन्टेंट में बदलाव किया जा सकता है.

ध्यान दें कि बदले गए रिसॉर्स को नेटवर्क पैनल में से दिखाया जाता है. आइकॉन पर कर्सर घुमाकर यह देखें कि क्या बदल गया है.

Chromium से जुड़ी समस्याएं: 1465785, 1470532, 1469359.

एक्सएचआर और फ़ेच अनुरोधों के कॉन्टेंट को बदलना

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

फ़िलहाल, DevTools में इन तरह के अनुरोधों के लिए कॉन्टेंट बदलने की सुविधा काम करती है: इमेज (उदाहरण के लिए, avif, png), फ़ॉन्ट, फ़ेच और XHR, स्क्रिप्ट (सीएसएस और JS), और दस्तावेज़ (एचटीएमएल). DevTools अब काम न करने वाले टाइप के लिए, कॉन्टेंट बदलें विकल्प को धूसर कर देता है.

Chromium से जुड़ी समस्याएं: 792101, 1469776.

Chrome एक्सटेंशन के अनुरोध छिपाएं

नेटवर्क पैनल में एक नया फ़िल्टर जोड़ा गया है. इससे, आपको अपने लिखे गए कोड पर फ़ोकस करने और Chrome में इंस्टॉल किए गए एक्सटेंशन से भेजे गए ग़ैर-ज़रूरी अनुरोधों को फ़िल्टर करने में मदद मिलेगी.

chrome-extension:// यूआरएल पर भेजे गए सभी अनुरोधों को फ़िल्टर करने के लिए, एक्सटेंशन के यूआरएल छिपाएं को चुनें.

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

Chromium से जुड़ी समस्याएं: 1257885, 1458803.

एचटीटीपी स्टेटस कोड, जिन्हें कोई भी व्यक्ति आसानी से पढ़ सकता है

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

अनुरोध करने वाली टेबल में, स्टेटस कोड पर कर्सर घुमाकर भी उस टेक्स्ट को देखा जा सकता है.

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

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

application/[subtype]+json MIME सब-टाइप (उदाहरण के लिए, ld+json, hal+json वगैरह) वाले अनुरोध के लिए, जवाब टैब अब जवाब को सही तरीके से पार्स करता है और आपको उसे बेहतर बनाने की सुविधा देता है.

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

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

परफ़ॉर्मेंस पैनल अब नेटवर्क ट्रैक में किसी इवेंट की खास जानकारी में, सिर्फ़ एक प्राथमिकता के बजाय, दो प्राथमिकता फ़ील्ड दिखाता है: शुरुआती प्राथमिकता और (अंतिम) प्राथमिकता. इस अतिरिक्त फ़ील्ड की मदद से, अब यह देखा जा सकता है कि इवेंट को फ़ेच करने की प्राथमिकता में बदलाव हुआ है या नहीं. साथ ही, डाउनलोड के क्रम में बदलाव भी किया जा सकता है. ज़्यादा जानकारी के लिए, Fetch Priority API की मदद से, संसाधन लोड करने की प्रोसेस को ऑप्टिमाइज़ करना लेख पढ़ें.

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

Chromium से जुड़ी समस्याएं: 1463901, 1380964.

सोर्स की सेटिंग, डिफ़ॉल्ट रूप से चालू रहती हैं: कोड फ़ोल्डिंग और फ़ाइल अपने-आप दिखने की सुविधा

सेटिंग > प्राथमिकताएं > कोड फ़ोल्डिंग का विकल्प अब डिफ़ॉल्ट रूप से चालू है. इस विकल्प की मदद से, कोड ब्लॉक को फ़ोल्ड किया जा सकता है.

कोड ब्लॉक को फ़ोल्ड करने के लिए, ब्लॉक की शुरुआत के बगल में मौजूद लाइन नंबर पर कर्सर घुमाएं और छोटा करें आइकॉन पर क्लिक करें. ब्लॉक को फिर से बड़ा करने के लिए, {...} पर क्लिक करें.

इसके अलावा, सेटिंग > प्राथमिकताएं > फ़ाइलें साइडबार में अपने-आप दिखें सेटिंग अब डिफ़ॉल्ट रूप से चालू है.

इस सेटिंग की मदद से, टैब स्विच करने पर सोर्स > पेज में मौजूद फ़ाइल ट्री, एडिटर में खुली मौजूदा फ़ाइल को चुन लेता है.

Chromium से जुड़ी समस्याएं: 1459193, 1336599.

तीसरे पक्ष की कुकी से जुड़ी समस्याओं को डीबग करने की सुविधा को बेहतर बनाया गया

वेब को ज़्यादा निजी बनाने और दूसरे ब्राउज़र के अपडेट के साथ-साथ, Chrome ने Privacy Sandbox इनिशिएटिव को लॉन्च किया है. इस पहल से, वेब पर निजता को बेहतर बनाने में मदद मिलती है. साथ ही, विज्ञापनों के साथ काम करने वाले वेब को इस तरह से बनाए रखा जा सकता है कि तीसरे पक्ष की कुकी का इस्तेमाल बंद हो जाए. प्राइवसी सैंडबॉक्स को धीरे-धीरे बंद करने की टाइमलाइन तय की गई है, ताकि आप आसानी से बदलावों के साथ ढल सकें.

तीसरे पक्ष की कुकी के फ़ेज़आउट के बाद, Chrome के काम करने के तरीके की जांच पहले से की जा सकती है. ऐसा करने के लिए, --test-third-party-cookies-phaseout फ़्लैग के साथ कमांड लाइन से Chrome चलाएं. यह फ़्लैग क्या करता है, यह जानने के लिए कुकी डीबग करना लेख पढ़ें.

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

• आने वाले समय में, इस सुविधा को बंद किए जाने के बारे में चेतावनी.
• तीसरे पक्ष की कुकी से जुड़ी समस्याएं.

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

इसकी जांच करने के लिए, इस डेमो पेज पर कुकी की जांच करें.

इसके अलावा, नेटवर्क पैनल में ब्लॉक की गई रिस्पॉन्स कुकी फ़िल्टर को फिर से लिखा गया है, ताकि यह साफ़ तौर पर पता चल सके कि यह सिर्फ़ ब्लॉक की गई रिस्पॉन्स कुकी दिखाता है.

Chromium से जुड़ी समस्याएं: 1458839, 1462693, 1466310.

ऐप्लिकेशन पैनल में, ऐप्लिकेशन को पहले से लोड करने की सुविधा को डीबग करना

Chrome की टीम, आने वाले समय में उन पेजों को पहले से रेंडर करने की सुविधा को वापस ला रही है जिन पर उपयोगकर्ता जाने की संभावना है. इस गड़बड़ी को डीबग करने के लिए, DevTools ऐप्लिकेशन पैनल में पहले से लोड करने सेक्शन जोड़ता है. प्रीफ़ेच और प्री-रेंडरिंग की नई सुविधा, लिंक पर आधारित संसाधन के सुझावों के बजाय, अनुमान लगाने के नियमों वाले एपीआई का इस्तेमाल करती है. इसे "नेविगेशनल प्रीलोडिंग" भी कहा जाता है.

इस डेमो पेज पर, ऐप्लिकेशन > प्रीलोडिंग सेक्शन में जाकर, इनकी जांच की जा सकती है:

• अनुमान लगाने के नियम, जिनमें मौजूदा पेज पर मौजूद सभी नियमों के सेट की सूची होती है.
• प्रीलोड, जो नियम सेट से पहले से फ़ेच किए गए और पहले से रेंडर किए गए सभी यूआरएल की सूची दिखाता है.
• यह पेज, मौजूदा पेज के पहले से रेंडर किए गए स्टेटस की सूची दिखाता है.

ज़्यादा जानकारी के लिए, अनुमान लगाने से जुड़े नियमों को डीबग करने के बारे में खास पोस्ट देखें.

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

नए रंग

आपने शायद पहले ही देखा होगा कि DevTools को नया लुक दिया गया है, जो Chrome के साथ बेहतर तरीके से अलाइन होता है. इसमें नई कलर स्कीम भी एक वजह है.

इस वर्शन (117) में, DevTools के यूज़र एक्सपीरियंस (यूएक्स) को बेहतर बनाने के लिए कई सुधार किए गए हैं. इनमें, पहले से बताए गए और आगे बताए गए सुधार शामिल हैं. साथ ही, इसमें यूज़र इंटरफ़ेस (यूआई) के कई टेक्स्ट को भी बेहतर बनाया गया है.

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

लाइटहाउस 10.4.0

Lighthouse पैनल अब Lighthouse 10.4.0 पर काम करता है. खास तौर पर, इस वर्शन में इनके लिए सुलभता ऑडिट की नई सुविधाएं जोड़ी गई हैं:

• aria-dialog-name
• aria-text
• link-in-text-block
• select-name

उदाहरण के लिए:

बदलावों की पूरी सूची भी देखें. DevTools में Lighthouse पैनल का इस्तेमाल करने के बुनियादी तरीकों के बारे में जानने के लिए, Lighthouse: वेबसाइट की स्पीड ऑप्टिमाइज़ करना लेख पढ़ें.

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

DevTools के लिए C/C++ WebAssembly डीबगिंग एक्सटेंशन अब ओपन सोर्स है

DevTools के लिए C/C++ WebAssembly डीबगिंग एक्सटेंशन अब ओपन सोर्स है और यह DevTools के फ़्रंटएंड डेटा स्टोर में मौजूद है. यह एक्सटेंशन, WebAssembly के लिए इकट्ठा किए गए C++ प्रोग्राम के लिए DevTools में डीबग करने की सुविधाओं को चालू करता है. ज़्यादा जानकारी के लिए, C/C++ WebAssembly को डीबग करना लेख पढ़ें.

एक्सटेंशन बनाने, चलाने, और उसकी जांच करने का तरीका जानें. साथ ही, योगदान देने में भी दिलचस्पी लें.

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

अन्य खास बातें

इस रिलीज़ में कुछ अहम गड़बड़ियां ठीक की गई हैं और सुधार किए गए हैं:

• सीएसएस नेस्टिंग: एलिमेंट पैनल में, अब नेस्ट किए गए चिल्ड्रेन की पूरी सिलेक्टर चेन (1172985) दिखती है.
• ऐप्लिकेशन > मेनिफ़ेस्ट में अब विंडो कंट्रोल ओवरले सेक्शन है. यह सेक्शन यह जांचता है कि मेनिफ़ेस्ट में display_override वैल्यू मौजूद है या नहीं. साथ ही, इससे जुड़े दस्तावेज़ों के लिंक भी मिलते हैं.
• सोर्स > पेज ट्री में अब ये काम किए जा सकते हैं. इनके अलावा, और भी काम किए जा सकते हैं (1442863):
  • अगर किसी फ़ोल्डर का पूरा कॉन्टेंट अनदेखा करने की सूची में शामिल है, तो उस फ़ोल्डर को स्लेटी रंग में दिखाया जाता है.
  • अगर फ़ोल्डर का सारा कॉन्टेंट सोर्स मैप से है, तो फ़ोल्डर को ऑरेंज रंग में रंगता है.
• परफ़ॉर्मेंस: अब रिकॉर्डिंग शुरू करने पर कैप्चर सेटिंग अपने-आप छिप जाती है (1455498).
• सोर्स > एडिटर में, Ctrl + ऐरो (Windows) और Opt + ऐरो (MacOs) (1468208) की सुविधा को पहले जैसा किया गया है.
• ऐनिमेशन > सभी रोकें टॉगल की सेटिंग अब पेज लोड होने पर भी नहीं बदलती (1446046).
• ऐप्लिकेशन > स्टोरेज > कैश मेमोरी स्टोरेज को ऐप्लिकेशन > स्टोरेज > कैश मेमोरी सेक्शन (1462622) में ले जाया गया.
• यूज़र इंटरफ़ेस (यूआई) के कुछ टेक्स्ट और टूलटिप बेहतर किए गए हैं: हार्डवेयर के साथ एक साथ कई प्रोसेस चलाने की सुविधा का टूलटिप, नेटवर्क फ़िल्टर के टेक्स्ट और मुख्य मेन्यू का विकल्प, ऐप्लिकेशन के ट्री व्यू में कैपिटल लेटर का इस्तेमाल, नेटवर्क > हेडर के टेक्स्ट, सोर्स > बदलाव और फ़ाइल सिस्टम के टेक्स्ट.

एक्सपेरिमेंट के तौर पर उपलब्ध नई सुविधाएं

रेंडरिंग इम्यूलेशन की नई सुविधा: prefers-reduced-transparency

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

Chrome में इस सुविधा को आज़माने के लिए, chrome://flags में वेब प्लैटफ़ॉर्म की एक्सपेरिमेंटल सुविधाएं चालू करें.

ध्यान दें: इस सुविधा को लॉन्च करने के लिए, DevTools की टीम ल्यूक वार्लो का आभार जताती है.

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

बेहतर प्रोटोकॉल मॉनिटर

Chrome DevTools, Chrome ब्राउज़र को इंस्ट्रुमेंट करने, उनकी जांच करने, उन्हें डीबग करने, और उनकी प्रोफ़ाइल बनाने के लिए, Chrome DevTools Protocol (CDP) का इस्तेमाल करता है. अगर आप Chromium या DevTools डेवलपर हैं, तो प्रोटोकॉल मॉनिटर की मदद से, DevTools से किए गए सभी सीडीपी अनुरोध और जवाब देखे जा सकते हैं. साथ ही, सीडीपी कमांड भी भेजे जा सकते हैं.

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

ध्यान दें: इस सुविधा को चालू करने के लिए, सेटिंग > एक्सपेरिमेंट > प्रोटोकॉल मॉनिटर पर जाएं.

प्रोटोकॉल मॉनिटर पैनल टैब में सबसे नीचे दाएं कोने में, सीडीपी कमांड एडिटर दिखाएं पर क्लिक करें. इसके बाद, कोई टारगेट चुनें, कमांड टाइप करें, अगर ज़रूरी हो, तो सुझाए गए विकल्पों में से कोई एक चुनें, पैरामीटर की वैल्यू डालें, और निर्देश भेजें (Ctrl/Cmd + Enter) पर क्लिक करें.

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

झलक दिखाने वाले चैनलों को डाउनलोड करें

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

Chrome 127

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

Chrome 126

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

Chrome 125

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

Chrome 124

• ऑटोमैटिक भरी जाने वाली जानकारी का नया पैनल
• WebRTC के लिए बेहतर नेटवर्क थ्रॉटलिंग
• ऐनिमेशन पैनल में स्क्रोल-ड्रिवन ऐनिमेशन की सुविधा
• एलिमेंट > स्टाइल में, सीएसएस नेस्टिंग की सुविधा को बेहतर बनाया गया है
• बेहतर परफ़ॉर्मेंस पैनल
• फ़्लेम चार्ट में फ़ंक्शन और उनके चाइल्ड को छिपाना
• चुने गए उपयोगकर्ताओं से उन इवेंट तक ऐरो जो उन्होंने शुरू किए
• लाइटहाउस 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 स्यूडो-एलिमेंट में बदलाव किया जा सकता है
• ब्लॉक कंटेनर के लिए, अलाइन-कॉन्टेंट प्रॉपर्टी से जुड़ी सहायता
• एम्यूलेट किए गए फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए, पोज़िशन की जानकारी देने की सुविधा
• डाइनैमिक थीम
• नेटवर्क और ऐप्लिकेशन पैनल में, तीसरे पक्ष की कुकी के फ़ेज़ आउट से जुड़ी चेतावनियां
• Lighthouse 11.4.0
• सुलभता में सुधार
• अन्य हाइलाइट

Chrome 121

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

Chrome 120

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

Chrome 119

• एलिमेंट > स्टाइल में @property सेक्शन को बेहतर बनाया गया है
• @property नियम में बदलाव करने की सुविधा
• अमान्य @property नियमों से जुड़ी समस्याओं की शिकायत की जाती है
• एम्युलेट करने के लिए डिवाइसों की अपडेट की गई सूची
• सोर्स में स्क्रिप्ट टैग में, इनलाइन JSON को प्रीटी-प्रिंट करना
• कंसोल में निजी फ़ील्ड के अपने-आप पूरे होने की सुविधा
• 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

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

Chrome 114

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

Chrome 113

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

Chrome 112

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

Chrome 111

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

Chrome 110

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

Chrome 109

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

Chrome 108

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

Chrome 107

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

Chrome 106

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

Chrome 105

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

Chrome 104

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

Chrome 103

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

Chrome 102

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

Chrome 101

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

Chrome 100

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

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

• सीएसएस ग्रिड एडिटर
• Console में const को फिर से एलान करने की सुविधा
• सोर्स ऑर्डर व्यूअर
• फ़्रेम की जानकारी देखने के लिए नया शॉर्टकट
• सीओआरएस डीबग करने के लिए बेहतर सहायता
• XHR लेबल का नाम बदलकर Fetch/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

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

Chrome 88

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

Chrome 87

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

Chrome 86

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

Chrome 85

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

Chrome 84

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

Chrome 83

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

Chrome 82

Chrome 82 को रद्द कर दिया गया था.

Chrome 81

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

Chrome 80

• Console में 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

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

Chrome 74

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

Chrome 73

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

Chrome 72

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

Chrome 71

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

Chrome 70

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

Chrome 68

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

Chrome 67

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

Chrome 66

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

Chrome 65

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

Chrome 64

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

Chrome 63

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

Chrome 62

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

Chrome 61

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

Chrome 60

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

Chrome 59

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