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

Kayce Basques

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

• मोबाइल डिवाइस पर थ्रॉटलिंग सिम्युलेशन. सीपीयू और नेटवर्क थ्रॉटलिंग को एक साथ सेट करें, ताकि मिड-टियर या लो-एंड फ़ोन या टैबलेट का सिम्युलेशन तैयार किया जा सके.
• इस्तेमाल किया जा रहा स्टोरेज. देखें कि कोई ऑरिजिन कितना स्टोरेज इस्तेमाल कर रहा है. साथ ही, यह भी देखें कि किस टेक्नोलॉजी (IndexedDB, कैश मेमोरी, लोकल, सेशन वगैरह) का इस्तेमाल किया जा रहा है.
• कैश मेमोरी के टाइमस्टैंप. यह देखें कि सर्विस वर्कर ने कब किसी जवाब को कैश मेमोरी में सेव किया.
• कमांड मेन्यू से, FPS मीटर चालू करें.
• परफ़ॉर्मेंस पैनल में माउसवील और ट्रैकपैड के व्यवहार में बदलाव करें.
• ES6 मॉड्यूल को नेटिव तरीके से डीबग करें.

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

डिवाइस मोड में, कम और सामान्य परफ़ॉर्मेंस वाले मोबाइल डिवाइसों को सिम्युलेट करना

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

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

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

स्टोरेज के इस्तेमाल की जानकारी देखना

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

तीसरी इमेज. इस्तेमाल सेक्शन में दिखाया गया है कि https://airhorner.com, ऑरिजिन के 15214 एमबी के कोटे में से 66.9 केबी का इस्तेमाल कर रहा है

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

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

चौथी इमेज. टाइम कैश्ड कॉलम

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

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

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

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

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

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

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

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

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

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

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

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

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

• हमें सुझाव/राय देने या शिकायत करने के लिए, crbug.com पर जाएं. साथ ही, किसी सुविधा का अनुरोध करने के लिए भी इसी लिंक पर जाएं.
• DevTools में, more_vert ज़्यादा विकल्प > सहायता > DevTools से जुड़ी समस्या की शिकायत करें का इस्तेमाल करके, DevTools से जुड़ी किसी समस्या की शिकायत करें.
• @ChromeDevTools पर ट्वीट करें.
• DevTools के YouTube वीडियो में नया क्या है या DevTools के बारे में सलाह देने वाले YouTube वीडियो पर टिप्पणी करें.

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

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