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

Jecelyn Yeen

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

भरोसेमंद टाइप के उल्लंघनों के लिए, डीबग करने से जुड़ी सहायता

भरोसेमंद टाइप के उल्लंघनों के बारे में ब्रेकपॉइंट

अब सोर्स पैनल में, भरोसेमंद टाइप के उल्लंघनों के लिए ब्रेकपॉइंट सेट किए जा सकते हैं और अपवाद देखे जा सकते हैं.

भरोसेमंद टाइप एपीआई की मदद से, डीओएम-आधारित क्रॉस-साइट स्क्रिप्टिंग के जोखिम की आशंकाओं को रोका जा सकता है. भरोसेमंद टाइप की मदद से, DOM XSS के जोखिम की आशंकाओं से दूर ऐप्लिकेशन लिखने, उनकी समीक्षा करने, और उनका रखरखाव करने का तरीका जानें यहां.

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

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

सोर्स पैनल में मौजूद समस्या को 'समस्याएं' टैब से लिंक करें

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

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

व्यूपोर्ट से परे नोड स्क्रीनशॉट कैप्चर करें

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

एलिमेंट पैनल में, किसी एलिमेंट पर राइट क्लिक करें और नोड का स्क्रीनशॉट कैप्चर करें चुनें.

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

नेटवर्क अनुरोधों के लिए नया ट्रस्ट टोकन टैब

नए ट्रस्ट टोकन टैब की मदद से, ट्रस्ट टोकन नेटवर्क अनुरोधों की जांच करें.

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

अगली रिलीज़ में अतिरिक्त सुविधाएं मिलेंगी.

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

लाइटहाउस पैनल में लाइटहाउस 7

Lighthouse पैनल अब लाइटहाउस 7 पर चल रहा है. बदलावों की पूरी सूची के लिए, प्रॉडक्ट की जानकारी देखें.

लाइटहाउस 7 में नए ऑडिट:

• सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) की इमेज को पहले से लोड करें. यह ऑडिट किया जाता है कि जिस इमेज का इस्तेमाल एलसीपी एलिमेंट पहले से कर रहा है वह पहले से लोड है या नहीं, ताकि एलसीपी के समय को बेहतर बनाया जा सके.
• समस्याएं, Issues पैनल में लॉग की गई हैं. Issues पैनल में उन समस्याओं की सूची दिखाता है जिन्हें ठीक नहीं किया गया है.
• प्रोग्रेसिव वेब ऐप्लिकेशन (पीडब्ल्यूए). पीडब्ल्यूए कैटगरी में काफ़ी बदलाव हुए हैं.

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

  • "सर्विस वर्कर को रजिस्टर करता है..." ऑडिट को PWA के ऑप्टिमाइज़ किए गए ग्रुप में भेजा जाता है. साथ ही, "एचटीटीपीएस का इस्तेमाल करता है" ऑडिट को अब "इंस्टॉल करने से जुड़ी ज़रूरी शर्तों" के मुख्य ऑडिट में शामिल कर लिया गया है.
  • तेज़ और भरोसेमंद ग्रुप हटा दिया जाता है. "इंस्टॉल करने से जुड़ी ज़रूरी शर्तों" के नए ऑडिट में, ऑफ़लाइन-क्षमता की जांच शामिल है. इसलिए, "ऑफ़लाइन होने पर मौजूदा पेज और start_url, 200 के साथ जवाब दिया जाता है" ऑडिट को हटा दिया गया था. "पेज लोड मोबाइल नेटवर्क पर ज़रूरत के मुताबिक तेज़ है" ऑडिट को भी हटा दिया गया है.

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

एलिमेंट पैनल के अपडेट

सीएसएस :target की स्थिति को लागू करने की सुविधा

अब DevTools का इस्तेमाल करके, सीएसएस :target की स्थिति की जांच की जा सकती है और उसे ज़बरदस्ती लागू किया जा सकता है.

एलिमेंट पैनल में, कोई एलिमेंट चुनें और एलिमेंट की स्थिति को टॉगल करें. स्टाइल की जांच करने और उसे ज़बरदस्ती चालू करने के लिए, :target चेकबॉक्स को चालू करें.

