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