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

Jecelyn Yeen

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

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

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

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

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

Recorder पैनल में अब 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)
  • Element पैनल के ब्रेडक्रंब में, अपने-आप स्क्रोल होने की सुविधा हटा दी गई है. (1369734)

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

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

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

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

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

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