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

Kayce Basques

Chrome 61 में, DevTools में होने वाली नई सुविधाओं और बड़े बदलावों में ये शामिल हैं:

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

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

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

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

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

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

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

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

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

इस्तेमाल सेक्शन

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

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

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

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

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

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

अब Command मेन्यू में जाकर, FPS मीटर को चालू किया जा सकता है.

निर्देश मेन्यू से एफ़पीएस मीटर को चालू करना

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

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

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

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

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

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

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

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

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

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

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

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

  • crbug.com के ज़रिए हमें कोई सुझाव या फ़ीडबैक सबमिट करें.
  • ज़्यादा विकल्प   ज़्यादा दिखाएँ > का इस्तेमाल करके DevTools से जुड़ी समस्या की शिकायत करें सहायता > DevTools में DevTools से जुड़ी समस्याओं की शिकायत करें.
  • @ChromeDevTools पर ट्वीट करें.
  • DevTools YouTube वीडियो या DevTools के बारे में सलाह YouTube वीडियो में नया क्या है, इस पर टिप्पणी करें.

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

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