नमस्ते, मैं Kayce हूं, और DevTool का तकनीकी लेखक हूं.
संसाधन पैनल अब ऐप्लिकेशन पैनल है
Chrome 52 से, संसाधन पैनल अब उपलब्ध नहीं है! इसका नाम बदलकर ऐप्लिकेशन पैनल कर दिया गया है. संसाधन पैनल की सभी पुरानी सुविधाएं अब भी उपलब्ध हैं. साथ ही, कई नई सुविधाएं भी उपलब्ध हैं, जो प्रोग्रेसिव वेब ऐप्लिकेशन को डीबग करने में आपकी मदद करती हैं. अब आपको भी सर्विस वर्कर की लाइफ़साइकल और कैश टाइमिंग से जुड़ी समस्याओं को डीबग करने का आनंद मिल सकता है.
नई सुविधाओं के बारे में ज़्यादा जानने के लिए, हमारी यह नई गाइड देखें. इसे आपने लिखा है: प्रोग्रेसिव वेब ऐप्लिकेशन डीबग करना
ChromeLens
ChromeLens, दृष्टि बाधित लोगों के लिए आपकी वेबसाइट को ज़्यादा सुलभ बनाने में मदद करने वाला नया एक्सटेंशन है.
पी॰एस॰ रॉब डोडसन ने सुलभता पर एक नई वीडियो सीरीज़, a11ycasts लॉन्च की है.
कैनरी में अब नई सुविधाएं
फ़िलहाल, कैनरी Chrome 54 का वर्शन है. इसलिए, आने वाले समय में पढ़ने वाले लोगों को, अगर Chrome 54 या उसके बाद का वर्शन इस्तेमाल करना है, तो इन सुविधाओं का इस्तेमाल किया जा सकता है!
कलर पिकर, सोर्स पैनल में है.
नेटवर्क पैनल में संसाधन पैनल पर राइट क्लिक करें. इससे अपने सभी संसाधनों को डाउनलोड करने के लिए, cURL अनुरोधों की स्ट्रिंग को कॉपी किया जा सकता है.
JavaScript को निर्देश मेन्यू से बंद किया जा सकता है. यह सुविधा पहले सिर्फ़ सेटिंग में उपलब्ध थी.
console.warn() में अब एक स्टैक ट्रेस शामिल है.
इस आखिरी सुविधा को इस्तेमाल हुए कुछ महीने हो चुके हैं, लेकिन इसका ज़िक्र करना ज़रूरी है. JS प्रोफ़ाइल विकल्प चालू रखते हुए टाइमलाइन रिकॉर्डिंग बनाएं. इसके बाद, सोर्स पैनल में फ़ंक्शन के हिसाब से, अलग-अलग फ़ंक्शन के हिसाब से काम करने के समय की जानकारी दिखेगी.
कम्यूनिटी से मिले नए आइडिया
कम्यूनिटी के कुछ नए आइडिया, जो आने वाले समय में आपके आस-पास मौजूद DevTools में उपलब्ध होंगे.
- @matthewcp: मेमोरी लीक होने की प्रोसेस को तेज़ी से पूरा करने के लिए, बढ़ती हुई चीज़ों की एक आसान सूची दिखाएं.
- @jonathanbingram: कीबोर्ड शॉर्टकट की मदद से,
font-weightकी वैल्यू बढ़ाएं या घटाएं. - @_bl4de: कुकी में बदलाव करें (असल में एक पुराना अनुरोध, लेकिन इसे फिर से उपलब्ध कराने के लिए धन्यवाद). अफ़वाह है कि @kdzwinel का कारोबार, इस काम में माहिर है.
- @kienzle_s: नेटवर्क पैनल फ़िल्टर में OR फ़िल्टर जोड़ें.
क्या आपको कोई नया आइडिया आया है? हमें यह जानकर ख़ुशी होगी. हमें Twitter पर @ChromeDevTool पर पिंग करें और हमें बताएं कि क्या हो रहा है.
हमने इस बात पर ध्यान दिया है कि अगर कोई ऐसा दस्तावेज़ है जिसे ठीक करने की ज़रूरत है या ऐसी सुविधाएं हैं जिनके बारे में जानकारी चाहिए, तो दस्तावेज़ों के डेटा स्टोर करने की जगह पर समस्या के बारे में बताएं.
अगले महीने तक!