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

सीएसएस की लंबाई के बारे में जानकारी देने वाले नए टूल

DevTools की मदद से, सीएसएस में लंबाई को अपडेट करने का आसान और आसान तरीका जोड़ा गया है!

स्टाइल पैनल में, लंबाई वाली कोई भी सीएसएस प्रॉपर्टी खोजें (जैसे, height, padding).

यूनिट टाइप पर कर्सर घुमाएं और देखें कि यूनिट टाइप के नीचे की ओर अंडरलाइन है. ड्रॉपडाउन से यूनिट टाइप चुनने के लिए, इस पर क्लिक करें.

यूनिट वैल्यू पर कर्सर घुमाएं. ऐसा करने से, आपका माउस पॉइंटर हॉरिज़ॉन्टल कर्सर में बदल जाता है. वैल्यू को बढ़ाने या घटाने के लिए, हॉरिज़ॉन्टल तरीके से खींचें और छोड़ें. वैल्यू को 10 घटाने या बढ़ाने के लिए, खींचते समय Shift बटन दबाकर रखें.

आपके पास अब भी यूनिट वैल्यू में बदलाव करने का विकल्प है. इसके लिए, वैल्यू पर क्लिक करें और बदलाव करना शुरू करें.

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

'समस्याएं' टैब में समस्याएं छिपाएं

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

समस्याएं टैब में जाकर, उस समस्या पर कर्सर घुमाएं जिसे आपको छिपाना है. ज़्यादा विकल्प   ज़्यादा दिखाएँ पर क्लिक करें > इस तरह की समस्याओं को छिपाएं.

समस्याओं वाला मेन्यू छिपाएं

छिपाई गई सभी समस्याएं, छिपाई गई समस्याएं पैनल में जोड़ दी जाएंगी. पैनल को बड़ा करें. आपके पास, छिपाई गई सभी समस्याओं या किसी एक समस्या को दिखाने का विकल्प है.

समस्याओं वाला पैनल छिपाया गया

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

प्रॉपर्टी को बेहतर तरीके से दिखाने की सुविधा

DevTools इन तरीकों से प्रॉपर्टी दिखाने की सुविधा को बेहतर बनाता है:

  • कंसोल, सोर्स पैनल, और प्रॉपर्टी पैनल में, अपनी प्रॉपर्टी को हमेशा बोल्ड करें और क्रम से लगाएं.
  • प्रॉपर्टी पैनल में दिखने वाली प्रॉपर्टी को फ़्लैट करें.

उदाहरण के लिए, नीचे दिया गया स्निपेट अपनी दो प्रॉपर्टी के साथ एक URL ऑब्जेक्ट link बनाता है: user और access. साथ ही, इनहेरिट की गई प्रॉपर्टी search की वैल्यू अपडेट करता है.

/* example.js */

const link = new URL('https://goo.gle/devtools-blog');

link.user = { id: 1, name: 'Jane Doe' };
link.access = 'admin';
link.search = `?access=${link.access}`;

कंसोल में link को लॉग करने की कोशिश करें. अपनी प्रॉपर्टी को अब बोल्ड करके क्रम से लगाया गया है. इन बदलावों से, कस्टम प्रॉपर्टी को ढूंढना आसान हो जाता है. ऐसा खास तौर पर, इनहेरिट की गई कई प्रॉपर्टी वाली वेब एपीआई (जैसे, URL) के लिए होता है.

अपनी प्रॉपर्टी को बोल्ड और पहले क्रम से लगाया गया है

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

प्रॉपर्टी फ़्लैट करें

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

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

Lighthouse पैनल अब लाइटहाउस 8.4 पर चल रहा है. लाइटहाउस अब यह पता लगाएगा कि सबसे बड़े कंटेनफ़ुल पेंट (एलसीपी) एलिमेंट की इमेज लेज़ी लोड है या नहीं. वह loading एट्रिब्यूट को उससे हटाने का सुझाव देगा.

अपडेट के बारे में ज़्यादा जानने के लिए, Lighthouse 8.4 में नया क्या है देखें.

लाइटहाउस रिपोर्ट में, लेज़ी लोडेड एलसीपी ऑडिट

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

सोर्स पैनल में स्निपेट को क्रम से लगाना

सोर्स पैनल के स्निपेट पैनल में मौजूद स्निपेट, अब वर्णमाला के क्रम में लगाए जाते हैं. पहले, इसे क्रम से नहीं लगाया जाता.

निर्देशों को तेज़ी से चलाने के लिए, स्निपेट सुविधा का इस्तेमाल करें. सलाह पाने के लिए यह वीडियो देखें!

सोर्स पैनल में स्निपेट को क्रम से लगाना

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

अनुवाद किए गए रिलीज़ नोट के नए लिंक और अनुवाद से जुड़ी गड़बड़ी की शिकायत करना

अब 'नया क्या है' टैब में जाकर, DevTools के रिलीज़ नोट को इन छह भाषाओं में पढ़ा जा सकता है - रशियन, चाइनीज़, स्पैनिश, जैपनीज़, पॉर्चुगीज़, और कोरियन.

Chrome 94 और इसके बाद के वर्शन में, DevTools में अपनी पसंदीदा भाषा सेट की जा सकती है. अगर आपको अनुवाद में कोई समस्या मिली है, तो अनुवाद से जुड़ी समस्या की शिकायत करें. इससे हमें अनुवाद को बेहतर बनाने में मदद मिलेगी. इसके लिए, ज़्यादा विकल्प पर जाएं > सहायता > अनुवाद से जुड़ी गड़बड़ी की शिकायत करें.

अनुवाद किए गए रिलीज़ नोट के नए लिंक और अनुवाद से जुड़ी गड़बड़ी की शिकायत करना

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

DevTools कमांड मेन्यू के लिए बेहतर यूज़र इंटरफ़ेस (यूआई)

क्या आपको Command मेन्यू में फ़ाइल खोजना मुश्किल लगा? आपके लिए अच्छी खबर है. Command मेन्यू के यूज़र इंटरफ़ेस को अब बेहतर बना दिया गया है!

Windows और Linux में कीबोर्ड शॉर्टकट Control+P या MacOS में Command+P का इस्तेमाल करके फ़ाइल खोजने के लिए, Command मेन्यू खोलें.

Command मेन्यू के यूज़र इंटरफ़ेस (यूआई) में किए गए सुधार अब भी जारी हैं. ज़्यादा अपडेट पाने के लिए, हमारे साथ बने रहें!

निर्देश मेन्यू

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

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

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

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

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

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

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

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