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

Sofia Emelianova

Jecelyn Yeen

नेटवर्क रिस्पॉन्स हेडर बदलना

अब नेटवर्क पैनल में, रिस्पॉन्स हेडर को बदला जा सकता है. पहले, एचटीटीपी रिस्पॉन्स हेडर के साथ प्रयोग करने के लिए, आपके पास वेब सर्वर का ऐक्सेस होना ज़रूरी था.

रिस्पॉन्स हेडर को बदलने की सुविधा की मदद से, अलग-अलग हेडर के लिए स्थानीय तौर पर सुधारों का प्रोटोटाइप बनाया जा सकता है. इनमें ये हेडर शामिल हैं, लेकिन इन तक ही सीमित नहीं हैं:

• क्रॉस-ऑरिजिन रिसॉर्स शेयरिंग (सीओआरएस) हेडर
• अनुमतियां-नीति के हेडर
• क्रॉस-ऑरिजिन आइसोलेशन हेडर

किसी हेडर को बदलने के लिए, नेटवर्क > हेडर > रिस्पॉन्स हेडर पर जाएं. इसके बाद, हेडर की वैल्यू पर कर्सर घुमाएं और पर क्लिक करके उसमें बदलाव करें.

आपके पास कस्टम हेडर जोड़ने का विकल्प भी है.

सभी बदलावों में एक ही जगह पर बदलाव करने के लिए, सोर्स > बदलाव में जाकर .headers फ़ाइल में बदलाव करें. यहां, वाइल्डकार्ड (*) का इस्तेमाल करके कई अनुरोधों को बदलने के लिए, ओवरराइड करने का नियम जोड़ें पर भी क्लिक किया जा सकता है.

Chromium से जुड़ी समस्या: 1288023.

Nuxt, Vite, और Rollup की डीबगिंग में सुधार

बेहतर स्टैक ट्रेस की मदद से, अब डीबग करने के दौरान समस्याओं का तुरंत पता लगाया जा सकता है. इसके लिए, Nuxt 3.3 या उसके बाद के वर्शन से जनरेट किए गए सोर्स के फ़्रेम छिपाए जाते हैं. DevTools ऐसे फ़्रेम को स्किप करता है:

• कंसोल ट्रेस में, N ज़्यादा फ़्रेम दिखाएं लिंक में जाकर.
• सोर्स > कॉल स्टैक में, 'इग्नोर करें' सूची में शामिल फ़्रेम दिखाएं में जाएं.

आपको ये सुधार देने के लिए, DevTools, Nuxt, Vite, और Rollup की टीमों ने मिलकर x_google_ignoreList सोर्स मैप एक्सटेंशन को अपनाया:

• Nuxt 3.3 रिलीज़
• Vite सर्वर के विकल्प
• रोलअप कॉन्फ़िगरेशन के विकल्प

DevTools की टीम, Nuxt, Vite, और Rollup की टीमों का धन्यवाद करना चाहती है, जिन्होंने इसे मुमकिन बनाया. हम आपके सहयोग और कोशिशों की सराहना करते हैं. इनकी वजह से, इस सुविधा को लागू करने में मदद मिली. आपके योगदान के लिए फिर से धन्यवाद!

एलिमेंट > स्टाइल में सीएसएस से जुड़े सुधार

अमान्य सीएसएस प्रॉपर्टी और वैल्यू

सीएसएस से जुड़ी समस्याओं का जल्दी पता लगाने के लिए, स्टाइल पैनल में अब इन पर क्रॉस का निशान दिखेगा:

• सीएसएस प्रॉपर्टी अमान्य होने पर, पूरा सीएसएस एलान (प्रॉपर्टी और वैल्यू).
• जब सीएसएस प्रॉपर्टी मान्य हो, लेकिन वैल्यू अमान्य हो, तो सिर्फ़ वैल्यू.

DevTools की टीम, इस सुधार के लिए Yisi(一丝) का धन्यवाद करना चाहती है.

ऐनिमेशन शॉर्टहैंड प्रॉपर्टी में मौजूद कीफ़्रेम के लिंक

animation शॉर्टहैंड सीएसएस प्रॉपर्टी में अब उससे जुड़े @keyframes at-rules के लिंक शामिल हैं. इससे, स्टाइल पैनल पर तेज़ी से नेविगेट किया जा सकता है.

Chromium से जुड़ी समस्या: 1420656.

कंसोल की नई सेटिंग: Enter दबाने पर अपने-आप पूरा होने वाला टेक्स्ट

पिछले वर्शन (112) से, DevTools कंसोल को कॉन्फ़िगर किया जा सकता है, ताकि Enter दबाने पर, अपने-आप पूरा होने वाला सुझाव लागू हो.

डिफ़ॉल्ट रूप से, अपने-आप पूरा होने वाले सुझाव को स्वीकार करने के लिए, Tab या Arrow right दबाएं. Enter का इस्तेमाल करके भी ऑटोमैटिक भरने की सुविधा चालू करने के लिए, सेटिंग > कंसोल > Enter दबाने पर, ऑटोमैटिक भरने का सुझाव स्वीकार करें को चालू करें.

इसके अलावा, अन्य सेटिंग का टेक्स्ट अब ज़्यादा उपयोगकर्ता-अनुकूल है: कोड की जांच को उपयोगकर्ता की कार्रवाई के तौर पर देखें.

Chromium से जुड़ी समस्या: 1276960.

कमांड मेन्यू में, आपके लिखी गई फ़ाइलों पर ज़्यादा फ़ोकस किया जाता है

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

Chromium से जुड़ी समस्या: 1424345.

JavaScript प्रोफ़ाइलर की सुविधा बंद होने की प्रक्रिया: दूसरा चरण

Chrome 58 में, DevTools टीम ने JavaScript प्रोफ़ाइलर को बंद करने का फ़ैसला लिया था. साथ ही, Node.js और Deno डेवलपर को JavaScript सीपीयू की परफ़ॉर्मेंस की प्रोफ़ाइल बनाने के लिए, परफ़ॉर्मेंस पैनल का इस्तेमाल करने के लिए कहा था.

DevTools के वर्शन 113 में, चार चरणों में JavaScript प्रोफ़ाइलर को बंद करने के दूसरे चरण की शुरुआत हो रही है. इस दौरान, पैनल को अब भी खोला जा सकता है. हालांकि, इसका यूज़र इंटरफ़ेस (यूआई) अब उपलब्ध नहीं है.

सीपीयू की परफ़ॉर्मेंस की प्रोफ़ाइल देखने के लिए, परफ़ॉर्मेंस पैनल पर जाएं पर क्लिक करें.

Chromium से जुड़ी समस्या: 1354548.

अन्य हाइलाइट

इस रिलीज़ में, कुछ ऐसी समस्याएं ठीक की गई हैं जिन पर ध्यान देने की ज़रूरत है:

• एक गड़बड़ी को ठीक किया गया है. इसकी वजह से, सोर्स पैनल में प्रिटी-प्रिंटिंग की सुविधा, यूनिकोड वर्णों वाले वैरिएबल के नाम को गलत तरीके से हैंडल करती थी (1425055).
• समस्याएं टैब में, स्टैंडर्ड एचटीएमएल वैल्यू (1399414) से जुड़ी, ऑटोमैटिक भरने की सुविधा से जुड़ी समस्याओं के लिए एक नया मैसेज जोड़ा गया है.

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

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

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

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

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

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

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