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

Jecelyn Yeen

बंद सीएसएस प्रॉपर्टी के लिए हिंट

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

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

रिकॉर्डर पैनल में, {7/} और टेक्स्ट सिलेक्टर का अपने-आप पता लगाएं

Recorder पैनल अब X ट्रैकिंग और टेक्स्ट सिलेक्टर के साथ काम करता है. यूज़र फ़्लो रिकॉर्ड करना शुरू करें और रिकॉर्डर, उपलब्ध होने पर सिलेक्टर के तौर पर अपने-आप किसी एलिमेंट का एक्स पाथ और सबसे छोटा यूनीक टेक्स्ट चुन लेता है.

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

कॉमा लगाकर अलग किए गए एक्सप्रेशन पर जाएं

अब आप डीबग करते समय कॉमा लगाकर अलग किए गए एक्सप्रेशन में आगे बढ़ सकते हैं. इससे, छोटे किए गए कोड को डीबग करने की क्षमता बेहतर होती है.

इससे पहले, DevTools में सिर्फ़ सेमीकोलन लगाकर अलग किए गए एक्सप्रेशन का इस्तेमाल करके, चरण पूरे किए जा सकते थे.

नीचे दिए गए कोड में,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

ट्रांसपिलर और मिनीफ़ायर उन्हें कॉमा-सेपरेटेड एक्सप्रेशन में बदल सकते हैं.

function bar(){return foo(),foo(),42}

इससे डीबग करने के दौरान भ्रम पैदा होता है, क्योंकि छोटे किए गए और लिखे गए कोड के बीच स्टेपिंग का व्यवहार अलग-अलग होता है. छोटे किए गए कोड को ओरिजनल कोड के हिसाब से डीबग करने के लिए, सोर्स मैप का इस्तेमाल करना और भी मुश्किल हो जाता है. ऐसा इसलिए होता है, क्योंकि डेवलपर तब सेमीकॉलन (जो कि टूलचेन की मदद से कॉमा में बदले गए हुड के नीचे थे) देख रहा होता है, लेकिन डीबगर उन पर नहीं रुकता.

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

अनदेखा करने की सूची की बेहतर सेटिंग

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

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

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

इस रिलीज़ में ध्यान देने लायक कुछ सुधार किए गए हैं:

• स्पेस दबाकर, स्टाइल पैनल में सीएसएस प्रॉपर्टी का नाम अपने-आप पूरा हो जाता है. (1343316)
• एलिमेंट पैनल के ब्रेडक्रंब में ऑटो स्क्रोल की सुविधा हटाएं. (1369734)

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

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

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

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

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

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

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