Chrome 65 में DevTools में आने वाली नई सुविधाओं में ये शामिल हैं:
- स्थानीय बदलाव
- सुलभता से जुड़े नए टूल
- बदलाव टैब
- नए एसईओ और परफ़ॉर्मेंस ऑडिट
- परफ़ॉर्मेंस पैनल में कई रिकॉर्डिंग
- वर्कर्स और एसिंक्रोनस कोड की मदद से, भरोसेमंद कोड स्टेपिंग
प्रॉडक्ट की जानकारी वाले इन नोट को पढ़ें या उनका वीडियो वर्शन नीचे देखें.
स्थानीय बदलाव
लोकल बदलाव की मदद से, DevTools में बदलाव किए जा सकते हैं. साथ ही, पेज लोड होने पर भी वे बदलाव लागू रहते हैं. पहले, पेज को फिर से लोड करने पर, DevTools में किए गए सभी बदलाव मिट जाते थे. लोकल Override, ज़्यादातर फ़ाइल टाइप के साथ काम करते हैं. हालांकि, कुछ अपवाद भी हैं. सीमाएं देखें.
पहली इमेज. लोकल बदलाव की मदद से, पेज लोड होने पर सीएसएस में किए गए बदलाव को बनाए रखना
यह कैसे काम करता है:
- आपको वह डायरेक्ट्री बतानी होगी जहां DevTools को बदलाव सेव करने हैं.
- DevTools में बदलाव करने पर, वह बदली गई फ़ाइल की कॉपी आपकी डायरेक्ट्री में सेव करता है.
- पेज को फिर से लोड करने पर, DevTools नेटवर्क संसाधन के बजाय, बदली गई स्थानीय फ़ाइल दिखाता है.
लोकल बदलाव सेट अप करने के लिए:
- सोर्स पैनल खोलें.
ओवरराइड टैब खोलें.
दूसरी इमेज. बदली गई कीमत टैब
बदलाव सेटअप करें पर क्लिक करें.
वह डायरेक्ट्री चुनें जिसमें आपको बदलावों को सेव करना है.
DevTools को डायरेक्ट्री को पढ़ने और उसमें बदलाव करने का ऐक्सेस देने के लिए, अपने व्यूपोर्ट में सबसे ऊपर, अनुमति दें पर क्लिक करें.
अपनी पसंद के हिसाब से बदलाव करें।
सीमाएं
- DevTools, एलिमेंट पैनल के DOM ट्री में किए गए बदलावों को सेव नहीं करता. इसके बजाय, सोर्स पैनल में एचटीएमएल में बदलाव करें.
- अगर स्टाइल पैनल में सीएसएस में बदलाव किया जाता है और उस सीएसएस का सोर्स एचटीएमएल फ़ाइल है, तो DevTools उस बदलाव को सेव नहीं करेगा. इसके बजाय, सोर्स पैनल में जाकर, एचटीएमएल फ़ाइल में बदलाव करें.
मिलती-जुलती सुविधाएं
- फ़ाइल फ़ोल्डर. DevTools, नेटवर्क रिसॉर्स को अपने-आप किसी लोकल रिपॉज़िटरी में मैप करता है. DevTools में कोई बदलाव करने पर, वह बदलाव आपके लोकल डेटा स्टोर करने की जगह में भी सेव हो जाता है.
बदलाव टैब
बदलाव टैब की मदद से, DevTools में स्थानीय तौर पर किए गए बदलावों को ट्रैक करें.
तीसरी इमेज. बदलाव टैब
सुलभता से जुड़े नए टूल
किसी एलिमेंट की सुलभता प्रॉपर्टी की जांच करने के लिए, नए सुलभता पैनल का इस्तेमाल करें. साथ ही, कलर पिकर में टेक्स्ट एलिमेंट के कंट्रास्ट रेशियो की जांच करें. इससे यह पक्का किया जा सकता है कि वे एलिमेंट, कम दृष्टि या रंग पहचानने में समस्या वाले उपयोगकर्ताओं के लिए ऐक्सेस किए जा सकते हैं.
सुलभता पैनल
चुने गए एलिमेंट की सुलभता प्रॉपर्टी की जांच करने के लिए, एलिमेंट पैनल पर सुलभता पैनल का इस्तेमाल करें.
चौथी इमेज. सुलभता पैनल में, एलिमेंट पैनल पर डीओएम ट्री में चुने गए एलिमेंट के लिए ARIA एट्रिब्यूट और कंप्यूट की गई प्रॉपर्टी दिखती हैं. साथ ही, यह सुलभता ट्री में इसकी जगह भी दिखाती है
सुलभता पैनल को इस्तेमाल करने का तरीका जानने के लिए, यहां दिए गए लेबल करने के बारे में रॉब डॉडसन का A11ycast देखें.
कलर पिकर में कंट्रास्ट का अनुपात
कलर पिकर अब आपको टेक्स्ट एलिमेंट का कंट्रास्ट रेशियो दिखाता है. टेक्स्ट एलिमेंट के कंट्रास्ट रेशियो को बढ़ाने से, आपकी साइट को कम दृष्टि या रंगों को ठीक से न पहचान पाने वाले लोगों के लिए ज़्यादा ऐक्सेस किया जा सकता है. कंट्रास्ट रेशियो के सुलभता पर पड़ने वाले असर के बारे में ज़्यादा जानने के लिए, रंग और कंट्रास्ट देखें.
अपने टेक्स्ट एलिमेंट के कलर कंट्रास्ट को बेहतर बनाने से, आपकी साइट सभी उपयोगकर्ताओं के लिए ज़्यादा इस्तेमाल करने लायक बन जाती है. दूसरे शब्दों में, अगर आपका टेक्स्ट सफ़ेद बैकग्राउंड पर स्लेटी रंग का है, तो उसे पढ़ना किसी के लिए भी मुश्किल होगा.
पांचवी इमेज. हाइलाइट किए गए h1
एलिमेंट के कंट्रास्ट रेशियो की जांच करना
चित्र 5 में, 4.61 के बगल में मौजूद दो सही के निशान का मतलब है कि यह एलिमेंट, बेहतर कंट्रास्ट अनुपात (AAA) के सुझाव के मुताबिक है. अगर उस पर सिर्फ़ एक सही का निशान है, तो इसका मतलब है कि यह सुझाए गए कम से कम कंट्रास्ट रेशियो (एए) के मुताबिक है.
कंट्रास्ट रेशियो सेक्शन को बड़ा करने के लिए, ज़्यादा दिखाएं पर क्लिक करें. कलर स्पेक्ट्रम बॉक्स में मौजूद सफ़ेद लाइन, सुझाए गए कंट्रास्ट अनुपात को पूरा करने वाले रंगों और उन रंगों के बीच की सीमा दिखाती है जो ऐसा नहीं करते. उदाहरण के लिए, छठे चित्र में स्लेटी रंग, सुझावों के मुताबिक है. इसका मतलब है कि सफ़ेद लाइन के नीचे मौजूद सभी रंग भी सुझावों के मुताबिक हैं.
छठी इमेज. बड़ा किया गया कंट्रास्ट रेशियो सेक्शन
मिलती-जुलती सुविधाएं
ऑडिट पैनल में, सुलभता की जांच अपने-आप होती है. इससे यह पक्का किया जाता है कि किसी पेज पर मौजूद हर टेक्स्ट एलिमेंट का कंट्रास्ट रेशियो सही हो.
सुलभता की जांच करने के लिए, ऑडिट पैनल का इस्तेमाल करने का तरीका जानने के लिए, Chrome DevTools में Lighthouse चलाना लेख पढ़ें या नीचे दिया गया A11ycast देखें.
नए ऑडिट
Chrome 65 में, एसईओ ऑडिट की एक नई कैटगरी और परफ़ॉर्मेंस के कई नए ऑडिट शामिल हैं.
नए एसईओ ऑडिट
यह पक्का करने पर कि आपके पेज, नई SEO कैटगरी के हर ऑडिट में पास होते हैं, इससे सर्च इंजन में आपकी रैंकिंग को बेहतर बनाने में मदद मिल सकती है.
सातवीं इमेज. ऑडिट की नई SEO कैटगरी
नए परफ़ॉर्मेंस ऑडिट
Chrome 65 में, परफ़ॉर्मेंस के कई नए ऑडिट भी शामिल हैं:
- JavaScript के चालू होने का समय ज़्यादा है
- स्टैटिक ऐसेट के लिए, अमान्य कैश मेमोरी से जुड़ी नीति का इस्तेमाल करता है
- पेज रीडायरेक्ट से बचता है
- दस्तावेज़ में प्लग इन का इस्तेमाल किया गया हो
- CSS कम करें
- JavaScript कम करें
परफ़ेक्ट मायने रखता है! Mynet के ज़रिए पेज लोड होने की स्पीड में 4 गुना सुधार होने के बाद, उपयोगकर्ताओं ने साइट पर 43% ज़्यादा समय बिताया, 34% ज़्यादा पेज देखे, बाउंस रेट में 24% की गिरावट हुई, और हर लेख के पेज व्यू के हिसाब से आय में 25% की बढ़ोतरी हुई. ज़्यादा जानें.
सलाह! अगर आपको पेजों के लोड होने की परफ़ॉर्मेंस को बेहतर बनाना है, लेकिन आपको नहीं पता कि शुरुआत कहां से करें, तो ऑडिट पैनल आज़माएं. आपको कोई यूआरएल देना होता है और यह आपको उस पेज को बेहतर बनाने के कई अलग-अलग तरीकों के बारे में पूरी जानकारी वाली रिपोर्ट देता है. शुरू करें
दूसरे अपडेट
- सुलभता से जुड़े नए और मैन्युअल ऑडिट
- WebP ऑडिट में अपडेट, ताकि इसे अगली जनरेशन के अन्य इमेज फ़ॉर्मैट के साथ ज़्यादा बेहतर तरीके से इस्तेमाल किया जा सके
- सुलभता स्कोर में बदलाव
- अगर किसी पेज के लिए सुलभता ऑडिट लागू नहीं होता है, तो उस ऑडिट को सुलभता स्कोर में शामिल नहीं किया जाता
- परफ़ॉर्मेंस अब रिपोर्ट में सबसे ऊपर मौजूद सेक्शन है
वर्कर्स और एसिंक्रोनस कोड के साथ भरोसेमंद कोड स्टेपिंग
Chrome 65 में, इसमें जाएं बटन को अपडेट किया गया है. इस बटन का इस्तेमाल करके, उन कोड में जाया जा सकता है जो थ्रेड के बीच मैसेज भेजते हैं और असाइनोक्रोनस कोड में जा सकते हैं. अगर आपको पहले जैसा व्यवहार चाहिए, तो इसके बजाय नए चरण बटन का इस्तेमाल करें.
थ्रेड के बीच मैसेज भेजने वाले कोड में बदलाव करना
जब थ्रेड के बीच मैसेज भेजने वाले कोड में स्टेप इन किया जाता है, तो DevTools अब आपको हर थ्रेड में होने वाली प्रोसेस दिखाता है.
उदाहरण के लिए, आठवें चित्र में मौजूद ऐप्लिकेशन, मुख्य थ्रेड और वर्क थ्रेड के बीच एक मैसेज भेजता है.
मुख्य थ्रेड पर postMessage()
कॉल में जाने के बाद, DevTools वर्क थ्रेड में मौजूद onmessage
हैंडलर में रुक जाता है. onmessage
हैंडलर, मुख्य थ्रेड में मैसेज पोस्ट करता है. उस कॉल में जाने पर, DevTools मुख्य थ्रेड में वापस रुक जाता है.
आठवीं इमेज. Chrome 65 में मैसेज पास करने वाले कोड में बदलाव करना
Chrome के पुराने वर्शन में इस तरह के कोड में जाने पर, Chrome आपको सिर्फ़ कोड का मुख्य थ्रेड दिखाता था. इसकी जानकारी चित्र 9 में दी गई है.
नौवीं इमेज. Chrome 63 में मैसेज पास करने वाले कोड में बदलाव करना
एसिंक्रोनस कोड का इस्तेमाल करना
एसिंक्रोनस कोड में जाकर, DevTools अब यह मान लेता है कि आपको आखिर में चलने वाले एसिंक्रोनस कोड को रोकना है.
उदाहरण के लिए, इमेज 10 में setTimeout()
पर जाने के बाद, DevTools पर्दे के पीछे उस पॉइंट तक ले जाने वाले सभी कोड को चलाता है. इसके बाद, वह setTimeout()
को पास किए गए फ़ंक्शन में रुक जाता है.
आकृति 10. Chrome 65 में एसिंक्रोनस कोड का इस्तेमाल करना
जब आपने Chrome 63 में इस तरह के कोड का इस्तेमाल करना शुरू किया, तो DevTools ने समय के हिसाब से कोड को प्रोसेस करना बंद कर दिया. जैसा कि पहली इमेज में देखा जा सकता है.
11वीं इमेज. Chrome 63 में एसिंक्रोनस कोड का इस्तेमाल करना
परफ़ॉर्मेंस पैनल में कई रिकॉर्डिंग
परफ़ॉर्मेंस पैनल में, अब कुछ समय के लिए ज़्यादा से ज़्यादा पांच रिकॉर्डिंग सेव की जा सकती हैं. DevTools विंडो बंद करने पर, रिकॉर्डिंग मिट जाती हैं. परफ़ॉर्मेंस पैनल को आसानी से इस्तेमाल करने के लिए, रनटाइम परफ़ॉर्मेंस का विश्लेषण करना शुरू करें लेख पढ़ें.
12वीं इमेज. परफ़ॉर्मेंस पैनल में, कई रिकॉर्डिंग में से किसी एक को चुनना
बोनस: Puppeteer 1.0 की मदद से DevTools कार्रवाइयों को ऑटोमेट करें
Puppeteer का वर्शन 1.0 अब उपलब्ध है. यह एक ब्राउज़र ऑटोमेशन टूल है, जिसे Chrome DevTools की टीम मैनेज करती है. Puppeteer का इस्तेमाल करके, कई टास्क को ऑटोमेट किया जा सकता है. ये ऐसे टास्क हैं जो पहले सिर्फ़ DevTools की मदद से किए जा सकते थे. जैसे, स्क्रीनशॉट कैप्चर करना:
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
await page.screenshot({path: 'example.png'});
await browser.close();
})();
इसमें अपने-आप काम करने वाले कई काम के लिए एपीआई भी हैं. जैसे: PDF जनरेट करना:
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://news.ycombinator.com', {waitUntil: 'networkidle2'});
await page.pdf({path: 'hn.pdf', format: 'A4'});
await browser.close();
})();
ज़्यादा जानने के लिए क्विक स्टार्ट देखें.
DevTools को खोले बिना ही, ब्राउज़ करते समय DevTools की सुविधाओं को दिखाने के लिए भी Puppeteer का इस्तेमाल किया जा सकता है. उदाहरण के लिए, DevTools खोले बिना DevTools की सुविधाएं इस्तेमाल करना देखें.
झलक वाले चैनल डाउनलोड करना
Chrome कैनरी, डेवलपर या बीटा को अपने डिफ़ॉल्ट डेवलपमेंट ब्राउज़र के तौर पर इस्तेमाल करें. इन झलक वाले चैनलों की मदद से, आपको DevTools की नई सुविधाओं का ऐक्सेस मिलता है. साथ ही, इनसे आपको वेब प्लैटफ़ॉर्म के सबसे नए एपीआई की जांच करने में मदद मिलती है. इसके अलावा, इनकी मदद से उपयोगकर्ताओं से पहले ही अपनी साइट पर समस्याओं का पता लगाया जा सकता है!
Chrome DevTools की टीम से संपर्क करना
DevTools से जुड़ी नई सुविधाओं, अपडेट या किसी भी अन्य चीज़ के बारे में चर्चा करने के लिए, यहां दिए गए विकल्पों का इस्तेमाल करें.
- crbug.com पर जाकर, हमें सुझाव/राय दें या शिकायत करें. साथ ही, किसी सुविधा का अनुरोध करें.
- DevTools में ज़्यादा विकल्प > सहायता > DevTools से जुड़ी समस्या की शिकायत करें का इस्तेमाल करके, DevTools से जुड़ी समस्या की शिकायत करें.
- @ChromeDevTools पर ट्वीट करें.
- DevTools YouTube वीडियो में नया क्या है या DevTools सलाह YouTube वीडियो पर टिप्पणी की जा सकती हैं.
DevTools में नया क्या है
DevTools में नया क्या है सीरीज़ में शामिल सभी चीज़ों की सूची.
- Gemini की मदद से सीएसएस को डीबग करना
- एआई की सुविधाओं को खास सेटिंग टैब में कंट्रोल करना
- परफ़ॉर्मेंस पैनल में सुधार
- परफ़ॉर्मेंस से जुड़े नतीजों पर एनोटेट करना और उन्हें शेयर करना
- परफ़ॉर्मेंस पैनल में ही परफ़ॉर्मेंस की अहम जानकारी पाएं
- ज़्यादा लेआउट शिफ़्ट को आसानी से देखना
- कंपोज़ नहीं किए गए ऐनिमेशन ढूंढना
- हार्डवेयर के कई वर्शन को एक साथ सेंसर में ट्रांसफ़र करना
- बिना नाम वाली स्क्रिप्ट को अनदेखा करें और स्टैक ट्रेस में अपने कोड पर फ़ोकस करें
- एलिमेंट > स्टाइल: ग्रिड ओवरले और सीएसएस के सभी कीवर्ड के लिए, साइडवर्ड-* राइटिंग मोड के साथ काम करना
- टाइमस्पैन और स्नैपशॉट मोड में बिना एचटीटीपी वाले पेजों के लिए लाइटहाउस ऑडिट
- सुलभता सुविधाओं में सुधार
- अन्य हाइलाइट
- नेटवर्क पैनल में किए गए सुधार
- नेटवर्क फ़िल्टर नए तरीके से पेश किए गए हैं
- HAR एक्सपोर्ट में अब डिफ़ॉल्ट रूप से संवेदनशील डेटा शामिल नहीं किया जाता
- एलिमेंट पैनल में सुधार
- text-emphasis-* प्रॉपर्टी के लिए, अपने-आप भरी जाने वाली वैल्यू
- बैज के साथ मार्क किए गए स्क्रोल ओवरफ़्लो
- परफ़ॉर्मेंस पैनल में सुधार
- लाइव मेट्रिक में सुझाव
- ब्रेडक्रंब पर नेविगेट करना
- मेमोरी पैनल में किए गए सुधार
- 'अलग किए गए एलिमेंट' की नई प्रोफ़ाइल
- सादे JS ऑब्जेक्ट के बेहतर नाम
- डाइनैमिक थीम की सुविधा बंद करना
- Chrome एक्सपेरिमेंट: प्रोसेस शेयर करना
- Lighthouse 12.2.1
- अन्य हाइलाइट
- Recorder, Firefox के लिए Puppeteer में एक्सपोर्ट करने की सुविधा देता है
- परफ़ॉर्मेंस पैनल में सुधार
- लाइव मेट्रिक के बारे में जानकारी
- नेटवर्क ट्रैक में खोज के अनुरोध
- performance.mark और performance.measure कॉल के स्टैक ट्रेस देखना
- ऑटोमैटिक भरने की सुविधा पैनल में टेस्ट पते का डेटा इस्तेमाल करना
- एलिमेंट पैनल में किए गए सुधार
- चुनिंदा एलिमेंट के लिए ज़्यादा स्टेटस लागू करना
- एलिमेंट > स्टाइल में अब ज़्यादा ग्रिड प्रॉपर्टी अपने-आप पूरी हो जाती हैं
- Lighthouse 12.2.0
- अन्य हाइलाइट
- Gemini की Console की अहम जानकारी, ज़्यादातर यूरोपीय देशों में लाइव होने वाली है
- परफ़ॉर्मेंस पैनल से जुड़े अपडेट
- बेहतर नेटवर्क ट्रैक
- Extensibility API की मदद से, परफ़ॉर्मेंस डेटा को अपनी पसंद के मुताबिक बनाना
- टाइमिंग ट्रैक में मौजूद जानकारी
- नेटवर्क पैनल में मौजूद सभी अनुरोधों को कॉपी करना
- नाम वाले एचटीएमएल टैग और कम क्लटर के साथ, हेप स्नैपशॉट तेज़ी से लेना
- ऐनिमेशन कैप्चर करने और @keyframes में लाइव बदलाव करने के लिए, ऐनिमेशन पैनल खोलना
- Lighthouse 12.1.0
- सुलभता सुविधाओं में सुधार
- अन्य हाइलाइट
- एलिमेंट पैनल में सीएसएस ऐंकर की पोज़िशन की जांच करना
- सोर्स पैनल में सुधार
- बेहतर 'NeverPause Here'
- स्क्रोल स्नैप इवेंट लिसनर
- नेटवर्क पैनल में किए गए सुधार
- नेटवर्क थ्रॉटलिंग के अपडेट किए गए प्रीसेट
- HAR फ़ॉर्मैट के कस्टम फ़ील्ड में, सेवा वर्कर की जानकारी
- परफ़ॉर्मेंस पैनल में WebSocket इवेंट भेजना और पाना
- अन्य हाइलाइट
- परफ़ॉर्मेंस पैनल में सुधार
- अपडेट किए गए ट्रैक कॉन्फ़िगरेशन मोड की मदद से, ट्रैक को एक से दूसरी जगह ले जाना और छिपाना
- फ़्लेम चार्ट में स्क्रिप्ट को अनदेखा करना
- सीपीयू की स्पीड को 20 गुना कम करना
- परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाला पैनल बंद कर दिया जाएगा
- हीप स्नैपशॉट में नए फ़िल्टर की मदद से, ज़्यादा मेमोरी का इस्तेमाल ढूंढना
- ऐप्लिकेशन > स्टोरेज में जाकर, स्टोरेज बकेट की जांच करना
- कमांड-लाइन फ़्लैग की मदद से, अपने-आप होने वाले एक्सएसएस (एक्सट्रेसिव सर्वर साइड स्क्रिप्ट) की चेतावनियां बंद करना
- Lighthouse 12.0.0
- अन्य हाइलाइट
- Gemini की मदद से, Console में मिलने वाली गड़बड़ियों और चेतावनियों को बेहतर तरीके से समझें
- @position-try नियमों के साथ काम करने वाले एलिमेंट > स्टाइल
- सोर्स पैनल में किए गए सुधार
- अपने-आप प्रीटी-प्रिंट होने की सुविधा और ब्रैकेट बंद होने की सुविधा कॉन्फ़िगर करना
- प्रॉमिस को मैनेज करने के बाद, उन्हें 'पकड़ा गया' के तौर पर मार्क किया जाता है
- कंसोल में गड़बड़ी की वजहें
- नेटवर्क पैनल में सुधार
- शुरुआती हिंट वाले हेडर की जांच करना
- वॉटरफ़ॉल कॉलम छिपाना
- परफ़ॉर्मेंस पैनल में सुधार
- सीएसएस सिलेक्टर के आंकड़े कैप्चर करना
- क्रम बदलना और ट्रैक छिपाना
- मेमोरी पैनल में रिटेनर को अनदेखा करना
- लाइटहाउस 11.7.1
- अन्य खास बातें
- ऑटोमैटिक भरी जाने वाली जानकारी का नया पैनल
- WebRTC के लिए बेहतर नेटवर्क थ्रॉटलिंग
- ऐनिमेशन पैनल में स्क्रोल किए जाने वाले ऐनिमेशन काम करते हैं
- एलिमेंट > स्टाइल में, सीएसएस नेस्टिंग की सुविधा को बेहतर बनाया गया है
- बेहतर परफ़ॉर्मेंस पैनल
- फ़्लेम चार्ट में फ़ंक्शन और उनके चाइल्ड को छिपाना
- चुने गए उपयोगकर्ताओं से उन इवेंट तक ऐरो जो उन्होंने शुरू किए
- Lighthouse 11.6.0
- मेमोरी > ढेर के स्नैपशॉट में खास कैटगरी के लिए टूलटिप
- ऐप्लिकेशन > स्टोरेज से जुड़े अपडेट
- शेयर किए गए स्टोरेज के लिए इस्तेमाल किए गए बाइट
- वेब एसक्यूएल की सुविधा पूरी तरह से काम नहीं करती है
- कवरेज पैनल में किए गए सुधार
- लेयर पैनल के इस्तेमाल पर जल्द ही रोक लगा दी जाएगी
- JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रक्रिया: चौथा चरण, आखिरी चरण
- अन्य हाइलाइट
- ईस्टर एग ढूंढना
- एलिमेंट पैनल से जुड़े अपडेट
- एलिमेंट > स्टाइल में, फ़ोकस किए गए पेज को एम्युलेट करना
var()
फ़ॉलबैक में, कलर पिकर, ऐंगल क्लॉक, और ईज़िंग एडिटर की सुविधा- सीएसएस की लंबाई का पता लगाने वाला टूल अब काम नहीं करता
- परफ़ॉर्मेंस > मुख्य ट्रैक में, चुने गए खोज नतीजे के लिए पॉपओवर
- नेटवर्क पैनल से जुड़े अपडेट
- नेटवर्क > EventStream टैब में, 'मिटाएं' बटन और खोज फ़िल्टर
- नेटवर्क > कुकी में, तीसरे पक्ष की कुकी को छूट देने की वजहों के बारे में टूलटिप
- सोर्स में सभी ब्रेकपॉइंट चालू और बंद करना
- Node.js के लिए DevTools में लोड की गई स्क्रिप्ट देखना
- Lighthouse 11.5.0
- सुलभता सुविधाओं में सुधार
- अन्य खास बातें
- Recorder एक्सटेंशन का आधिकारिक कलेक्शन लाइव है
- नेटवर्क से जुड़े सुधार
- स्टेटस कॉलम में, गड़बड़ी की वजह
- बेहतर कॉपी सबमेन्यू
- परफ़ॉर्मेंस में सुधार
- टाइमलाइन में ब्रेडक्रंब
- मुख्य ट्रैक में इवेंट शुरू करने वाले
- Node.js DevTools के लिए JavaScript वीएम इंस्टेंस सिलेक्टर मेन्यू
- सोर्स में नया शॉर्टकट और निर्देश
- एलिमेंट में किए गए सुधार
- The ::view-transition pseudo-element अब स्टाइल में बदलाव किया जा सकता है
- ब्लॉक कंटेनर के लिए, align-content प्रॉपर्टी का इस्तेमाल करना
- एम्यूलेट किए गए फ़ोल्ड किए जा सकने वाले डिवाइसों के लिए, पोज़िशन की जानकारी देने की सुविधा
- डाइनैमिक थीमिंग
- नेटवर्क और ऐप्लिकेशन पैनल में, तीसरे पक्ष की कुकी के फ़ेज़ आउट से जुड़ी चेतावनियां
- लाइटहाउस 11.4.0
- सुलभता सुविधाओं में सुधार
- अन्य हाइलाइट
- एलिमेंट में किए गए सुधार
- नेटवर्क पैनल में बेहतर फ़िल्टर बार
@font-palette-values
सहायता- काम करने वाला उदाहरण: किसी दूसरी कस्टम प्रॉपर्टी के फ़ॉलबैक के तौर पर कस्टम प्रॉपर्टी
- सोर्स मैप के लिए बेहतर सहायता
- परफ़ॉर्मेंस पैनल में सुधार
- बेहतर इंटरैक्शन ट्रैक
- बॉटम-अप, कॉल ट्री, और इवेंट लॉग टैब में बेहतर फ़िल्टरिंग
- सोर्स पैनल में इंडेंटेशन मार्कर
- नेटवर्क पैनल में, बदले गए हेडर और कॉन्टेंट के लिए मददगार टूलटिप
- अनुरोध को ब्लॉक करने के पैटर्न को जोड़ने और हटाने के लिए, निर्देश मेन्यू के नए विकल्प
- सीएसपी उल्लंघन से जुड़ा एक्सपेरिमेंट हटा दिया गया है
- Lighthouse 11.3.0
- सुलभता सुविधाओं में सुधार
- अन्य हाइलाइट
- तीसरे पक्ष की कुकी का फ़ेज़आउट
- Privacy Sandbox विश्लेषण टूल की मदद से, अपनी वेबसाइट की कुकी का विश्लेषण करना
- 'अनदेखा करें' सुविधा को बेहतर बनाया गया
- node_modules के लिए, बाहर रखे जाने वाले डिफ़ॉल्ट पैटर्न
- अगर कोई अपवाद पकड़ा जाता है या उसे ऐसे कोड से पास किया जाता है जिसे अनदेखा नहीं किया जाता है, तो अब कोड का काम करना बंद हो जाता है
x_google_ignoreList
का नाम बदलकर सोर्स मैप मेंignoreList
कर दिया गया है- रिमोट डीबगिंग के दौरान, इनपुट मोड को टॉगल करने का नया तरीका
- एलिमेंट पैनल में अब #document नोड के लिए यूआरएल दिखते हैं
- ऐप्लिकेशन पैनल में कॉन्टेंट की सुरक्षा के बारे में लागू नीति
- ऐनिमेशन को डीबग करने की बेहतर सुविधा
- 'क्या आपको इस कोड पर भरोसा है?' सोर्स में डायलॉग और कंसोल में सेल्फ़-XSS चेतावनी
- वेब वर्कर्स और वर्कलेट में इवेंट लिस्नर ब्रेकपॉइंट
<audio>
और<video>
के लिए नया मीडिया बैज- पहले से लोड करने की सुविधा का नाम बदलकर, अनुमान के हिसाब से लोड होने की सुविधा में किया गया
- Lighthouse 11.2.0
- सुलभता सुविधाओं में सुधार
- अन्य हाइलाइट
- एलिमेंट > स्टाइल में, @property सेक्शन को बेहतर बनाया गया
- बदलाव करने लायक @property नियम
- अमान्य @property नियमों से जुड़ी समस्याओं की शिकायत की जाती है
- एम्युलेट करने के लिए डिवाइसों की अपडेट की गई सूची
- सोर्स में स्क्रिप्ट टैग में, इनलाइन JSON को प्रीटी-प्रिंट करना
- Console में निजी फ़ील्ड के लिए ऑटोकंप्लीट की सुविधा
- लाइटहाउस 11.1.0
- सुलभता सुविधाओं में सुधार
- Web SQL का बंद होना
- ऐप्लिकेशन > मेनिफ़ेस्ट में स्क्रीनशॉट के आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) की पुष्टि करना
- अन्य हाइलाइट
- एलिमेंट > स्टाइल में कस्टम प्रॉपर्टी के लिए नया सेक्शन
- लोकल ओवरराइड की सुविधा में और सुधार
- बेहतर खोज की सुविधा
- सोर्स पैनल को बेहतर बनाया गया है
- सोर्स पैनल में बेहतर तरीके से काम करने की सुविधा
- सोर्स में पैनल का क्रम बदलना
- ज़्यादा स्क्रिप्ट टाइप के लिए, सिंटैक्स हाइलाइट करने और प्रीटी-प्रिंटिंग की सुविधा
- Pres-reduced-transparency मीडिया सुविधा को चालू करें
- लाइटहाउस 11
- सुलभता सुविधाओं में सुधार
- अन्य हाइलाइट
- नेटवर्क पैनल में किए गए सुधार
- वेब कॉन्टेंट को स्थानीय तौर पर और भी तेज़ी से बदलना
- XHR और फ़ेच अनुरोधों के कॉन्टेंट को बदलना
- Chrome एक्सटेंशन के अनुरोध छिपाना
- एचटीटीपी स्टेटस कोड, जिन्हें कोई भी पढ़ सकता है
परफ़ॉर्मेंस: नेटवर्क इवेंट के लिए, फ़ेच करने की प्राथमिकता में हुए बदलाव देखना
- सोर्स की सेटिंग डिफ़ॉल्ट रूप से चालू होती हैं: कोड फ़ोल्डिंग और फ़ाइल का अपने-आप दिखना
- तीसरे पक्ष की कुकी से जुड़ी समस्याओं को डीबग करने की सुविधा को बेहतर बनाया गया
- नए रंग
- Lighthouse 10.4.0
- ऐप्लिकेशन पैनल में, पेज को पहले से लोड करने की सुविधा को डीबग करना
- DevTools के लिए C/C++ WebAssembly डीबगिंग एक्सटेंशन अब ओपन सोर्स है
- अन्य खास बातें
- (प्रयोग के तौर पर) रेंडरिंग एमुलेटर का नया वर्शन: prefers-reduced-transparency
- (प्रयोग के तौर पर) बेहतर प्रोटोकॉल मॉनिटर
- मौजूद न होने वाली स्टाइलशीट को डीबग करने की सुविधा को बेहतर बनाया गया है
- एलिमेंट > स्टाइल > आसान बनाने वाले एडिटर में लीनियर टाइमिंग की सुविधा
- स्टोरेज बकेट के साथ काम करने की सुविधा और मेटाडेटा व्यू
- Lighthouse 10.3.0
- सुलभता: कीबोर्ड निर्देश और बेहतर स्क्रीन रीडिंग
- अन्य हाइलाइट
- एलिमेंट में किए गए सुधार
- सीएसएस सबग्रिड का नया बैज
- टूलटिप में सिलेक्टर की खास जानकारी
- टूलटिप में कस्टम सीएसएस प्रॉपर्टी की वैल्यू
- सोर्स में सुधार
- सीएसएस सिंटैक्स हाइलाइट करना
- शर्त के हिसाब से ब्रेकपॉइंट सेट करने का शॉर्टकट
- ऐप्लिकेशन > बाउंस ट्रैकिंग पर लागू होने वाली पाबंदियां
- Lighthouse 10.2.0
- डिफ़ॉल्ट रूप से कॉन्टेंट स्क्रिप्ट को अनदेखा करना
- नेटवर्क > रिस्पॉन्स में सुधार
- अन्य हाइलाइट
- WebAssembly डीबग करने की सुविधा
- Wasm ऐप्लिकेशन में, चरणों के व्यवहार को बेहतर बनाया गया है
- एलिमेंट पैनल और समस्याएं टैब का इस्तेमाल करके, अपने-आप जानकारी भरने की सुविधा को डीबग करना
- Recorder में एसर्टमेंट
- Lighthouse 10.1.1
- परफ़ॉर्मेंस को बेहतर बनाना
- performance.mark() फ़ंक्शन, परफ़ॉर्मेंस > टाइमिंग में कर्सर घुमाने पर टाइमिंग दिखाता है
- profile() कमांड से परफ़ॉर्मेंस > मुख्य जानकारी अपने-आप भर जाती है
- उपयोगकर्ता के धीमे इंटरैक्शन के लिए चेतावनी
- वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी से जुड़े अपडेट
- JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रक्रिया: तीसरा चरण
- अन्य खास बातें
- नेटवर्क रिस्पॉन्स हेडर बदलना
- Nuxt, Vite, और Rollup डीबग करने की सुविधा में सुधार
- एलिमेंट > स्टाइल में सीएसएस में सुधार
- अमान्य सीएसएस प्रॉपर्टी और वैल्यू
- ऐनिमेशन शॉर्टहैंड प्रॉपर्टी में मुख्य फ़्रेम के लिंक
- कंसोल की नई सेटिंग: Enter दबाने पर ऑटोकंप्लीट की सुविधा
- कमांड मेन्यू में, आपके बनाए गए दस्तावेज़ों पर ज़ोर दिया जाता है
- JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रक्रिया: दूसरा चरण
- अन्य हाइलाइट
- रिकॉर्डर से जुड़े अपडेट
- Recorder को फिर से चलाने वाले एक्सटेंशन
- पियर्स सिलेक्टर की मदद से रिकॉर्ड करना
- Lighthouse विश्लेषण की मदद से रिकॉर्डिंग को Puppeteer स्क्रिप्ट के तौर पर एक्सपोर्ट करें
- Recorder के लिए एक्सटेंशन पाना
- एलिमेंट > स्टाइल अपडेट
- स्टाइल पैनल में सीएसएस दस्तावेज़
- सीएसएस नेस्टिंग की सुविधा
- कंसोल में लॉगपॉइंट और शर्त के साथ ब्रेकपॉइंट मार्क करना
- डीबग करने के दौरान, काम की नहीं स्क्रिप्ट को अनदेखा करना
- JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रोसेस शुरू हो गई है
- कम कंट्रास्ट को कम करना
- Lighthouse 10
- अन्य खास बातें
- स्टाइल पैनल की मदद से, एचडी कलर की गड़बड़ी को डीबग करना
- बेहतर ब्रेकपॉइंट UX
- रिकॉर्डर के लिए पसंद के मुताबिक शॉर्टकट
- एंगुलर के लिए बेहतर सिंटैक्स हाइलाइट
- ऐप्लिकेशन पैनल में कैश मेमोरी को फिर से व्यवस्थित करना
- अन्य हाइलाइट
- पेज को रीफ़्रेश करने पर परफ़ॉर्मेंस पैनल को खाली करना
- Recorder से जुड़े अपडेट
- Recorder में अपने यूज़र फ़्लो का कोड देखना और हाइलाइट करना
- रिकॉर्डिंग के लिए सिलेक्टर के टाइप को पसंद के मुताबिक बनाना
- रिकॉर्डिंग के दौरान यूज़र फ़्लो में बदलाव करना
- अपने-आप प्रिटी प्रिंट होने की सुविधा
- Vue, SCSS वगैरह के लिए बेहतर सिंटैक्स हाइलाइट और इनलाइन झलक
- Console में, काम के हिसाब से और लगातार काम करने वाली ऑटोकंप्लीट सुविधा
- अन्य हाइलाइट
- रिकॉर्डर: चरणों के विकल्पों के तौर पर कॉपी करें, पेज पर फिर से चलाएं, चरण के कॉन्टेक्स्ट मेन्यू
- परफ़ॉर्मेंस की रिकॉर्डिंग में फ़ंक्शन के असली नाम दिखाना
- कंसोल और सोर्स पैनल में नए कीबोर्ड शॉर्टकट
- JavaScript को बेहतर तरीके से डीबग करना
- अन्य खास बातें
- [प्रयोग के तौर पर उपलब्ध] ब्रेकपॉइंट मैनेज करने में बेहतर यूज़र एक्सपीरियंस
- [एक्सपेरिमेंटल] प्रीटी प्रिंट की सुविधा, जो डेटा को बदले बिना अपने-आप लागू होती है
- बंद सीएसएस प्रॉपर्टी के लिए संकेत
- रिकॉर्डर पैनल में XPath और टेक्स्ट सिलेक्टर का अपने-आप पता चलना
- कॉमा लगाकर अलग किए गए एक्सप्रेशन को सिलसिलेवार तरीके से देखना
- 'अनदेखा करें' सूची की बेहतर सेटिंग
- अन्य खास बातें
- DevTools में कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाना
- कीबोर्ड शॉर्टकट का इस्तेमाल करके, हल्के और गहरे रंग वाली थीम के बीच टॉगल करना
- मेमोरी इंस्पेक्टर में C/C++ ऑब्जेक्ट हाइलाइट करना
- HAR इंपोर्ट के लिए, इंटिग्रेशन शुरू करने वाले व्यक्ति की पूरी जानकारी देने की सुविधा
Enter
दबाने के बाद, DOM खोज शुरू करनाalign-content
सीएसएस फ़्लेक्सबॉक्स प्रॉपर्टी के लिएstart
औरend
आइकॉन दिखाएं- अन्य हाइलाइट
- सोर्स पैनल में, 'लिखे गए / डिप्लॉय किए गए' के हिसाब से फ़ाइलों का ग्रुप बनाना
- एक साथ काम नहीं करने वाले ऑपरेशन के लिए लिंक की गई स्टैक ट्रेस
- तीसरे पक्ष की जानी-पहचानी स्क्रिप्ट को अपने-आप अनदेखा करना
- डीबग करने के दौरान कॉल स्टैक को बेहतर बनाया गया
- सोर्स पैनल में, 'अनदेखा करें' की सूची में शामिल सोर्स छिपाना
- 'अनदेखा करें' सूची में शामिल फ़ाइलों को कमांड मेन्यू में छिपाना
- परफ़ॉर्मेंस पैनल में नया इंटरैक्शन ट्रैक
- परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल में, एलसीपी के समय का ब्रेकडाउन
- Recorder पैनल में रिकॉर्डिंग के लिए, डिफ़ॉल्ट नाम अपने-आप जनरेट होना
- अन्य हाइलाइट
- Recorder में सिलसिलेवार तरीके से रिकॉर्डिंग को फिर से चलाना
- Recorder पैनल में, माउस-ओवर इवेंट की सुविधा देता है
- परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल में सबसे बड़े एलिमेंट को रेंडर करने में लगने वाला समय (एलसीपी)
- टेक्स्ट की चमक (एफ़ओआईटी, एफ़ओटी) को लेआउट शिफ़्ट की संभावित वजहों के तौर पर पहचानें
- मेनिफ़ेस्ट पैनल में प्रोटोकॉल हैंडलर
- एलिमेंट पैनल में टॉप लेयर बैज
- रनटाइम के दौरान, Wasm को डीबग करने से जुड़ी जानकारी अटैच करना
- डीबग करने के दौरान लाइव बदलाव करने की सुविधा
- स्टाइल पैनल में, @scope at नियमों को देखना और उनमें बदलाव करना
- मैप में किए गए सुधार के सोर्स
- अन्य हाइलाइट
- डीबग करने के दौरान फ़्रेम को रीस्टार्ट करना
- Recorder पैनल में, वीडियो को धीरे-धीरे चलाने के विकल्प
- Recorder पैनल के लिए एक्सटेंशन बनाना
- सोर्स पैनल में, 'लिखे गए / डिप्लॉय किए गए' के हिसाब से फ़ाइलों का ग्रुप बनाना
- परफ़ॉर्मेंस की अहम जानकारी वाले पैनल में, उपयोगकर्ता समय को ट्रैक करने की नई सुविधा
- किसी एलिमेंट का असाइन किया गया स्लॉट दिखाना
- परफ़ॉर्मेंस रिकॉर्डिंग के लिए, हार्डवेयर के एक साथ कई काम करने की सुविधा को सिम्युलेट करना
- सीएसएस वैरिएबल को अपने-आप पूरा करने पर, नॉन-कलर वैल्यू की झलक देखना
- बैक/फ़ॉरवर्ड कैश मेमोरी पैनल में, ब्लॉक करने वाले फ़्रेम की पहचान करना
- JavaScript ऑब्जेक्ट के लिए, अपने-आप पूरे होने वाले बेहतर सुझाव
- सोर्स मैप में किए गए सुधार
- अन्य हाइलाइट
- रिकॉर्डर पैनल में, डबल क्लिक और राइट क्लिक इवेंट कैप्चर करना
- Lighthouse पैनल में नया टाइमस्पैन और स्नैपशॉट मोड
- परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल में, ज़ूम कंट्रोल को बेहतर बनाया गया है
- परफ़ॉर्मेंस रिकॉर्डिंग मिटाने की पुष्टि करना
- एलिमेंट पैनल में पैनल का क्रम बदलना
- ब्राउज़र के बाहर कोई रंग चुनना
- डीबग करने के दौरान, इनलाइन वैल्यू की बेहतर झलक
- वर्चुअल ऑथेंटिकेटर के लिए बड़े ब्लॉब का इस्तेमाल करना
- सोर्स पैनल में नए कीबोर्ड शॉर्टकट
- सोर्स मैप में हुए सुधार
- झलक देखने की सुविधा: परफ़ॉर्मेंस की अहम जानकारी देने वाला नया पैनल
- हल्के और गहरे रंग वाली थीम को इस्तेमाल करने के लिए नए शॉर्टकट
- नेटवर्क की झलक वाले टैब पर बेहतर सुरक्षा
- ब्रेकपॉइंट पर बेहतर तरीके से फिर से लोड करना
- कंसोल से जुड़े अपडेट
- शुरुआत में यूज़र फ़्लो रिकॉर्डिंग रद्द करना
- स्टाइल पैनल में, इनहेरिट किए गए हाइलाइट वाले स्यूडो-एलिमेंट दिखाना
- अन्य हाइलाइट
- [प्रयोग के तौर पर उपलब्ध] सीएसएस में किए गए बदलावों को कॉपी करना
- [प्रयोग के तौर पर उपलब्ध] ब्राउज़र के बाहर रंग चुनना
- रिकॉर्ड किए गए उपयोगकर्ता फ़्लो को JSON फ़ाइल के तौर पर इंपोर्ट और एक्सपोर्ट करना
- स्टाइल पैनल में कैस्केड लेयर देखना
hwb()
कलर फ़ंक्शन के लिए सहायता- निजी प्रॉपर्टी के डिसप्ले को बेहतर बनाया गया
- अन्य हाइलाइट
- [प्रयोग के तौर पर उपलब्ध] लाइटहाउस पैनल में नया टाइमस्पैन और स्नैपशॉट मोड
- स्टाइल पैनल में, @supports at नियमों को देखना और उनमें बदलाव करना
- डिफ़ॉल्ट रूप से, सामान्य सिलेक्टर के साथ काम करता है
- रिकॉर्डिंग के सिलेक्टर को पसंद के मुताबिक बनाना
- रिकॉर्डिंग का नाम बदलना
- क्लास/फ़ंक्शन प्रॉपर्टी पर कर्सर घुमाने पर उनकी झलक देखना
- परफ़ॉर्मेंस पैनल में कुछ फ़्रेम पेश किए गए
- अन्य खास बातें
- WebSocket अनुरोधों को थ्रॉटल करना
- ऐप्लिकेशन पैनल में नया Reporting API पैनल
- रिकॉर्डर पैनल में एलिमेंट दिखने/उस पर क्लिक करने लायक होने तक इंतज़ार करें
- कंसोल की स्टाइल, फ़ॉर्मैटिंग, और फ़िल्टर करने की सुविधा को बेहतर बनाया गया है
- सोर्स मैप फ़ाइलों की मदद से Chrome एक्सटेंशन को डीबग करना
- सोर्स पैनल में, सोर्स फ़ोल्डर ट्री को बेहतर बनाया गया
- सोर्स पैनल में वर्कर्स की सोर्स फ़ाइलें दिखाना
- Chrome पर गहरे रंग वाली थीम अपने-आप चालू होने की सुविधा से जुड़े अपडेट
- टच-फ़्रेंडली कलर-पिकर और स्प्लिट पैनल
- अन्य हाइलाइट
- झलक दिखाने वाली सुविधा: पूरे पेज का सुलभता ट्री
- 'बदलाव' टैब में ज़्यादा सटीक बदलाव
- यूज़र फ़्लो रिकॉर्डिंग के लिए, ज़्यादा देर तक टाइम आउट सेट करना
- पक्का करें कि आपके पेजों को बैक/फ़ॉरवर्ड कैश मेमोरी टैब की मदद से कैश मेमोरी में सेव किया जा सकता हो
- नई प्रॉपर्टी पैनल फ़िल्टर
- सीएसएस के फ़ोर्स किए गए कलर की मीडिया सुविधा को लागू करना
- 'कर्सर घुमाने पर रूलर दिखाएं' कमांड
- फ़्लेक्सबॉक्स एडिटर में
row-reverse
औरcolumn-reverse
का इस्तेमाल करना - XHR को फिर से चलाने और खोज के सभी नतीजों को बड़ा करने के लिए, कीबोर्ड के नए शॉर्टकट
- Lighthouse पैनल में Lighthouse 9
- सोर्स पैनल को बेहतर बनाया गया है
- अन्य हाइलाइट
- [प्रयोग के लिए] Reporting API पैनल में एंडपॉइंट
- झलक देखने की सुविधा: नया रिकॉर्डर पैनल
- डिवाइस मोड में डिवाइस की सूची रीफ़्रेश करना
- 'एचटीएमएल के तौर पर बदलाव करें' की मदद से ऑटोकंप्लीट करना
- कोड को डीबग करने का बेहतर अनुभव
- सभी डिवाइसों पर DevTools की सेटिंग सिंक करना
- झलक देखने की सुविधा: सीएसएस की खास जानकारी वाला नया पैनल
- सीएसएस की लंबाई में बदलाव करने और कॉपी करने के अनुभव को पहले जैसा और बेहतर किया गया
- सीएसएस की prefers-contrast मीडिया फ़ीचर को एम्युलेट करना
- Chrome की ऑटो डार्क थीम सुविधा को बेहतर बनाएं
- स्टाइल पैनल में, एलान को JavaScript के तौर पर कॉपी करना
- नेटवर्क पैनल में नया पेलोड टैब
- प्रॉपर्टी पैनल में प्रॉपर्टी के डिसप्ले को बेहतर बनाया गया है
- कंसोल में सीओआरएस से जुड़ी गड़बड़ियों को छिपाने का विकल्प
- Console में
Intl
ऑब्जेक्ट की सही झलक और उसका आकलन - एक साथ काम नहीं करने वाले स्टैक ट्रेस
- कंसोल साइडबार को बनाए रखना
- ऐप्लिकेशन पैनल में, ऐप्लिकेशन की कैश मेमोरी का पैनल अब काम नहीं करता
- [प्रयोग के तौर पर उपलब्ध] ऐप्लिकेशन पैनल में Reporting API का नया पैनल
- सीएसएस की लंबाई तय करने वाले नए टूल
- समस्याओं वाले टैब में समस्याएं छिपाना
- प्रॉपर्टी को बेहतर तरीके से दिखाने की सुविधा
- Lighthouse पैनल में Lighthouse 8.4
- सोर्स पैनल में स्निपेट को क्रम से लगाना
- अनुवाद की गई रिलीज़ नोट के नए लिंक और अनुवाद से जुड़ी गड़बड़ी की शिकायत करना
- DevTools कमांड मेन्यू के लिए बेहतर यूज़र इंटरफ़ेस (यूआई)
- DevTools को अपनी पसंदीदा भाषा में इस्तेमाल करना
- डिवाइसों की सूची में नए Nest Hub डिवाइसों की जानकारी
- फ़्रेम की जानकारी वाले व्यू में ऑरिजिन ट्रायल
- सीएसएस कंटेनर क्वेरी का नया बैज
- नेटवर्क फ़िल्टर को उलटने के लिए नया चेकबॉक्स
- कंसोल साइडबार की सुविधा बंद होने वाली है
- समस्याओं वाले टैब और नेटवर्क पैनल में रॉ
Set-Cookies
हेडर दिखाना - Console में, नेटिव ऐक्सेसर को अपनी प्रॉपर्टी के तौर पर लगातार दिखाना
- #sourceURL के साथ इनलाइन स्क्रिप्ट के लिए, गड़बड़ी के सही स्टैक ट्रेस
- 'कंप्यूट किया गया' पैनल में रंग का फ़ॉर्मैट बदलना
- कस्टम टूलटिप को नेटिव एचटीएमएल टूलटिप से बदलना
- [प्रयोग के तौर पर उपलब्ध] 'समस्याएं' टैब में समस्याएं छिपाना
- स्टाइल पैनल में सीएसएस कंटेनर की क्वेरी में बदलाव किया जा सकता है
- नेटवर्क पैनल में वेब बंडल की झलक
- Attribution Reporting API को डीबग करना
- Console में स्ट्रिंग को बेहतर तरीके से मैनेज करना
- सीओआरएस डीबग करने की बेहतर सुविधा
- लाइटहाउस 8.1
- मेनिफ़ेस्ट पैनल में मौजूद नए नोट का यूआरएल
- सीएसएस मैचिंग सिलेक्टर ठीक किए गए
- नेटवर्क पैनल में JSON रिस्पॉन्स को प्रीटी-प्रिंट करना
- सीएसएस ग्रिड एडिटर
- Console में
const
को फिर से एलान करने की सुविधा - सोर्स ऑर्डर व्यूअर
- फ़्रेम की जानकारी देखने के लिए नया शॉर्टकट
- सीओआरएस डीबग करने के लिए बेहतर सहायता
- XHR लेबल का नाम बदलकर Fetch/XHR करें
- नेटवर्क पैनल में Wasm संसाधन टाइप को फ़िल्टर करें
- नेटवर्क की स्थितियां टैब में, डिवाइसों के लिए यूज़र-एजेंट क्लाइंट हिंट
- 'अनोखी समस्याओं के लिए मोड' से जुड़ी समस्याओं की शिकायत, 'समस्याएं' टैब में करना
- परफ़ॉर्मेंस पैनल में कंप्यूट इंटरसेक्शन शामिल करना
- Lighthouse पैनल में Lighthouse 7.5
- कॉल स्टैक में "फ़्रेम को फिर से शुरू करें" संदर्भ मेन्यू को बंद कर दिया गया है
- [प्रयोग के तौर पर] प्रोटोकॉल मॉनिटर
- [प्रयोग के तौर पर उपलब्ध] Puppeteer Recorder
- वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाला पॉप-अप
- नया मेमोरी इंस्पेक्टर
- सीएसएस स्क्रोल-स्नैप को विज़ुअलाइज़ करना
- बैज की सेटिंग का नया पैनल
- आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) की जानकारी के साथ, इमेज की बेहतर झलक
Content-Encoding
को कॉन्फ़िगर करने के विकल्पों के साथ, नेटवर्क की नई शर्तों का बटन- कंप्यूट की गई वैल्यू देखने का शॉर्टकट
accent-color
कीवर्ड- रंगों और आइकॉन की मदद से, समस्याओं के टाइप को कैटगरी में बांटना
- ट्रस्ट टोकन मिटाना
- फ़्रेम की ज़्यादा जानकारी वाले व्यू में ब्लॉक की गई सुविधाएं
- एक्सपेरिमेंट सेटिंग में एक्सपेरिमेंट फ़िल्टर करना
- कैश स्टोरेज पैनल में नया
Vary Header
कॉलम - JavaScript प्राइवेट ब्रैंड की जांच करने की सुविधा
- ब्रेकपॉइंट डीबग करने के लिए बेहतर सहायता
[]
नोटेशन के साथ कर्सर घुमाने पर झलक देखें- एचटीएमएल फ़ाइलों की बेहतर आउटलाइन
- Wasm डीबगिंग के लिए, गड़बड़ी के सही स्टैक ट्रेस
- सीएसएस फ़्लेक्सबॉक्स डीबग करने वाले नए टूल
- वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का नया ओवरले
- समस्या की संख्या को Console के स्टेटस बार में ले जाया गया
- भरोसेमंद वेब गतिविधि से जुड़ी समस्याओं की शिकायत करना
- कंसोल में, स्ट्रिंग को (मान्य) JavaScript स्ट्रिंग लिटरल के तौर पर फ़ॉर्मैट करना
- ऐप्लिकेशन पैनल में नया ट्रस्ट टोकन पैनल
- सीएसएस मीडिया फ़ीचर color-gamut को एम्युलेट करना
- प्रोग्रेसिव वेब ऐप्लिकेशन टूल की बेहतर सुविधाएं
- नेटवर्क पैनल में नया
Remote Address Space
कॉलम - परफ़ॉर्मेंस में सुधार
- फ़्रेम की ज़्यादा जानकारी वाले व्यू में, इस्तेमाल की अनुमति वाली/अनुमति नहीं वाली सुविधाएं दिखाना
- कुकी पैनल में नया
SameParty
कॉलम - बिना स्टैंडर्ड वाले
fn.displayName
के काम नहीं करते - सेटिंग मेन्यू में
Don't show Chrome Data Saver warning
का बंद होना - [प्रयोग के तौर पर उपलब्ध] समस्याओं वाले टैब में, कम कंट्रास्ट वाली समस्याओं की अपने-आप रिपोर्टिंग
- [प्रयोग के तौर पर उपलब्ध] एलिमेंट पैनल में सुलभता ट्री व्यू का पूरा वर्शन
- भरोसेमंद टाइप के उल्लंघनों के लिए, सहायता को डीबग करना
- व्यूपोर्ट से बाहर के नोड का स्क्रीनशॉट लेना
- नेटवर्क अनुरोधों के लिए नया ट्रस्ट टोकन टैब
- Lighthouse पैनल में Lighthouse 7
- सीएसएस की
:target
स्थिति को हर हाल में लागू करना - डुप्लीकेट एलिमेंट बनाने के लिए नया शॉर्टकट
- कस्टम सीएसएस प्रॉपर्टी के लिए कलर पिकर
- सीएसएस प्रॉपर्टी कॉपी करने के लिए नए शॉर्टकट
- डिकोड किए गए यूआरएल वाली कुकी दिखाने का नया विकल्प
- सिर्फ़ दिखने वाली कुकी मिटाना
- स्टोरेज पैनल में तीसरे पक्ष की कुकी मिटाने का नया विकल्प
- कस्टम डिवाइसों के लिए, User-Agent Client Hints में बदलाव करना
- "नेटवर्क लॉग रिकॉर्ड करें" सेटिंग को सेव करना
- नेटवर्क पैनल में WebTransport कनेक्शन देखें
- "ऑनलाइन" का नाम बदलकर "बिना किसी थ्रॉटलिंग के" किया गया
- कंसोल, सोर्स पैनल, और स्टाइल पैनल में कॉपी करने के नए विकल्प
- फ़्रेम की जानकारी वाले व्यू में, नई सेवा वर्कर की जानकारी
- फ़्रेम की ज़्यादा जानकारी वाले व्यू में, मेमोरी की जानकारी मेज़र करना
- 'समस्याएं' टैब में जाकर सुझाव/राय देना या शिकायत करना
- परफ़ॉर्मेंस पैनल में छोड़े गए फ़्रेम
- डिवाइस मोड में, फ़ोल्ड किए जा सकने वाले और ड्यूअल स्क्रीन वाले डिवाइसों को एमुलेट करना
- [प्रयोग के तौर पर उपलब्ध] Puppeteer Recorder की मदद से, ब्राउज़र की जांच को ऑटोमेट करना
- [प्रयोग के तौर पर उपलब्ध] स्टाइल पैनल में फ़ॉन्ट एडिटर
- [प्रयोग के तौर पर उपलब्ध] सीएसएस फ़्लेक्सबॉक्स डीबग करने वाले टूल
- [प्रयोग के तौर पर उपलब्ध] सीएसपी के उल्लंघनों का नया टैब
- [प्रयोग के तौर पर] रंग के कंट्रास्ट को कैलकुलेट करने का नया तरीका - ऐडवांस्ड पर्सेप्चुअल कंट्रास्ट एल्गोरिदम (एपीसीए)
- DevTools को तेज़ी से शुरू करना
- सीएसएस के नए ऐंगल विज़ुअलाइज़ेशन टूल
- इमेज के ऐसे टाइप को एमुलेट करना जो काम नहीं करते
- 'स्टोरेज' पैनल में स्टोरेज कोटा के साइज़ को सिम्युलेट करना
- परफ़ॉर्मेंस पैनल में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी वाली नई लेन
- नेटवर्क पैनल में सीओआरएस से जुड़ी गड़बड़ियों की शिकायत करना
- फ़्रेम की ज़्यादा जानकारी वाले व्यू में, क्रॉस-ऑरिजिन आइसोलेशन की जानकारी
- फ़्रेम की जानकारी वाले व्यू में, वेब वर्कर्स की नई जानकारी
- खुली विंडो के लिए, ओपनर फ़्रेम की जानकारी दिखाना
- Service Workers पैनल से नेटवर्क पैनल खोलना
- प्रॉपर्टी वैल्यू कॉपी करना
- नेटवर्क शुरू करने वाले के लिए स्टैक ट्रेस कॉपी करना
- माउस घुमाने पर, Wasm वैरिएबल की वैल्यू की झलक देखना
- कंसोल में Wasm वैरिएबल का आकलन करना
- फ़ाइल/मेमोरी के साइज़ के लिए मेज़रमेंट की एक जैसी यूनिट
- एलिमेंट पैनल में स्यूडो एलिमेंट हाइलाइट करना
- [प्रयोग के तौर पर उपलब्ध] सीएसएस फ़्लेक्सबॉक्स डीबगिंग टूल
- [प्रयोग के तौर पर उपलब्ध] पसंद के मुताबिक, कोर्ड के लिए कीबोर्ड शॉर्टकट तय करना
- सीएसएस ग्रिड को डीबग करने वाले नए टूल
- नया WebAuthn टैब
- टूल को सबसे ऊपर और सबसे नीचे वाले पैनल के बीच ले जाना
- स्टाइल पैनल में नया कंप्यूटेड साइडबार पैनल
- 'कंप्यूट किया गया' पैनल में सीएसएस प्रॉपर्टी को ग्रुप करना
- Lighthouse पैनल में Lighthouse 6.3
- टाइमिंग सेक्शन में
performance.mark()
इवेंट - नेटवर्क पैनल में नए
resource-type
औरurl
फ़िल्टर - फ़्रेम की ज़्यादा जानकारी वाले सेक्शन में अपडेट
- 'ज़्यादा टूल' मेन्यू में
Settings
को बंद करना - [एक्सपेरिमेंट के तौर पर] सीएसएस की खास जानकारी वाले पैनल में, कलर कंट्रास्ट से जुड़ी समस्याओं को देखना और उन्हें ठीक करना
- [प्रयोग के तौर पर] DevTools में कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाना
- नया मीडिया पैनल
- एलिमेंट पैनल के संदर्भ मेन्यू का इस्तेमाल करके, नोड के स्क्रीनशॉट लेना
- समस्याओं वाले टैब से जुड़े अपडेट
- मौजूद न होने वाले स्थानीय फ़ॉन्ट को एमुलेट करना
- निष्क्रिय उपयोगकर्ताओं को एमुलेट करना
prefers-reduced-data
को एमुलेट करना- JavaScript की नई सुविधाओं के लिए सहायता
- Lighthouse पैनल में Lighthouse 6.2
- सर्विस वर्कर पैनल में "अन्य ऑरिजिन" सूची को बंद करना
- फ़िल्टर किए गए आइटम के लिए कवरेज की खास जानकारी दिखाना
- ऐप्लिकेशन पैनल में नए फ़्रेम की जानकारी वाला व्यू
- स्टाइल पैनल में, सुलभ रंग का सुझाव
- एलिमेंट पैनल में प्रॉपर्टी पैनल को फिर से चालू करना
- नेटवर्क पैनल में, इंसान के पढ़ने लायक
X-Client-Data
हेडर वैल्यू - स्टाइल पैनल में, कस्टम फ़ॉन्ट के लिए ऑटोकंप्लीट की सुविधा
- नेटवर्क पैनल में संसाधन का टाइप लगातार दिखाना
- एलिमेंट और नेटवर्क पैनल में मौजूद बटन मिटाना
- सीएसएस-इन-जेएस फ़्रेमवर्क के लिए स्टाइल में बदलाव
- Lighthouse पैनल में Lighthouse 6
- फ़र्स्ट मीनिंगफ़ुल पेंट (एफ़एमपी) की सुविधा बंद होना
- JavaScript की नई सुविधाओं के लिए सहायता
- मेनिफ़ेस्ट पैनल में, ऐप्लिकेशन के शॉर्टकट से जुड़ी नई चेतावनियां
- टाइमिंग टैब में, सेवा वर्कर
respondWith
इवेंट - कंप्यूट किए गए पैनल का लगातार दिखना
- WebAssembly फ़ाइलों के लिए बाइटकोड ऑफ़सेट
- सोर्स पैनल में लाइन-वाइज़ कॉपी और काटना
- कंसोल की सेटिंग से जुड़े अपडेट
- परफ़ॉर्मेंस पैनल से जुड़े अपडेट
- ब्रेकपॉइंट, शर्त के हिसाब से ब्रेकपॉइंट, और लॉगपॉइंट के लिए नए आइकॉन
- 'समस्याएं' टैब की मदद से, साइट की समस्याएं ठीक करना
- 'जांच करें' मोड के टूलटिप में, सुलभता की जानकारी देखना
- परफ़ॉर्मेंस पैनल से जुड़े अपडेट
- Console में, वादे से जुड़ी ज़्यादा सटीक शब्दावली
- स्टाइल पैनल से जुड़े अपडेट
- एलिमेंट पैनल में प्रॉपर्टी पैनल का बंद होना
- मेनिफ़ेस्ट पैनल में ऐप्लिकेशन शॉर्टकट की सुविधा
- देखने की क्षमता में कमी को एम्युलेट करना
- लोकल भाषाओं को एमुलेट करना
- क्रॉस-ऑरिजिन एम्बेडर नीति (सीओईपी) को डीबग करना
- ब्रेकपॉइंट, शर्त के हिसाब से ब्रेकपॉइंट, और लॉगपॉइंट के लिए नए आइकॉन
- किसी खास कुकी को सेट करने वाले नेटवर्क अनुरोध देखना
- कमांड मेन्यू से बाईं ओर डॉक करना
- मुख्य मेन्यू में सेटिंग का विकल्प बदल गया है
- ऑडिट पैनल अब Lighthouse पैनल है
- किसी फ़ोल्डर में मौजूद सभी लोकल बदलाव मिटाना
- ज़्यादा समय लेने वाले टास्क का अपडेट किया गया यूज़र इंटरफ़ेस (यूआई)
- मेनिफ़ेस्ट पैनल में, मास्क किए जा सकने वाले आइकॉन के लिए सहायता
- डिवाइस मोड में Moto G4 के लिए सहायता
- कुकी से जुड़े अपडेट
- वेब ऐप्लिकेशन के मेनिफ़ेस्ट के ज़्यादा सटीक आइकॉन
- स्किप न की गई वैल्यू देखने के लिए, सीएसएस की
content
प्रॉपर्टी पर कर्सर घुमाएं - कंसोल में सोर्स मैप से जुड़ी गड़बड़ियां
- फ़ाइल के आखिर तक स्क्रोल करने की सुविधा बंद करने की सेटिंग
- Console में
let
औरclass
के लिए, फिर से एलान करने की सुविधा - WebAssembly को बेहतर तरीके से डीबग करना
- इनिशिएटर टैब में इनिशिएटर चेन का अनुरोध करना
- चुने गए नेटवर्क अनुरोध को खास जानकारी वाले सेक्शन में हाइलाइट करें
- नेटवर्क पैनल में यूआरएल और पाथ कॉलम
- उपयोगकर्ता एजेंट की अपडेट की गई स्ट्रिंग
- ऑडिट पैनल के कॉन्फ़िगरेशन का नया यूज़र इंटरफ़ेस (यूआई)
- हर फ़ंक्शन या हर ब्लॉक के लिए कोड कवरेज मोड
- कोड कवरेज को अब पेज को फिर से लोड करके शुरू करना होगा
- कुकी ब्लॉक होने की वजह डीबग करना
- कुकी वैल्यू देखना
- पसंद के आधार पर रंग भरने की अलग-अलग पसंद और पसंद के हिसाब से अलग-अलग रंग की प्राथमिकताएं दिखाएं
- कोड कवरेज के बारे में अपडेट
- डीबग करना कि नेटवर्क संसाधन का अनुरोध क्यों किया गया था
- कंसोल और सोर्स पैनल, इंडेंटेशन की प्राथमिकताओं का फिर से पालन करते हैं
- कर्सर नेविगेशन के लिए नए शॉर्टकट
- ऑडिट पैनल में एक से ज़्यादा क्लाइंट वाली सहायता
- पेमेंट हैंडलर की डीबगिंग
- ऑडिट पैनल में लाइटहाउस 5.2
- परफ़ॉर्मेंस पैनल में सबसे बड़े कॉन्टेंटफ़ुल पेंट की जानकारी
- मुख्य मेन्यू से DevTools से जुड़ी समस्याओं की शिकायत करना
- एलिमेंट की स्टाइल कॉपी करना
- लेआउट में हुए बदलावों को विज़ुअलाइज़ करना
- ऑडिट पैनल में Lighthouse 5.1
- ओएस की थीम सिंक करना
- ब्रेकपॉइंट एडिटर खोलने के लिए कीबोर्ड शॉर्टकट
- नेटवर्क पैनल में प्रीफ़ेच कैश मेमोरी
- ऑब्जेक्ट देखते समय निजी प्रॉपर्टी
- ऐप्लिकेशन पैनल में सूचनाएं और पुश मैसेज
- सीएसएस वैल्यू के साथ ऑटोकंप्लीट की सुविधा
- नेटवर्क सेटिंग के लिए नया यूज़र इंटरफ़ेस (यूआई)
- HAR एक्सपोर्ट में WebSocket मैसेज
- हार इंपोर्ट और एक्सपोर्ट करने के बटन
- रीयल-टाइम में मेमोरी का इस्तेमाल
- सर्विस वर्कर के रजिस्ट्रेशन पोर्ट नंबर
- बैकग्राउंड फ़ेच और बैकग्राउंड सिंक इवेंट की जांच करना
- Firefox के लिए Puppeteer
- सीएसएस फ़ंक्शन अपने-आप पूरा होने पर, काम के प्रीसेट
- कमांड मेन्यू से साइट डेटा मिटाना
- सभी IndexedDB डेटाबेस देखें
- कर्सर घुमाने पर, संसाधन का बिना कंप्रेस किया गया साइज़ देखना
- ब्रेकपॉइंट पैनल में इन-लाइन ब्रेकपॉइंट
- IndexedDB और कैश मेमोरी में सेव किए गए रिसॉर्स की संख्या
- ज़्यादा जानकारी वाला 'जांच करें' टूलटिप बंद करने की सेटिंग
- Editor में टैब इंडेंटेशन को टॉगल करने की सेटिंग
- सीएसएस प्रॉपर्टी से जिन नोड पर असर पड़ा है उन्हें हाइलाइट करना
- ऑडिट पैनल में Lighthouse v4
- WebSocket बाइनरी मैसेज व्यूअर
- कमांड मेन्यू में जाकर, किसी हिस्से का स्क्रीनशॉट लेना
- नेटवर्क पैनल में, सेवा वर्कर के फ़िल्टर
- परफ़ॉर्मेंस पैनल से जुड़े अपडेट
- परफ़ॉर्मेंस पैनल की रिकॉर्डिंग में लंबे टास्क
- टाइमिंग सेक्शन में फ़र्स्ट पेंट
- बोनस टिप: आरजीबी और एचएसएल कलर कोड देखने के लिए शॉर्टकट (वीडियो)
- लॉगपॉइंट
- जांच मोड में ज़्यादा जानकारी वाले टूलटिप
- कोड कवरेज का डेटा एक्सपोर्ट करना
- कीबोर्ड की मदद से Console पर नेविगेट करना
- कलर पिकर में AAA कंट्रास्ट रेशियो वाली लाइन
- पसंद के मुताबिक, जियोलोकेशन में किए गए बदलावों को सेव करना
- कोड फ़ोल्डिंग
- फ़्रेम टैब का नाम बदलकर मैसेज टैब कर दिया गया है
- बोनस सलाह: प्रॉपर्टी के हिसाब से नेटवर्क पैनल को फ़िल्टर करना (वीडियो)
- परफ़ॉर्मेंस पैनल में, परफ़ॉर्मेंस मेट्रिक को विज़ुअलाइज़ करना
- डीओएम ट्री में टेक्स्ट नोड हाइलाइट करना
- किसी DOM नोड में JS पाथ कॉपी करें
- ऑडिट पैनल के अपडेट. इनमें एक नया ऑडिट शामिल है, जो कमांड मेन्यू से ऑडिट पैनल को ऐक्सेस करने के लिए, JS लाइब्रेरी और नए कीवर्ड का पता लगाता है
- बोनस सलाह: मीडिया क्वेरी की जांच करने के लिए, डिवाइस मोड का इस्तेमाल करना (वीडियो)
- डीओएम नोड को हाइलाइट करने के लिए, लाइव एक्सप्रेशन के नतीजे पर कर्सर घुमाएं
- डीओएम नोड को ग्लोबल वैरिएबल के तौर पर सेव करना
- HAR इंपोर्ट और एक्सपोर्ट में, अब इंटिग्रेटर और प्राथमिकता की जानकारी शामिल है
- मुख्य मेन्यू से कमांड मेन्यू को ऐक्सेस करना
- पिक्चर में पिक्चर ब्रेकपॉइंट
- बोनस सलाह: कंसोल में किसी नोड के ट्रिगर हुए इवेंट को लॉग करने के लिए,
monitorEvents()
का इस्तेमाल करें (वीडियो) - Console में लाइव एक्सप्रेशन
- तुरंत जांच के दौरान डीओएम नोड हाइलाइट करना
- परफ़ॉर्मेंस पैनल को ऑप्टिमाइज़ करना
- ज़्यादा भरोसेमंद डीबगिंग
- कमांड मेन्यू से नेटवर्क थ्रॉटलिंग की सुविधा चालू करना
- शर्तों के हिसाब से बनाए गए ब्रेकपॉइंट के अपने-आप पूरे होने की सुविधा
- ऑडियो कॉन्टेक्स्ट इवेंट के बारे में ब्रेक लें
- ndb की मदद से Node.js ऐप्लिकेशन डीबग करना
- बोनस के लिए सलाह: User Timing API की मदद से असल दुनिया के उपयोगकर्ता इंटरैक्शन मेज़र करें
- Eager Evaluation
- आर्ग्युमेंट के लिए सुझाव
- फ़ंक्शन ऑटोकंप्लीट की सुविधा
- ES2017 कीवर्ड
- ऑडिट पैनल में लाइटहाउस 3.0
- BigInt के साथ काम करना
- व्यू पैनल में प्रॉपर्टी पाथ जोड़ना
- "टाइमस्टैंप दिखाएं" को सेटिंग में ले जाया गया
- बोनस सलाह: Play Console के ऐसे तरीके जिनके बारे में कम लोग जानते हैं (वीडियो)
- सभी नेटवर्क हेडर में खोजें
- सीएसएस वैरिएबल की वैल्यू की झलक
- फ़ेच के तौर पर कॉपी करें
- नए ऑडिट, डेस्कटॉप कॉन्फ़िगरेशन के विकल्प, और ट्रैक देखने की सुविधा
- कभी न खत्म होने वाले लूप को रोकना
- परफ़ॉर्मेंस टैब में उपयोगकर्ता के समय की जानकारी
- मेमोरी पैनल में, JavaScript के वीएम इंस्टेंस साफ़ तौर पर दिखते हैं
- नेटवर्क टैब का नाम बदलकर पेज टैब कर दिया गया
- गहरे रंग वाली थीम से जुड़े अपडेट
- सुरक्षा पैनल में, सर्टिफ़िकेट पारदर्शिता की जानकारी
- परफ़ॉर्मेंस पैनल में साइट आइसोलेशन की सुविधाएं
- बोनस सलाह: लेयर पैनल + ऐनिमेशन इंस्पेक्टर (वीडियो)
- नेटवर्क पैनल में ब्लैकबॉक्सिंग
- डिवाइस मोड में ज़ूम लेवल अपने-आप अडजस्ट होना
- झलक और रिस्पॉन्स टैब में प्रिटी-प्रिंटिंग
- झलक टैब में एचटीएमएल कॉन्टेंट की झलक देखना
- एचटीएमएल में मौजूद स्टाइल के लिए, स्थानीय बदलाव करने की सुविधा
- बोनस सलाह: इवेंट लिसनर ब्रेकपॉइंट को ज़्यादा काम का बनाने के लिए, ब्लैकबॉक्स फ़्रेमवर्क स्क्रिप्ट
- स्थानीय बदलाव
- सुलभता से जुड़े नए टूल
- बदलाव टैब
- नए एसईओ और परफ़ॉर्मेंस ऑडिट
- परफ़ॉर्मेंस पैनल में एक से ज़्यादा रिकॉर्डिंग
- असाइन किए गए कोड में, वर्कर्स की मदद से भरोसेमंद कोड स्टेपिंग
- बोनस सलाह: Puppeteer की मदद से, DevTools की कार्रवाइयों को अपने-आप करने की सुविधा (वीडियो)
- परफ़ॉर्मेंस मॉनिटर
- कंसोल साइडबार
- कंसोल के मिलते-जुलते मैसेज का ग्रुप बनाना
- बोनस सलाह: हॉवर करने पर दिखने वाले स्यूडो-क्लास को टॉगल करना (वीडियो)
- एक से ज़्यादा क्लाइंट के लिए रिमोट डीबगिंग की सुविधा
- फ़ाइल फ़ोल्डर 2.0
- चार नए ऑडिट
- कस्टम डेटा की मदद से पुश नोटिफ़िकेशन का सिम्युलेशन करना
- कस्टम टैग की मदद से, बैकग्राउंड में सिंक होने वाले इवेंट ट्रिगर करना
- बोनस टिप: इवेंट लिसनर ब्रेकपॉइंट (वीडियो)
- Console में टॉप-लेवल का इंतज़ार
- स्क्रीनशॉट लेने के नए वर्कफ़्लो
- सीएसएस ग्रिड को हाइलाइट करना
- ऑब्जेक्ट के बारे में क्वेरी करने के लिए नया Console API
- नए कंसोल फ़िल्टर
- नेटवर्क पैनल में एचएआर इंपोर्ट
- कैश मेमोरी में सेव किए गए ऐसे रिसॉर्स जिनकी झलक देखी जा सकती है
- कैश मेमोरी को आसानी से डीबग करना
- ब्लॉक-लेवल पर कोड का कवरेज
- मोबाइल डिवाइस को थ्रॉटलिंग सिम्युलेशन
- देखें कि स्टोरेज का इस्तेमाल किस तरह किया गया है
- देखें कि सेवा वर्कर ने जवाब कब कैश मेमोरी में सेव किए
- कमांड मेन्यू से FPS मीटर चालू करना
- माउसव्हील को ज़ूम या स्क्रोल करने के लिए सेट करना
- ES6 मॉड्यूल के लिए सहायता डीबग करना
- नया ऑडिट पैनल
- तीसरे पक्ष के बैज
- 'यहां जारी रखें' के लिए नया जेस्चर
- असाइनमेंट को एक साथ चलाने की सुविधा का इस्तेमाल करना
- कंसोल में, ऑब्जेक्ट की ज़्यादा जानकारी देने वाली झलक देखना
- Console में ज़्यादा जानकारी वाले कॉन्टेक्स्ट का विकल्प
- कवरेज टैब में रीयल-टाइम अपडेट
- नेटवर्क थ्रॉटलिंग के आसान विकल्प
- एक साथ काम नहीं करने वाले स्टैक डिफ़ॉल्ट रूप से चालू होते हैं
- सीएसएस और JS कोड कवरेज
- पूरे पेज के स्क्रीनशॉट
- अनुरोध ब्लॉक करना
- async await को स्किप करना
- यूनिफ़ाइड कमांड मेन्यू
Chrome 131
Chrome 130
Chrome 129
Chrome 128
Chrome 127
Chrome 126
Chrome 125
Chrome 124
Chrome 123
Chrome 122
Chrome 121
Chrome 120
Chrome 119
Chrome 118
Chrome 117
Chrome 116
Chrome 115
Chrome 114
Chrome 113
Chrome 112
Chrome 111
Chrome 110
Chrome 109
Chrome 108
Chrome 107
Chrome 106
Chrome 105
Chrome 104
Chrome 103
Chrome 102
Chrome 101
Chrome 100
Chrome 99
Chrome 98
Chrome 97
Chrome 96
Chrome 95
Chrome 94
Chrome 93
Chrome 92
Chrome 91
Chrome 90
Chrome 89
Chrome 88
Chrome 87
Chrome 86
Chrome 85
Chrome 84
Chrome 83
Chrome 82
Chrome 82 को रिलीज़ करने की योजना रद्द कर दी गई है.