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

काइस बास्क
केएस बास्क

DevTools के रिलीज़ नोट के पहले हिस्से में आपका स्वागत है! अब से, Chrome का पहली बार नया वर्शन खोलने पर, DevTools नया क्या है ड्रॉवर खोलता है, जिसमें उस वर्शन के रिलीज़ नोट के लिंक का लिंक होता है.

हाइलाइट

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

नई सुविधाएं

ऐसी कुकी जिनमें बदलाव किया जा सकता है

वैल्यू में बदलाव करने के लिए, कुकी टैब में किसी सेल पर दो बार क्लिक करें.

कुकी में बदलाव करना.
पहली इमेज. कुकी में बदलाव करना

योगदान के लिए kdzwinel का धन्यवाद!

स्टाइल पैनल में जांचे जा सकने वाले और बदलाव किए जा सकने वाले सीएसएस वैरिएबल

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

मेमोरी में मौजूद ब्रेकपॉइंट

जब कोई ऐप्लिकेशन बहुत कम समय में बहुत ज़्यादा मेमोरी असाइन करता है, तो DevTools अब अपने-आप रुक जाता है और हीप की सीमा को बढ़ा देता है. इससे आपको हीप की जांच करने, मेमोरी खाली करने के लिए कंसोल पर कमांड लागू करने, और समस्या को डीबग करने की प्रोसेस जारी रखने में मदद मिलती है. ज़्यादा जानकारी के लिए, Chrome के लिए एक छोटा चरण, V8 के लिए One Giant हीप देखें.

मेमोरी में मौजूद ब्रेकपॉइंट पर रोका गया
दूसरी इमेज. मेमोरी में मौजूद ब्रेकपॉइंट पर रोकें

कैनवस बनाने के लिए ब्रेकपॉइंट

अब इवेंट लिसनर ब्रेकपॉइंट बनाए जा सकते हैं. ये तब ट्रिगर होते हैं, जब कोई नया कैनवस कॉन्टेक्स्ट बनाया जाता है.

इवेंट लिसनर ब्रेकपॉइंट पैनल में, कैनवस बनाने के कॉन्टेक्स्ट वाले चेकबॉक्स के ज़रिए कैनवस बनाने के लिए ब्रेकपॉइंट
तीसरी इमेज. इवेंट लिसनर ब्रेकपॉइंट पैनल में, कैनवस कॉन्टेक्स्ट बनाएं चेकबॉक्स से कैनवस बनाने के लिए ब्रेकपॉइंट

समय टैब में शुरुआत के समय के आंकड़े

समय टैब में सबसे ऊपर, अब यह देखा जा सकता है कि अनुरोध कब शुरू किया गया था.

समय टैब में शुरुआत के समय के आंकड़े.
चौथी इमेज. 'समय' टैब में, शुरुआत के समय के आंकड़े

समय टैब में सर्वर के आंकड़े

अब समय टैब में कस्टम सर्वर के आंकड़े डाले जा सकते हैं. उदाहरण के लिए सर्वर टाइमिंग की वैल्यू का डेमो देखें.

समय टैब में सर्वर के आंकड़े
पांचवीं इमेज. समय टैब में सर्वर के आंकड़े

योगदान के लिए sroussey को धन्यवाद!

बदलाव

टाइमलाइन पैनल को अब परफ़ॉर्मेंस पैनल में बदल दिया गया है

टाइमलाइन पैनल का नाम बदलकर परफ़ॉर्मेंस पैनल कर दिया गया है, ताकि वह इसके मकसद को बेहतर तरीके से दिखा सके.

प्रोफ़ाइल पैनल अब मेमोरी पैनल हो गया है

प्रोफ़ाइल पैनल के मकसद को बेहतर तरीके से दिखाने के लिए, उसका नाम बदलकर मेमोरी पैनल कर दिया गया है.

सीपीयू प्रोफ़ाइलर, छिपे हुए पैनल के पीछे है

अब प्रोफ़ाइल पैनल को मेमोरी पैनल कहा जाता है. इसलिए, इस पैनल पर सीपीयू प्रोफ़ाइलर रखने का कोई मतलब नहीं बनता. इसके अलावा, लंबे समय का लक्ष्य परफ़ॉर्मेंस पैनल से सभी उपयोगकर्ताओं की प्रोफ़ाइल बनाना है. इस बीच, आपके पास अब भी सेटिंग > ज़्यादा टूल > JavaScript प्रोफ़ाइलर में जाकर, पुराने सीपीयू प्रोफ़ाइलर को ऐक्सेस करने का विकल्प है.

Chrome DevTools: Chrome 58 में JavaScript सीपीयू प्रोफ़ाइलिंग देखें. इससे, परफ़ॉर्मेंस पैनल में सीपीयू को प्रोफ़ाइल करने का तरीका जाना जा सकता है.

नया कंसोल यूज़र इंटरफ़ेस (यूआई)

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

  • कंसोल के काम करने के तरीके को पसंद के मुताबिक बनाने के लिए सेटिंग ऐक्सेस करने के लिए, कंसोल सेटिंग कंसोल सेटिंग पर क्लिक करें.
  • लॉग बचाएं को अब कंसोल सेटिंग में छिपा दिया गया है.
  • फ़िल्टर बटन और पैनल नहीं दिख रहे हैं. इसके बजाय, ड्रॉपडाउन मेन्यू का इस्तेमाल करें.
  • लॉग फ़िल्टर करने का टेक्स्ट बॉक्स अब हमेशा दिखता है. यह पहले फ़िल्टर पैनल में छिपा हुआ था.
  • फ़िल्टर करने वाले टेक्स्ट बॉक्स में रेगुलर एक्सप्रेशन को अपने-आप स्वीकार कर लिया जाता है, इसलिए Regex चेकबॉक्स को चुनना ज़रूरी नहीं है.
  • उल्लंघन छिपाएं चेकबॉक्स हट गया है. उल्लंघन देखने के लिए, लॉगिंग लेवल के ड्रॉपडाउन को वर्बोस पर सेट करें.
  • पुराने यूज़र इंटरफ़ेस (यूआई) में सभी मैसेज दिखाएं चेकबॉक्स से सही का निशान हटाने का मतलब है कि नए यूज़र इंटरफ़ेस (यूआई) में कंसोल सेटिंग में जाकर, सिर्फ़ चुनिंदा संदर्भ वाले चेकबॉक्स पर सही का निशान लगाना होगा.
नया Console यूज़र इंटरफ़ेस (यूआई)
छठी इमेज. नया कंसोल यूज़र इंटरफ़ेस (यूआई)

WebGL इवेंट लिसनर के ब्रेकपॉइंट बदल गए हैं

WebGL इवेंट लिसनर ब्रेकपॉइंट, WebGL कैटगरी से कैनवस कैटगरी में आ गया है. WebGL कैटगरी को हटा दिया गया है.