जब यूआरएल में हैश और किसी एलिमेंट का आईडी एक जैसा हो, तो एलिमेंट को स्टाइल करने के लिए :target pseudo-class का इस्तेमाल करें. इसे आज़माने के लिए यह डेमो देखें. DevTools की इस नई सुविधा से, आपको हर समय मैन्युअल तरीके से यूआरएल में बदलाव किए बिना ऐसी स्टाइल की जांच करने की सुविधा मिलती है.

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

डुप्लीकेट एलिमेंट का नया शॉर्टकट

किसी एलिमेंट का तुरंत क्लोन बनाने के लिए, नए डुप्लीकेट एलिमेंट के शॉर्टकट का इस्तेमाल करें.

एलिमेंट पैनल में किसी एलिमेंट पर राइट क्लिक करें और डुप्लीकेट एलिमेंट चुनें. उसके नीचे एक नया एलिमेंट बन जाएगा.

वैकल्पिक रूप से, कीबोर्ड शॉर्टकट से एलिमेंट का डुप्लीकेट बनाया जा सकता है:

• Mac: Shift + Option + ⬇️
• विंडो/ Linux: Shift + Alt + ⬇️

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

कस्टम सीएसएस प्रॉपर्टी के लिए कलर पिकर

स्टाइल पैनल, अब कस्टम सीएसएस प्रॉपर्टी के लिए कलर पिकर दिखाता है.

इसके अलावा, आरजीबीए, एचएसएलए, और रंग की हेक्स वैल्यू को दिखाने के लिए, Shift बटन को दबाकर रखें और कलर पिकर पर क्लिक करें.

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

सीएसएस प्रॉपर्टी को कॉपी करने के लिए नए शॉर्टकट

अब कुछ नए शॉर्टकट का इस्तेमाल करके, सीएसएस प्रॉपर्टी को तेज़ी से कॉपी किया जा सकता है.

एलिमेंट पैनल में, कोई एलिमेंट चुनें. इसके बाद, वैल्यू को कॉपी करने के लिए स्टाइल पैनल में मौजूद, सीएसएस क्लास या सीएसएस प्रॉपर्टी पर राइट क्लिक करें.

सीएसएस क्लास के लिए विकल्प कॉपी करें:

• कॉपी करने के लिए सिलेक्टर. मौजूदा सिलेक्टर का नाम कॉपी करें.
• नियम कॉपी करें. मौजूदा सिलेक्टर का नियम कॉपी करें.
• सभी एलान कॉपी करें: मौजूदा नियम के तहत सभी एलान कॉपी करें. इनमें अमान्य और प्रीफ़िक्स वाली प्रॉपर्टी भी शामिल हैं.

सीएसएस प्रॉपर्टी के लिए विकल्प कॉपी करें:

• एलान की जानकारी कॉपी करें. मौजूदा लाइन के एलान वाले फ़ॉर्म को कॉपी करें.
• प्रॉपर्टी कॉपी करें. मौजूदा लाइन की प्रॉपर्टी कॉपी करें.
• वैल्यू कॉपी करें: मौजूदा लाइन की वैल्यू कॉपी करें.

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

कुकी से जुड़े अपडेट

यूआरएल की मदद से डिकोड की गई कुकी दिखाने का नया विकल्प

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

ऐप्लिकेशन पैनल पर जाएं और कुकी पैनल चुनें. सूची में से किसी भी कुकी को चुनें. डिकोड की गई कुकी देखने के लिए, डिकोड किया गया यूआरएल दिखाएं चेकबॉक्स चालू करें.

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

केवल दिखाई देने वाली कुकी साफ़ करें

कुकी पैनल में मौजूद सभी कुकी मिटाएं बटन को अब फ़िल्टर की गई कुकी मिटाएं बटन से बदल दिया गया है.

ऐप्लिकेशन पैनल > कुकी पैनल में, कुकी फ़िल्टर करने के लिए टेक्स्टबॉक्स में टेक्स्ट डालें. यहां दिए गए अपने उदाहरण में, हमने सूची को "PREF" के हिसाब से फ़िल्टर किया है. दिखने वाली कुकी को मिटाने के लिए, फ़िल्टर की गई कुकी मिटाएं बटन पर क्लिक करें. फ़िल्टर टेक्स्ट हटाएं और आपको सूची में बाकी कुकी बची हुई दिखेंगी. पहले, आपके पास सभी कुकी मिटाने का ही विकल्प था.

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

