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

परफ़ॉर्मेंस पैनल में किए गए सुधार

इस वर्शन में, परफ़ॉर्मेंस पैनल में कई सुधार किए गए हैं.

'नेटवर्क डिपेंडेंसी ट्री' की अहम जानकारी में, पहले से कनेक्ट किए गए ऑरिजिन

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

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

ज़्यादा जानकारी के लिए, ज़रूरी ऑरिजिन से पहले से कनेक्ट करना लेख पढ़ें.

'दस्तावेज़ को डाउनलोड करने में लगने वाला समय' की अहम जानकारी में, सर्वर से जवाब मिलने और रीडायरेक्ट होने में लगने वाला समय

परफ़ॉर्मेंस > अहम जानकारी > दस्तावेज़ के अनुरोध में लगने वाला समय सेक्शन में अब आपको सर्वर के जवाब में लगने वाला समय दिखेगा. साथ ही, अगर कोई रीडायरेक्ट हुआ है, तो उसकी संख्या या रीडायरेक्ट होने में लगने वाला समय भी दिखेगा.

नेटवर्क अनुरोधों की खास जानकारी में रीडायरेक्ट

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

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

परफ़ॉर्मेंस ट्रेस में शोर कम होना

परफ़ॉर्मेंस पैनल अब v8 JavaScript इंजन की compile कैटगरी के इवेंट नहीं दिखाएगा. पहले, इन इवेंट की वजह से बहुत ज़्यादा ग़ैर-ज़रूरी खर्च और ग़ैर-ज़रूरी जानकारी मिलती थी. खास तौर पर, compile code इवेंट की वजह से.

अगर आपको लगता है कि आपके लिए ज़रूरी कुछ इवेंट अब मौजूद नहीं हैं, तो बेझिझक crbug.com/414330508 पर अपना सुझाव, शिकायत या राय दें.

'JavaScript सैंपल बंद करें' सुविधा बंद कर दी गई है

परफ़ॉर्मेंस > कैप्चर सेटिंग में मौजूद, JavaScript के सैंपल बंद करें विकल्प को बंद कर दिया गया है. इस विकल्प का इस्तेमाल बहुत कम किया जाता है और यह काम का भी नहीं है.

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

सेंसर में जगह की सटीक जानकारी का पैरामीटर

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

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

एलिमेंट पैनल में किए गए सुधार

इस वर्शन में, एलिमेंट पैनल में कई सुधार किए गए हैं.

जटिल सीएसएस वैल्यू को आसानी से डीबग करना

जटिल सीएसएस वैल्यू को डीबग करने में आपकी मदद करने के लिए, एलिमेंट > स्टाइल टैब में अब कर्सर घुमाने पर टूलटिप दिखता है:

• सीएसएस वैरिएबल की पूरी परिभाषा वाली चेन, ताकि आपको कई लिंक पर क्लिक न करना पड़े.
• सीएसएस के हिसाब लगाने के मुश्किल तरीके का सिलसिलेवार तरीके से आकलन. इससे, गड़बड़ियों की पहचान ज़्यादा आसानी से की जा सकती है. साथ ही, वैल्यू का हिसाब लगाने के तरीके के बारे में बेहतर तरीके से समझा जा सकता है.

टूलटिप, परिभाषा की चेन को कई लाइनों में दिखाता है. हर परिभाषा के लिए एक लाइन होती है. साथ ही, जटिल कैलकुलेशन को बड़ा किया जा सकता है. साथ ही, वैल्यू पर कर्सर घुमाकर, कैलकुलेट की गई वैल्यू को हाइलाइट किया जा सकता है और उसे शुरुआती एक्सप्रेशन पर वापस ट्रैक किया जा सकता है.

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

@function एलिमेंट > स्टाइल में सहायता

Chrome में @function की सुविधा के लिए, एलिमेंट > स्टाइल टैब में अब आपके कस्टम फ़ंक्शन के नामों को उनकी परिभाषाओं से लिंक किया जाता है. यह लिंक, एक खास सेक्शन में किया जाता है.

नेटवर्क पैनल में किए गए सुधार

इस वर्शन में, नेटवर्क पैनल में कई सुधार किए गए हैं.

has-request-header फ़िल्टर

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

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

आइसोलेटेड वेब ऐप्लिकेशन में डायरेक्ट सॉकेट

नेटवर्क पैनल में, अब TCPSocket, UDPSocket (बाउंड मोड में), UDPSocket (कनेक्टेड मोड में) की मदद से, अलग-अलग वेब ऐप्लिकेशन (आईडब्ल्यूए) के ट्रैफ़िक को मॉनिटर किया जा सकता है.

ऐसा करने के लिए, टेबल में सामान्य अनुरोधों के बगल में मौजूद directscoket कनेक्शन चुनें. इसके बाद, मैसेज टैब में जाकर कोई मैसेज चुनें.

आइसोलेटेड वेब ऐप्लिकेशन (आईडब्ल्यूए), वेब ऐप्लिकेशन के लिए ज़्यादा भरोसेमंद सुरक्षा मॉडल उपलब्ध कराते हैं. ज़्यादा जानकारी के लिए, आइसोलेटेड वेब ऐप्लिकेशन का इस्तेमाल शुरू करना लेख पढ़ें. साथ ही, Direct Sockets API को लागू करने वाला डेमो ऐप्लिकेशन देखें.

अन्य हाइलाइट

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

• ऐप्लिकेशन > स्टोरेज: वेब एसक्यूएल का विकल्प हटा दिया गया है, जो अब काम नहीं करता (crbug.com/412707590).
• एलिमेंट:
  • डीओएम में एलिमेंट और एट्रिब्यूट से जुड़ी समस्याओं को हाइलाइट करने की सुविधा डिफ़ॉल्ट रूप से चालू होती है.
  • स्टाइल: overflow अपने-आप भरने की सुविधा के विकल्पों में clip वैल्यू जोड़ी गई.
• नेटवर्क: फ़ेच के तौर पर कॉपी करें विकल्प से Referrer-Policy एचटीटीपी हेडर हटा दिया गया है. ऐसा इसलिए किया गया है, क्योंकि यह ब्राउज़र के व्यवहार को कंट्रोल करने के लिए रिस्पॉन्स हेडर है, न कि क्लाइंट-साइड निर्देश (crbug.com/413904896).
• परफ़ॉर्मेंस: वर्क थ्रेड से 'लंबे टास्क' की चेतावनियां हटा दी गई हैं, क्योंकि वे मुख्य थ्रेड को ब्लॉक नहीं करतीं (crbug.com/40248589).
• समस्याएं. अब रिपोर्ट:
  • अगर उपयोगकर्ताओं को ट्रैक करने वाले किसी भी संसाधन को ब्लॉक किया जाता है.
  • बाउंस ट्रैकिंग की क्षमता को कंट्रोल करने की सुविधाएं, भले ही वे रीडायरेक्ट के दौरान स्टोरेज को ऐक्सेस करें या नहीं.
• सुलभता. एलिमेंट > स्टाइल में मौजूद इन एलिमेंट पर अब कीबोर्ड से फ़ोकस किया जा सकता है:
  • शैडो स्वैच (crbug.com/401213105).
  • ऐंकर पोज़िशनिंग के नाम के लिंक (crbug.com/401213107).
  • फ़्लेक्स और ग्रिड एडिटर बटन (crbug.com/401213522).
  • लंबाई (crbug.com/401211976).
  • यूआरएल लिंक (crbug.com/401213104).
  • प्रॉपर्टी के नाम और वैल्यू (crbug.com/417458979).

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

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

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

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

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

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

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