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

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

हाइलाइट

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

नई सुविधाएं

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

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

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

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

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

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

मेमोरी खत्म होने की वजह से ब्रेकपॉइंट सेट नहीं हो पाना

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

स्टोरेज खत्म होने की वजह से ब्रेकपॉइंट पर रोका गया
दूसरी इमेज. स्टोरेज खत्म होने की वजह से ब्रेकपॉइंट पर रोका गया

कैनवस बनाते समय ब्रेकपॉइंट

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

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

'समय' टैब में, वीडियो शुरू होने का समय से जुड़े आंकड़े

'समय' टैब में सबसे ऊपर, अब यह देखा जा सकता है कि अनुरोध कब सूची में जोड़ा गया और कब शुरू हुआ.

'समय' टैब में, वीडियो शुरू होने का समय से जुड़े आंकड़े.
चौथी इमेज. 'समय' टैब में, वीडियो शुरू होने का समय से जुड़े आंकड़े

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

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

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

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

बदलाव

टाइमलाइन पैनल को अब परफ़ॉर्मेंस पैनल कहा जाता है

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

प्रोफ़ाइल पैनल को अब मेमोरी पैनल कहा जाता है

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

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

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

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

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

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

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

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

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