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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

हेडर बदलकर, सीओआरएस से जुड़ी गड़बड़ी को ठीक किया गया.

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

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

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

सभी बदलावों में बदलाव करना.

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

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

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

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

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

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

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 प्रोफ़ाइलर को बंद करने के दूसरे चरण की शुरुआत हो रही है. इस दौरान, पैनल को अब भी खोला जा सकता है. हालांकि, इसका यूज़र इंटरफ़ेस (यूआई) अब उपलब्ध नहीं है.

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

JavaScript प्रोफ़ाइलर की सुविधा बंद होने वाली है.

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

अन्य हाइलाइट

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

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

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

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

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

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

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

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