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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

प्रॉपर्टी के नियम में बदलाव करने से पहले और बाद की इमेज.

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

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

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

समस्याओं वाले टैब में, प्रॉपर्टी के नियम से जुड़ी समस्या.

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

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

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

डिवाइस की सूची को अपडेट करने से पहले और बाद की इमेज.

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

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

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

स्क्रिप्ट टैग में, प्रीटी-प्रिंट किए गए इनलाइन JSON के पहले और बाद की इमेज.

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

Console में निजी फ़ील्ड अपने-आप भरना

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

क्लास के दायरे से बाहर के निजी क्लास फ़ील्ड के लिए, ऑटोकंप्लीट की सुविधा के चालू होने से पहले और बाद की इमेज.

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

Lighthouse 11.1.0

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

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

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

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

स्क्रीन रीडर अब ये चीज़ें पढ़कर सुनाएगा:

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

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

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

Web SQL की सुविधा बंद होना

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

वेब एसक्यूएल की सुविधा बंद होने की चेतावनी.

ज़्यादा जानकारी के लिए, Web SQL को बंद करना और हटाना लेख पढ़ें.

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

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

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

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

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