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

Kayce Basques

डिवाइस मोड में Moto G4 का इस्तेमाल करना

डिवाइस टूलबार चालू करने के बाद, अब डिवाइस सूची से Moto G4 व्यूपोर्ट के डाइमेंशन को सिम्युलेट किया जा सकता है.

Moto G4 के व्यूपोर्ट को सिम्युलेट करना

व्यूपोर्ट के आस-पास Moto G4 का हार्डवेयर दिखाने के लिए, डिवाइस का फ़्रेम दिखाएं पर क्लिक करें.

Moto G4 का हार्डवेयर दिखाना

मिलती-जुलती सुविधाएं:

  • कमांड मेन्यू खोलें और Capture screenshot कमांड चलाएं. इससे, डिवाइस फ़्रेम दिखाएं को चालू करने के बाद, Moto G4 हार्डवेयर वाले व्यूपोर्ट का स्क्रीनशॉट लिया जा सकता है.
  • मोबाइल उपयोगकर्ता के वेब ब्राउज़ करने की स्थितियों को ज़्यादा सटीक तरीके से सिम्युलेट करने के लिए, नेटवर्क और सीपीयू को कम स्पीड पर चलाएं.

Chromium से जुड़ी समस्या #924693

कुकी से जुड़े अपडेट

कुकी पैनल में ब्लॉक की गई कुकी

ऐप्लिकेशन पैनल में कुकी पैनल में, अब ब्लॉक की गई कुकी का बैकग्राउंड पीले रंग का दिखता है.

ऐप्लिकेशन पैनल के कुकी पैनल में ब्लॉक की गई कुकी

नेटवर्क पैनल से मिलता-जुलता यूज़र इंटरफ़ेस (यूआई) ऐक्सेस करने का तरीका जानने के लिए, यह डीबग करें कि कुकी को क्यों ब्लॉक किया गया था लेख भी पढ़ें.

Chromium से जुड़ी समस्या #1030258

कुकी पैनल में कुकी की प्राथमिकता

नेटवर्क और ऐप्लिकेशन पैनल में मौजूद कुकी टेबल में, अब प्राथमिकता कॉलम शामिल है.

Chromium से जुड़ी समस्या #1026879

सभी कुकी वैल्यू में बदलाव करना

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

कुकी की वैल्यू में बदलाव करना

कुकी डेटा शामिल करने के लिए, Node.js फ़ेच के तौर पर कॉपी करें

कुकी डेटा वाला fetch एक्सप्रेशन पाने के लिए, किसी नेटवर्क अनुरोध पर राइट क्लिक करें और कॉपी करें > Node.js फ़ेच के तौर पर कॉपी करें को चुनें.

Node.js फ़ेच के तौर पर कॉपी करें

Chromium से जुड़ी समस्या #1029826

वेब ऐप्लिकेशन के मेनिफ़ेस्ट के ज़्यादा सटीक आइकॉन

पहले, वेब ऐप्लिकेशन के मेनिफ़ेस्ट आइकॉन दिखाने के लिए, ऐप्लिकेशन पैनल में मौजूद मेनिफ़ेस्ट पैनल अपने अनुरोध करता था. DevTools अब वही मेनिफ़ेस्ट आइकॉन दिखाता है जिसका इस्तेमाल Chrome करता है.

मेनिफ़ेस्ट पैनल में मौजूद आइकॉन

Chromium से जुड़ी समस्या #985402

बिना एस्केप की गई वैल्यू देखने के लिए, सीएसएस content प्रॉपर्टी पर कर्सर घुमाएं

content प्रॉपर्टी की वैल्यू पर कर्सर घुमाकर, वैल्यू का बिना एस्केप किया गया वर्शन देखें.

उदाहरण के लिए, इस डेमो में p::after स्यूडो-एलिमेंट की जांच करने पर, आपको स्टाइल पैनल में एस्केप्ट की गई स्ट्रिंग दिखती है:

एस्केप की गई स्ट्रिंग

content वैल्यू पर कर्सर घुमाने पर, आपको वैल्यू बिना एस्केप के दिखती है:

बिना एस्केप की गई वैल्यू

Console में सोर्स मैप की गड़बड़ियों के बारे में ज़्यादा जानकारी

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

Console में सोर्स मैप लोड करने से जुड़ी गड़बड़ी

फ़ाइल के आखिर तक स्क्रोल करने की सुविधा बंद करने की सेटिंग

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

यहां इस सुविधा का GIF दिया गया है.

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

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

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

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

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

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