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

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

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

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

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

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

हेडर ओवरराइड से सीओआरएस गड़बड़ी ठीक की गई.

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

कस्टम हेडर जोड़ना.

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

सभी बदलावों में बदलाव किया जा रहा है.

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

Nuxt, Vite, और रोलअप डीबगिंग सुधार

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

तीसरे पक्ष की अनदेखा की गई सूची को चालू करने से पहले और बाद का स्टैक ट्रेस.

इन सुधारों को लागू करने के लिए, DevTools, Nuxt, Vite, और रोलअप टीमों ने साथ मिलकर x_google_ignoreList सोर्स मैप एक्सटेंशन का इस्तेमाल किया:

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

एलिमेंट में सीएसएस सुधार > शैलियां

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

सीएसएस की समस्याओं का तेज़ी से विश्लेषण करने में आपकी मदद करने के लिए, स्टाइल पैनल को अब क्रॉस-आउट कर दिया गया है:

प्रॉपर्टी का नाम और प्रॉपर्टी का मान अमान्य है.

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

ऐनिमेशन शॉर्टहैंड प्रॉपर्टी में मुख्य फ़्रेम के लिंक

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

ऐनिमेशन शॉर्टहैंड प्रॉपर्टी में मुख्य फ़्रेम के लिंक.

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

Console की नई सेटिंग: Enter दबाने पर ऑटोकंप्लीट की सुविधा

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

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

सेटिंग में मौजूद चेकबॉक्स.

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

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

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

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

बदलाव के पहले और बाद में, फटाफट खुलने वाले डायलॉग में ऐसी स्क्रिप्ट जिसे अनदेखा किया गया हो.

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

JavaScript प्रोफ़ाइलर को बंद करना: दूसरा चरण

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

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

सीपीयू की परफ़ॉर्मेंस का पता लगाने के लिए, परफ़ॉर्मेंस पैनल पर जाएं पर क्लिक करें.

JavaScript प्रोफ़ाइलर का बंद होना.

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

अन्य खास बातें

इस रिलीज़ में ध्यान देने लायक कुछ सुधार किए गए हैं:

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

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

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

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

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

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

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

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