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

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 दबाने के बाद, हमेशा DOM खोज शुरू करने के लिए, टाइप करते समय खोजें सेटिंग बंद की जा सकती है.

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

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

DOM खोज.

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

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

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

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

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

अलाइन-कॉन्टेंट फ़्लेक्सबॉक्स प्रॉपर्टी.

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

अन्य खास बातें

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

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

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

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

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

  • crbug.com के ज़रिए हमें कोई सुझाव या फ़ीडबैक सबमिट करें.
  • ज़्यादा विकल्प   ज़्यादा दिखाएँ > का इस्तेमाल करके DevTools से जुड़ी समस्या की शिकायत करें सहायता > DevTools में DevTools से जुड़ी समस्याओं की शिकायत करें.
  • @ChromeDevTools पर ट्वीट करें.
  • DevTools YouTube वीडियो या DevTools के बारे में सलाह YouTube वीडियो में नया क्या है, इस पर टिप्पणी करें.

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

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