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

Jecelyn Yeen

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

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

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

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

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

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

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

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 में नया क्या है सीरीज़ में शामिल सभी चीज़ों की सूची.