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

Jecelyn Yeen

इनऐक्टिव सीएसएस प्रॉपर्टी के लिए सलाह

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

इनऐक्टिव सीएसएस प्रॉपर्टी के लिए सलाह.

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

रिकॉर्डर पैनल में XPath और टेक्स्ट सिलेक्टर का अपने-आप पता लगाना

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

रिकॉर्डर पैनल में, जॉन नंबर और टेक्स्ट सिलेक्टर.

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 कैनरी, डेवलपर या बीटा को अपने डिफ़ॉल्ट डेवलपमेंट ब्राउज़र के तौर पर इस्तेमाल करें. इन झलक वाले चैनलों की मदद से, आपको DevTools की नई सुविधाओं का ऐक्सेस मिलता है. साथ ही, इनसे आपको वेब प्लैटफ़ॉर्म के सबसे नए एपीआई की जांच करने में मदद मिलती है. इसके अलावा, इनकी मदद से उपयोगकर्ताओं से पहले ही अपनी साइट पर समस्याओं का पता लगाया जा सकता है!

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

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

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

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