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

एलिमेंट > में, @property सेक्शन को बेहतर बनाया गया शैलियां

बदलाव किया जा सकने वाला @property नियम

अब आपके पास एलिमेंट में जाकर, इससे जुड़े सेक्शन में जाकर @property सीएसएस के नियम में बदलाव करने का विकल्प है > स्टाइल पैनल.

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

अमान्य @property नियम से जुड़ी समस्याओं की शिकायत की गई

समस्याएं टैब अब @property नियमों में मौजूद गलत एलानों से जुड़ी समस्याओं के बारे में बताता है.

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

एम्युलेट किए जाने वाले डिवाइसों की सूची अपडेट की गई

सेटिंग > में उपयोगकर्ता एजेंट स्ट्रिंग ब्राउज़र और ऑपरेटिंग सिस्टम के औसत इस्तेमाल की जानकारी देने के लिए, डिवाइसों को अपडेट किया गया है. अब डिवाइस मोड में, और भी अप-टू-डेट डिवाइसों को एम्युलेट किया जा सकता है.

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

सोर्स के स्क्रिप्ट टैग में, प्रिटी-प्रिंट इनलाइन JSON

Sources पैनल में अब <script> एचटीएमएल टैग में प्रिटी-प्रिंटिंग इनलाइन JSON काम करता है, ताकि आसानी से डीबग किया जा सके.

Chromium से जुड़ी समस्याएं: 406900, 1473875.

कंसोल में निजी फ़ील्ड के अपने-आप पूरे होने की सुविधा

प्राइवेट क्लास फ़ील्ड का आकलन करते समय, अब कंसोल में क्लास के स्कोप से बाहर होने पर उन्हें अपने-आप पूरा किया जा सकता है.

Chromium से जुड़ी समस्याएं: 1483848, 1381806.

लाइटहाउस 11.1.0

Lighthouse पैनल अब लाइटहाउस 11.1.0 पर चलता है. बदलावों की पूरी सूची देखें.

DevTools में Lighthouse पैनल का इस्तेमाल करने के बारे में बुनियादी जानकारी पाने के लिए, Lighthouse: वेबसाइट की स्पीड ऑप्टिमाइज़ करें लेख पढ़ें.

Chromium से जुड़ी समस्याएं: 772558.

सुलभता सुविधाओं में सुधार

स्क्रीन रीडर अब नीचे दी गई जानकारी पढ़ेंगे:

• कंसोल में चेतावनियां और गड़बड़ियां.
• कोड को कंसोल या Sources में चिपकाते समय क्या आपको इस कोड पर भरोसा है? डायलॉग बॉक्स में बताया गया है.

इसके अलावा, ऐप्लिकेशन पैनल ने हाई कंट्रास्ट मोड में लिंक की कंट्रास्ट से जुड़ी समस्याओं को ठीक किया है.

Chromium से जुड़ी समस्याएं: 1485257, 1486643, 1485263.

Web SQL बंद होने की जानकारी

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

ज़्यादा जानकारी के लिए, वेब एसक्यूएल को बंद करना और हटाना देखें.

Chromium से जुड़ी समस्याएं: 1485966.

ऐप्लिकेशन में स्क्रीनशॉट के आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) की पुष्टि करना > मेनिफ़ेस्ट

ऐप्लिकेशन > मेनिफ़ेस्ट सेक्शन में अब यह जांच की जाती है कि आपके वेब ऐप्लिकेशन के स्क्रीनशॉट और उनके नाप या आकार (wide या narrow) का आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) एक जैसा है या नहीं.

ज़्यादा जानकारी के लिए, प्रोग्रेसिव वेब ऐप्लिकेशन को डीबग करना और वेब ऐप्लिकेशन मेनिफ़ेस्ट जोड़ना लेख पढ़ें.

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

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

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

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

• एलिमेंट:
  • ऐनिमेशन टाइमिंग फ़ंक्शन के स्वैच, बड़े किए जा सकने वाले शॉर्टहैंड एट्रिब्यूट (1149182) में, लॉन्गहैंड सीएसएस प्रॉपर्टी के लिए नहीं दिखाए जाते.
  • contain-intrinsic-* के लिए ऑटोकंप्लीट की सुविधा में अब गलत सिंगल auto वैल्यू नहीं मिलती है, क्योंकि इसे auto <length> (1480415) होना चाहिए.
  • अमान्य और अमान्य -webkit-* प्रॉपर्टी के लिए सहायता हटा दी गई है (1086089, 1030765).
• ब्रेकपॉइंट: ब्रेकपॉइंट का टाइप बदलने पर, उस ब्रेकपॉइंट में बदलाव करने वाले डायलॉग बॉक्स से गड़बड़ी को ठीक किया गया (1485782).
• परफ़ॉर्मेंस:
  • परफ़ॉर्मेंस रिकॉर्डिंग के दौरान हुई रंग पार्स करने की गड़बड़ी को ठीक कर लिया गया है (1480205).
  • समय ट्रैक (1487136) में LCP न दिखने वाली गड़बड़ी को ठीक कर दिया गया है.
• नेटवर्क: कुकी सेट करें कॉलम अब सेट की गई कुकी की सही संख्या दिखाता है. इसमें ब्लॉक की गई कुकी (1486903) शामिल नहीं हैं.
• DevTools एक्सटेंशन अब ब्लॉक नहीं किए गए होस्ट (1476264) पर, नेविगेशन के बाद लोड होते हैं.
• एक्सटेंशन के लिए गलत स्क्रिप्ट निष्पादन संदर्भ वाली गड़बड़ी को ठीक किया गया (1275331).

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

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

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

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

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

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

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