स्टोरेज पैनल में तीसरे पक्ष की कुकी मिटाने का नया विकल्प

स्टोरेज पैनल में साइट डेटा मिटाते समय, DevTools अब डिफ़ॉल्ट रूप से सिर्फ़ पहले-पक्ष की कुकी साफ़ करता है. तीसरे पक्ष की कुकी को मिटाने के लिए, तीसरे पक्ष की कुकी के साथ चालू करें.

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

पसंद के मुताबिक बनाए गए डिवाइसों के लिए, यूज़र-एजेंट क्लाइंट हिंट में बदलाव करें

अब कस्टम डिवाइसों के लिए, यूज़र-एजेंट क्लाइंट हिंट में बदलाव किए जा सकते हैं.

सेटिंग > डिवाइस पर जाएं. इसके बाद, कस्टम डिवाइस जोड़ें... पर क्लिक करें. क्लाइंट के संकेतों में बदलाव करने के लिए, उपयोगकर्ता एजेंट क्लाइंट हिंट सेक्शन को बड़ा करें.

यूज़र-एजेंट क्लाइंट हिंट, उपयोगकर्ता-एजेंट स्ट्रिंग के विकल्प होते हैं. इनकी मदद से डेवलपर, उपयोगकर्ता की निजता को बनाए रखते हुए और आसान तरीके से उसके ब्राउज़र की जानकारी ऐक्सेस कर सकते हैं. उपयोगकर्ता एजेंट क्लाइंट हिंट के बारे में ज़्यादा जानने के लिए, web.dev/user-agent-client-hints/ पर जाएं.

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

नेटवर्क पैनल से जुड़े अपडेट

"नेटवर्क लॉग रिकॉर्ड करें" सेटिंग को लागू रखें

DevTools अब "नेटवर्क लॉग रिकॉर्ड करें" सेटिंग को बनाए रखता है. इससे पहले, जब भी कोई पेज फिर से लोड होता है, तो DevTools उपयोगकर्ता की पसंद को रीसेट कर देता था.

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

नेटवर्क पैनल में WebTransport कनेक्शन देखें

नेटवर्क पैनल अब WebTransport कनेक्शन दिखाता है.

WebTransport एक नया एपीआई है, जो क्लाइंट-सर्वर मैसेज सेवा, कम इंतज़ार का समय, बाईडायरेक्शनल, और इसकी सुविधा देता है. इसके इस्तेमाल के उदाहरणों के बारे में ज़्यादा जानें. साथ ही, web.dev/webtransport/ पर जाकर, इसे लागू करने के आने वाले समय के बारे में सुझाव/राय देना या शिकायत करना.

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

"ऑनलाइन" का नाम बदलकर "कोई थ्रॉटलिंग नहीं" किया गया

नेटवर्क एम्युलेशन विकल्प "ऑनलाइन" का नाम अब "कोई थ्रॉटलिंग नहीं" में बदल दिया गया है.

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

कंसोल, सोर्स पैनल, और स्टाइल पैनल में कॉपी करने के नए विकल्प

कंसोल और सोर्स पैनल में ऑब्जेक्ट कॉपी करने के लिए नए शॉर्टकट

अब आप कंसोल और सोर्स पैनल में नए शॉर्टकट से ऑब्जेक्ट की वैल्यू कॉपी कर सकते हैं. यह खास तौर पर तब आसान होता है, जब आपके पास कॉपी करने के लिए कोई बड़ा ऑब्जेक्ट (जैसे, कोई लंबा अरे) हो.

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

सोर्स पैनल और स्टाइल पैनल में फ़ाइल का नाम कॉपी करने के लिए नए शॉर्टकट

अब फ़ाइल का नाम कॉपी करने के लिए, इस पर राइट क्लिक करें:

• Sources पैनल में मौजूद कोई फ़ाइल या
• एलिमेंट पैनल के स्टाइल पैनल में मौजूद फ़ाइल का नाम

