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

Kayce Basques

डिवाइस मोड में Moto G4 सहायता

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

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

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

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

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

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

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

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

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

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

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

नेटवर्क और ऐप्लिकेशन पैनल की कुकी टेबल में अब एक प्राथमिकता कॉलम शामिल होता है.

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

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

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

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

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

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

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

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

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

ऐसी वैल्यू देखने के लिए सीएसएस content प्रॉपर्टी पर कर्सर घुमाएं जिन्हें एस्केप न किया गया हो

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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