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

Kayce Basques

Chrome 61 में DevTools में नई सुविधाएं और बड़े बदलाव किए जा रहे हैं. इनमें ये शामिल हैं:

रिलीज़ नोट का वीडियो वर्शन यहां देखें या ज़्यादा जानने के लिए आगे पढ़ें.

डिवाइस मोड में, लो-एंड और मिड-टीयर मोबाइल डिवाइसों को सिम्युलेट करना

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

थ्रॉटलिंग मेन्यू

पहली इमेज. थ्रॉटलिंग मेन्यू

थ्रॉटलिंग मेन्यू की परिभाषाएं

दूसरी इमेज. मध्यम क्वालिटी वाले मोबाइल और लो-एंड मोबाइल की परिभाषाएं देखने के लिए, थ्रॉटलिंग मेन्यू पर कर्सर घुमाएं या कैप्चर सेटिंग मेन्यू खोलें

देखें कि स्टोरेज का इस्तेमाल किस तरह किया गया है

ऐप्लिकेशन पैनल के स्टोरेज मिटाएं टैब में मौजूद नए इस्तेमाल सेक्शन से पता चलता है कि ऑरिजिन का कितना स्टोरेज इस्तेमाल किया जा रहा है. साथ ही, इस डिवाइस पर ऑरिजिन के लिए तय किया गया ज़्यादा से ज़्यादा कोटा भी दिखता है.

इस्तेमाल से जुड़ा सेक्शन

तीसरी इमेज. इस्तेमाल सेक्शन से पता चलता है कि https://airhorner.com, ऑरिजिन के 15,214 एमबी कोटे में से 66.9 केबी का इस्तेमाल कर रहा है

यह देखना कि सेवा वर्कर ने जवाब कब कैश मेमोरी में सेव किए

कैश मेमोरी का स्टोरेज टैब में मौजूद, कैश मेमोरी में सेव होने का समय कॉलम से पता चलता है कि सेवा वर्कर ने रिस्पॉन्स कब सेव किए हैं.

'समय के डेटा को कैश मेमोरी में सेव किया गया' कॉलम

चौथी इमेज. समय के डेटा को कैश मेमोरी में सेव किया गया कॉलम

कमांड मेन्यू से FPS मीटर चालू करना

अब कमांड मेन्यू से एफ़पीएस मीटर चालू किया जा सकता है.

कमांड मेन्यू से FPS मीटर चालू करना

पांचवीं इमेज. कमांड मेन्यू से FPS मीटर चालू करना

परफ़ॉर्मेंस रिकॉर्डिंग के साथ ज़ूम या स्क्रोल करने के लिए, माउसव्हील की सेटिंग सेट करना

सेटिंग खोलें और फ़्लेमचार्ट माउस व्हील ऐक्शन की नई सेटिंग सेट करें. इससे, परफ़ॉर्मेंस पैनल पर माउस व्हील के काम करने का तरीका बदला जा सकता है.

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

'फ़्लेमचार्ट माउस व्हील ऐक्शन' सेटिंग

छठी इमेज. फ़्लेमचार्ट माउस व्हील ऐक्शन सेटिंग

ES6 मॉड्यूल के लिए डीबग करने की सुविधा

ES6 मॉड्यूल, Chrome 61 में नेटिव तौर पर उपलब्ध हैं. यहां DevTools के बारे में ज़्यादा जानकारी नहीं दी गई है. हालांकि, डीबग करने की सुविधा आपकी उम्मीद के मुताबिक काम करती है. TodoMVC के पॉल आयरिश के ES6-मॉड्यूल-इंप्लिकेशन में कुछ ब्रेकपॉइंट सेट करें और उन्हें सिलसिलेवार तरीके से देखें.

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

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

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

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

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

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