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

Sofia Emelianova
Sofia Emelianova
GitHub

Elements > Styles में @property सेक्शन को बेहतर बनाया गया

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

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

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

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

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

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

'समस्याएं' टैब में, प्रॉपर्टी के नियम से जुड़ी समस्या की जानकारी दी गई है.

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

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

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

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

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

सोर्स में स्क्रिप्ट टैग में मौजूद JSON को बेहतर तरीके से प्रिंट करना

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

स्क्रिप्ट टैग में मौजूद JSON को बेहतर तरीके से प्रिंट करने से पहले और बाद का उदाहरण.

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

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

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

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

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

Lighthouse 11.1.0

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

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

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

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

अब स्क्रीन रीडर, यह जानकारी पढ़कर सुनाएगा:

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

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

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

Web SQL को बंद किया जाना

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

Web SQL के बंद होने की चेतावनी.

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

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

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

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

एक ही फ़ॉर्म फ़ैक्टर वाले स्क्रीनशॉट के गलत आसपेक्ट रेशियो के बारे में चेतावनी.

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

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

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

अन्य हाइलाइट

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

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

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

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

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

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

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

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