फ़ाइल का नाम कॉपी करने के लिए, संदर्भ मेन्यू से फ़ाइल का नाम कॉपी करें चुनें.

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

फ़्रेम की जानकारी वाले व्यू से जुड़े अपडेट

फ़्रेम की जानकारी वाले व्यू में नए सर्विस वर्कर की जानकारी

DevTools अब खास सर्विस वर्कर को उस फ़्रेम के नीचे दिखाता है जिससे वे बनते हैं.

ऐप्लिकेशन पैनल में, सर्विस वर्कर वाले फ़्रेम को बड़ा करें. इसके बाद जानकारी देखने के लिए, सर्विस वर्कर ट्री में कोई सर्विस वर्कर चुनें.

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

फ़्रेम की जानकारी वाले व्यू में मेमोरी की जानकारी मापें

performance.measureMemory() एपीआई की स्थिति, अब एपीआई की उपलब्धता सेक्शन में दिखती है.

नया performance.measureMemory() एपीआई, पूरे वेब पेज के मेमोरी इस्तेमाल का अनुमान लगाता है. इस लेख में, इस नए एपीआई की मदद से अपने वेब पेज के कुल मेमोरी इस्तेमाल को मॉनिटर करने का तरीका जानें.

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

'समस्याएं' टैब में जाकर सुझाव/राय देना या शिकायत करना

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

परफ़ॉर्मेंस पैनल में हटाए गए फ़्रेम

परफ़ॉर्मेंस पैनल में लोड की परफ़ॉर्मेंस का विश्लेषण करते समय, फ़्रेम सेक्शन, हटाए गए फ़्रेम को लाल रंग के तौर पर मार्क करता है. फ़्रेम रेट के बारे में जानने के लिए, इस पर कर्सर घुमाएं.

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

डिवाइस मोड में, फ़ोल्ड किए जा सकने वाले डिवाइस और ड्यूअल-स्क्रीन को एम्युलेट करें

अब DevTools में ड्यूअल-स्क्रीन और फ़ोल्ड किए जा सकने वाले डिवाइसों को एम्युलेट किया जा सकता है.

डिवाइस टूलबार चालू करने के बाद, इनमें से कोई एक डिवाइस चुनें: Surface Duo या Samsung Galaxy Fold.

सिंगल-स्क्रीन या फ़ोल्डेड और ड्यूअल-स्क्रीन या अनफ़ोल्ड पॉस्चर के बीच टॉगल करने के लिए, नए स्पैन आइकॉन पर क्लिक करें.

नई सीएसएस मीडिया screen-spanning सुविधा और JavaScript getWindowSegments API को ऐक्सेस करने के लिए, प्रयोग के तौर पर उपलब्ध वेब प्लैटफ़ॉर्म की सुविधाएं भी चालू की जा सकती हैं. प्रयोग वाला आइकॉन, प्रयोग के तौर पर उपलब्ध वेब प्लैटफ़ॉर्म सुविधाओं के फ़्लैग की स्थिति को दिखाता है. फ़्लैग के चालू होने पर आइकन हाइलाइट होता है. chrome://flags पर जाएं और फ़्लैग को टॉगल करें.

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

प्रयोग के तौर पर शुरू की गई सुविधाएं

Puppeteer Recorder से ब्राउज़र टेस्टिंग को ऑटोमेट करें

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

DevTools अब ब्राउज़र के साथ आपके इंटरैक्शन के आधार पर Puppeteer स्क्रिप्ट जनरेट कर सकता है. इससे आपके लिए ब्राउज़र टेस्टिंग को ऑटोमेट करना आसान हो जाता है. Puppeteer एक Node.js लाइब्रेरी है, जो DevTools प्रोटोकॉल पर Chrome या Chromium को कंट्रोल करने के लिए हाई-लेवल एपीआई उपलब्ध कराती है.

इस डेमो पेज पर जाएं. DevTools में सोर्स पैनल खोलें. बाएं पैनल पर रिकॉर्डिंग टैब चुनें. नई रिकॉर्डिंग जोड़ें और फ़ाइल को नाम दें (जैसे, test01.js).

