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

Jecelyn Yeen

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

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

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

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

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

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