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

Jecelyn Yeen

DevTools में कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाना

अब DevTools में, अपने पसंदीदा निर्देशों के लिए कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाया जा सकता है.

कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाने के लिए, सेटिंग > शॉर्टकट पर जाएं. इसके बाद, किसी निर्देश पर कर्सर घुमाएं और बदलाव करें बटन (पेंसिल आइकॉन) पर क्लिक करें. कॉर्ड (जिन्हें कई बटन दबाने वाले शॉर्टकट भी कहा जाता है) भी बनाए जा सकते हैं.

DevTools में कीबोर्ड शॉर्टकट को पसंद के मुताबिक बनाएं.

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

कीबोर्ड शॉर्टकट की मदद से, हल्के और गहरे रंग वाली थीम के बीच स्विच करना

हल्के और गहरे रंग वाली थीम को आसानी से टॉगल करने के लिए, कीबोर्ड शॉर्टकट कॉन्फ़िगर करें. डिफ़ॉल्ट रूप से, ऐक्शन किसी भी कीबोर्ड शॉर्टकट पर मैप नहीं होता.

कीबोर्ड शॉर्टकट की मदद से, हल्के और गहरे रंग वाली थीम के बीच टॉगल करें.

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

मेमोरी इंस्पेक्टर में C/C++ ऑब्जेक्ट हाइलाइट करना

मेमोरी इंस्पेक्टर, C/C++ मेमोरी ऑब्जेक्ट के सभी बाइट को हाइलाइट करता है.

आस-पास मौजूद WebAssembly मेमोरी में किसी ऑब्जेक्ट के बाइट की पहचान करना मुश्किल था. आपको ऑब्जेक्ट का साइज़ पता होना चाहिए और ऑब्जेक्ट की शुरुआत से बाइट की गिनती करनी होगी.

इस सुविधा की मदद से, आपको आस-पास की यादों से उन्हें अलग करने में मदद मिलती है. इन बदलावों के बारे में ज़्यादा जानने के लिए, C/C++ डीबगिंग के लिए मेमोरी इंस्पेक्टर को बेहतर बनाना लेख पढ़ें.

मेमोरी इंस्पेक्टर में C/C++ ऑब्जेक्ट हाइलाइट करें.

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

HAR इंपोर्ट के लिए, इंपोर्ट करने वाले की पूरी जानकारी देने की सुविधा

HAR इंपोर्ट के लिए, इनीशियेटर की पूरी जानकारी अब उपलब्ध है. पहले, इंपोर्ट के दौरान नेटवर्क पैनल में, इंटिग्रेटर की सिर्फ़ कुछ जानकारी दिखती थी.

डेवलपर को नेटवर्क अनुरोध के ऑरिजिन को ट्रैक करने और नेटवर्क से जुड़ी समस्याओं की पहचान करने में, शुरू करने वाले की जानकारी से मदद मिलती है.

HAR इंपोर्ट के लिए, ट्रैफ़िक शुरू करने वाले व्यक्ति की पूरी जानकारी का इस्तेमाल किया जा सकता है.

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

Enter दबाने के बाद, DOM खोज शुरू करना

अब टाइप करते समय खोजें सेटिंग को बंद किया जा सकता है, ताकि Enter दबाने के बाद हमेशा डीओएम खोज शुरू हो.

एलिमेंट पैनल में, Control या Command + F की मदद से खोज बार को टॉगल करें. खोज बॉक्स में कोई क्वेरी टाइप करने पर, DOM ट्री उस एलिमेंट पर कूद जाएगा जो क्वेरी से मैच करता है. साथ ही, वह एलिमेंट डिफ़ॉल्ट रूप से हाइलाइट हो जाएगा.

उपयोगकर्ताओं के लिए, खास तौर पर टेस्टर के लिए, यह व्यवहार सही नहीं है. टेस्टर हमेशा लंबी खोज क्वेरी के साथ काम करते हैं. लंबी खोज क्वेरी (जैसे, //div[@id="example"]) टाइप करने पर, डीओएम ट्री कई बार जंप कर सकता है. इससे ग़ैर-ज़रूरी मोशन पैदा होता है.

डीओएम खोज.

सेटिंग > प्राथमिकताएं पर जाएं. इसके बाद, टाइप करते समय खोजें को बंद करें. इस बदलाव के बाद, Enter दबाने के बाद ही खोज शुरू होगी.

टाइप करते समय खोजने की सुविधा की सेटिंग.

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

align-content सीएसएस फ़्लेक्सबॉक्स प्रॉपर्टी के लिए start और end आइकॉन दिखाना

स्टाइल पैनल में, display: flex या display: inline-flex की मदद से, सीएसएस क्लास में align-content प्रॉपर्टी में बदलाव करें. start और end, आइकॉन के साथ ऑटो-कंप्लीट ड्रॉपडाउन में दिखते हैं.

align-content फ़्लेक्सबॉक्स प्रॉपर्टी.

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

अन्य हाइलाइट

  • कंसोल के साइडबार में, मैसेज की सही संख्या दिखाएं. पहले, कंसोल के मैसेज मिटाने पर, गिनती रीफ़्रेश नहीं होती थी. (1343311)

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

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

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

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

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

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