इंटरैक्शन रिकॉर्ड करना शुरू करने के लिए सबसे नीचे रिकॉर्ड करें बटन पर क्लिक करें. ऑन-स्क्रीन फ़ॉर्म भरने का प्रयास करें. ध्यान दें कि Puppeteer के निर्देशों को उसी हिसाब से फ़ाइल में जोड़ा गया है. रिकॉर्डिंग बंद करने के लिए, रिकॉर्ड करें बटन पर फिर से क्लिक करें.

स्क्रिप्ट चलाने के लिए, Puppeteer की आधिकारिक साइट पर जाकर शुरुआती निर्देश देखें.

कृपया ध्यान दें कि यह एक्सपेरिमेंट के शुरुआती चरण में है. हम आने वाले समय में, Recorder के फ़ंक्शन को बेहतर बनाने के लिए काम कर रहे हैं.

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

स्टाइल पैनल में फ़ॉन्ट एडिटर

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

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

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

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

सीएसएस फ़्लेक्सबॉक्स डीबगिंग टूल

ध्यान दें: प्रयोग को चालू करने के लिए, सेटिंग > प्रयोग में जाकर, सीएसएस फ़्लेक्सबॉक्स डीबग करने की सुविधाएं चालू करें चेकबॉक्स पर सही का निशान लगाएं.

DevTools ने पिछली रिलीज़ के बाद से, फ़्लेक्सबॉक्स डीबगिंग की सुविधा जोड़ी है. यह एक्सपेरिमेंट के तौर पर उपलब्ध है.

DevTools अब एक दिशा दिखाने वाली लाइन बनाता है. इससे सीएसएस align-items प्रॉपर्टी को बेहतर तरीके से विज़ुअलाइज़ करने में मदद मिलती है. यह सीएसएस gap प्रॉपर्टी भी उपलब्ध है. यहां दिए गए उदाहरण में, हमने सीएसएस gap: 12px; को शामिल किया है. हर गैप के लिए अंडे से बाहर निकलने के पैटर्न पर ध्यान दें.

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

सीएसपी के उल्लंघन का नया टैब

ध्यान दें: यह एक्सपेरिमेंट, वर्शन 121 में हटा दिया गया था. इसके बजाय, ऐप्लिकेशन > फ़्रेम > कॉन्टेंट की सुरक्षा के बारे में नीति (सीएसपी) और समस्याएं पैनल

देखें.

सीएसपी के उल्लंघन वाले नए टैब में, कॉन्टेंट की सुरक्षा के बारे में नीति (सीएसपी) के सभी उल्लंघन एक नज़र में देखें. यह नया टैब एक ऐसा प्रयोग है, जिसकी मदद से बड़ी संख्या में सीएसपी और भरोसेमंद टाइप के उल्लंघनों वाले वेब पेजों पर आसानी से काम किया जा सकता है.

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

नया कलर कंट्रास्ट कैलकुलेशन - ऐडवांस पर्सेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए)

ध्यान दें: एक्सपेरिमेंट को चालू करने के लिए, सेटिंग > एक्सपेरिमेंट में जाकर, पिछले कंट्रास्ट रेशियो की जगह AA/AAA के दिशा-निर्देश और ऐडवांस पर्सेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए) का नया विकल्प चालू करें चेकबॉक्स को चुनें.

ऐडवांस पर्सेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए), कलर पिकर में AA/AAA दिशा-निर्देशों के कंट्रास्ट रेशियो की जगह ले रहा है.

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

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

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

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

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

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

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

• crbug.com के ज़रिए हमें कोई सुझाव या फ़ीडबैक सबमिट करें.
• DevTools में ज़्यादा विकल्प     > सहायता > DevTools से जुड़ी समस्याओं की शिकायत करें का इस्तेमाल करके DevTools से जुड़ी समस्या की शिकायत करें.
• @ChromeDevTools पर ट्वीट करें.
• DevTools YouTube वीडियो या DevTools के बारे में सलाह YouTube वीडियो में नया क्या है, इस पर टिप्पणी करें.

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

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

Chrome 127

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

Chrome 126

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

Chrome 125

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

Chrome 124

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

Chrome 123

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

Chrome 122

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

Chrome 121

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

