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

Kayce Basques

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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