Chrome 120

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

Chrome 119

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

Chrome 118

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

Chrome 117

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

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

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

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

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

• नए रंग

• लाइटहाउस 10.4.0

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

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

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

• (एक्सपेरिमेंट के लिए) रेंडरिंग एम्युलेशन: Prioritys-reduced-transparency

• (प्रयोग के तौर पर) बेहतर प्रोटोकॉल मॉनिटर

Chrome 116

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

Chrome 115

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

Chrome 114

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

Chrome 113

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

Chrome 112

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

Chrome 111

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

Chrome 110

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

Chrome 109

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

Chrome 108

• बंद सीएसएस प्रॉपर्टी के लिए संकेत
• Recorder पैनल में OAuth और टेक्स्ट सिलेक्टर का अपने-आप पता लगाना
• कॉमा लगाकर अलग किए गए एक्सप्रेशन के बारे में जानें
• अनदेखे करने की सूची की बेहतर सेटिंग
• अन्य खास बातें

Chrome 107

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

Chrome 106

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

Chrome 105

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

Chrome 104

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

Chrome 103

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

Chrome 102

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

Chrome 101

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

Chrome 100

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

Chrome 99

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

Chrome 98

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

Chrome 97

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

Chrome 96

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

Chrome 95

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

Chrome 94

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

Chrome 93

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

Chrome 92

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

Chrome 91

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

Chrome 90

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

Chrome 89

• भरोसेमंद टाइप के उल्लंघनों के लिए, सहायता को डीबग करना
• व्यूपोर्ट से परे नोड का स्क्रीनशॉट कैप्चर करना
• नेटवर्क अनुरोधों के लिए नया ट्रस्ट टोकन टैब
• Lighthouse पैनल में Lighthouse 7
• सीएसएस की :target स्थिति को हर हाल में लागू करना
• डुप्लीकेट एलिमेंट के लिए नया शॉर्टकट
• कस्टम सीएसएस प्रॉपर्टी के लिए कलर पिकर
• सीएसएस प्रॉपर्टी को कॉपी करने के लिए नए शॉर्टकट
• यूआरएल की मदद से डिकोड की गई कुकी दिखाने का नया विकल्प
• सिर्फ़ दिखने वाली कुकी मिटाना
• स्टोरेज पैनल में तीसरे पक्ष की कुकी मिटाने का नया विकल्प
• कस्टम डिवाइसों के लिए, यूज़र-एजेंट क्लाइंट हिंट में बदलाव करना
• "नेटवर्क लॉग रिकॉर्ड करें" सेटिंग को लागू रखना
• नेटवर्क पैनल में 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 पैनल में Lighthouse 6.2
• सर्विस वर्कर पैनल में "अन्य ऑरिजिन" वाली लिस्टिंग का बंद होना
• फ़िल्टर किए गए आइटम के लिए कवरेज की खास जानकारी दिखाना
• ऐप्लिकेशन पैनल में नए फ़्रेम की जानकारी वाला व्यू
• स्टाइल पैनल में रंग का सुझाव जिसे ऐक्सेस किया जा सकता है
• एलिमेंट पैनल में प्रॉपर्टी पैनल को पहले जैसा करना
• नेटवर्क पैनल में X-Client-Data हेडर वैल्यू को लोग आसानी से पढ़ सकते हैं
• स्टाइल पैनल में कस्टम फ़ॉन्ट के अपने-आप पूरे होने की सुविधा
• नेटवर्क पैनल में संसाधन का टाइप लगातार दिखाना
• एलिमेंट और नेटवर्क पैनल के बटन हटाना

Chrome 85

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

Chrome 84

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

Chrome 83

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

Chrome 82

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

Chrome 81

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

Chrome 80

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

Chrome 79

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

Chrome 78

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

Chrome 77

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

Chrome 76

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

Chrome 75

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

Chrome 74

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

Chrome 73

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

Chrome 72

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

Chrome 71

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

Chrome 70

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

Chrome 68

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

Chrome 67

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

Chrome 66

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

Chrome 65

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

Chrome 64

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

Chrome 63

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

Chrome 62

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

Chrome 61

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

Chrome 60

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

Chrome 59

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