पब्लिश करने की तारीख: 11 फ़रवरी, 2026
Chrome 139 की तरह ही, Chrome DevTools की टीम ने Chrome 145 के लिए, प्रॉडक्ट की क्वालिटी को बेहतर बनाने, पहले से मौजूद समस्याओं को हल करने, यूज़र इंटरफ़ेस (यूआई) को एक जैसा बनाने, और टेस्ट की क्वालिटी को बेहतर बनाने पर ध्यान दिया है. इस अपडेट में, कई पैनल में छोटी-मोटी गड़बड़ियों को ठीक किया गया है और सुधार किए गए हैं. इससे, रोज़ाना की जाने वाली डीबगिंग और डेवलपमेंट के वर्कफ़्लो को बेहतर, ज़्यादा भरोसेमंद, और ज़्यादा प्रॉडक्टिव बनाया जा सकेगा.
DevTools एमसीपी सर्वर से जुड़े अपडेट
DevTools MCP सर्वर को v0.11.0 से v0.14.0 तक कई अहम अपडेट मिले हैं. इनमें ऑटोमेशन और इम्यूलेशन की मुख्य सुविधाएं शामिल हैं.
- अपने-आप कनेक्ट होने की सुविधा: नए
--auto-connectफ़्लैग की मदद से, सर्वर अपने-आप चालू Chrome इंस्टेंस का पता लगा सकता है और उससे जुड़ सकता है. इससे, WebSocket यूआरएल को मैन्युअल तरीके से कॉपी करने की ज़रूरत नहीं पड़ती. - यूनिफ़ाइड इम्यूलेशन: अब एक ही
emulateटूल, इन सुविधाओं को मैनेज करता है: जियोलोकेशन, नेटवर्क की स्थितियां (ऑफ़लाइन/धीमा 3G), सीपीयू थ्रॉटलिंग, और उपयोगकर्ता एजेंट ओवरराइड. - सेव किए गए लॉग: अब नेविगेशन के दौरान, नेटवर्क अनुरोधों और कंसोल मैसेज को ऐक्सेस किया जा सकता है. यह DevTools में "लॉग सेव करें" सुविधा की तरह काम करता है.
बदलावों की पूरी सूची देखने के लिए, GitHub पर सार्वजनिक तौर पर उपलब्ध बदलावों का लॉग देखें.
सॉफ़्ट नेविगेशन अब ट्रेस व्यू में दिखते हैं
अगर आपकी वेबसाइट, सिंगल पेज ऐप्लिकेशन (एसपीए) आर्किटेक्चर का इस्तेमाल कर रही है, तो अब परफ़ॉर्मेंस पैनल के ट्रेस व्यू में, सॉफ़्ट नेविगेशन और सॉफ़्ट एलसीपी मार्कर दिखते हैं. इससे आधुनिक वेब ऐप्लिकेशन में परफ़ॉर्मेंस को डीबग करना काफ़ी आसान हो जाता है. इन ऐप्लिकेशन में, पूरे पेज को रीलोड किए बिना नेविगेशन होता है.
इस ब्लॉग पोस्ट में सॉफ्ट नेविगेशन के बारे में ज़्यादा पढ़ें. लाइव मेट्रिक व्यू और परफ़ॉर्मेंस इनसाइट में, सॉफ्ट नेविगेशन नहीं दिखते हैं. हालांकि, इस एपीआई पर काम जारी है और आने वाले समय में इसे रिलीज़ किया जाएगा.
Chromium से जुड़ी समस्याएं: 450673886, 450673887
लाइन-लेवल प्रोफ़ाइलर की टाइमिंग अब ज़्यादा सटीक होती है
परफ़ॉर्मेंस पैनल में ट्रेस रिकॉर्ड करने के बाद, सोर्स पैनल, ट्रेस में देखी गई टाइमिंग को हर लाइन के हिसाब से दिखाता है. इससे आपको यह पता चलता है कि कोड की कौनसी लाइनें सबसे ज़्यादा समय ले रही हैं.
इस सुविधा में पहले कुछ गड़बड़ियां थीं. इस वजह से, जब सोर्स को {} बटन का इस्तेमाल करके फ़ॉर्मैट किया जाता था या सोर्स-मैप की गई स्क्रिप्ट का इस्तेमाल किया जाता था, तब यह सुविधा ठीक से काम नहीं करती थी.
इन समस्याओं को हल कर दिया गया है. इससे लाइन-लेवल की प्रोफ़ाइलिंग सटीक और इस्तेमाल करने लायक हो गई है. साथ ही, यह प्रोडक्शन के लिए तैयार और छोटा किए गए कोड के लिए भी उपलब्ध है.
ज़्यादा तेज़ी से इंटरैक्शन को ट्रेस करना
परफ़ॉर्मेंस पैनल में आ रही एक बड़ी समस्या को ठीक कर दिया गया है. इससे पहले, समयसीमाएं चुनने या व्यस्त ट्रेस के बीच पैन करने पर, इवेंट को बार-बार क्रम से लगाने की वजह से यूज़र इंटरफ़ेस (यूआई) में काफ़ी देरी हो सकती थी. इसे ऑप्टिमाइज़ किया गया है. इससे जटिल फ़्लेम चार्ट के साथ इंटरैक्ट करना ज़्यादा आसान हो गया है.
Chromium से जुड़ी समस्या: 457866795
पेज लोड होने में रुकावट डालने वाले संसाधनों की पहचान करना
नेटवर्क पैनल में अब रेंडरिंग रोकने वाले संसाधन कॉलम शामिल है. इससे आपको तुरंत यह पता चल जाता है कि कौनसे संसाधन (JavaScript, सीएसएस, और फ़ॉन्ट) ब्राउज़र को पेज का कॉन्टेंट पेंट करने से रोक रहे हैं. इससे आपको फ़र्स्ट पेंट की परफ़ॉर्मेंस को ऑप्टिमाइज़ करने में मदद मिलती है.
Chromium से जुड़ी समस्या: 41169154
नेटवर्क के अनुरोध को अलग-अलग थ्रॉटल करना
अनुरोध की शर्तें पैनल (पहले इसे नेटवर्क के अनुरोध को ब्लॉक करने वाला पैनल कहा जाता था) को Chrome 144 में पेश किया गया था. अब इसमें अनुरोध थ्रॉटलिंग की सुविधा डिफ़ॉल्ट रूप से चालू होती है.
इस सुविधा को पिछले माइलस्टोन में लॉन्च किया गया था. हालांकि, बाद में रिग्रेशन की वजह से इसे बंद कर दिया गया था. Chrome 145 में, अब कुछ नेटवर्क अनुरोधों को भरोसेमंद तरीके से थ्रॉटल किया जा सकता है. इससे, धीमी डिपेंडेंसी को सिम्युलेट किया जा सकता है या यह टेस्ट किया जा सकता है कि आपका ऐप्लिकेशन, किसी संसाधन के लोड होने में होने वाली देरी को कैसे हैंडल करता है.
थ्रॉटलिंग शुरू करने या कुछ पैटर्न को ब्लॉक करने के लिए, ⋮ > ज़्यादा टूल > अनुरोध की शर्तें पर जाकर पैनल खोलें.
@starting-style के लिए डीबग करने की प्रोसेस में सुधार
सीएसएस @starting-style नियम को डीबग करने की सुविधा अब डिफ़ॉल्ट रूप से चालू है. इस सुविधा की मदद से, किसी एलिमेंट के पहली बार रेंडर होने पर लागू की गई स्टाइल की जांच की जा सकती है. यह एंट्री ऐनिमेशन और ट्रांज़िशन को डीबग करने के लिए ज़रूरी है.
Chromium की समस्या: 465367572
एआई की मदद से मिलने वाली सहायता से जुड़े अपडेट
- टेक्स्ट, इमेज, और वीडियो वगैरह का इस्तेमाल करके इनपुट देना: अब आपके पास, इमेज को सीधे अपने क्लिपबोर्ड से एआई की मदद से चैट करने की सुविधा में चिपकाने का विकल्प है. इससे आपको विज़ुअल से जुड़ी समस्याओं के बारे में सवाल पूछने में मदद मिलेगी.
Chromium से जुड़ी समस्या: 470997699
अन्य हाइलाइट
- एलिमेंट: रूट
<html>टैग के बगल में, सोर्स देखें बैज जोड़ा गया है. इससे दस्तावेज़ के सोर्स कोड पर तुरंत पहुंचा जा सकता है. - सोर्स: अब बदलाव की जा सकने वाली JSON फ़ाइलों में, रिवर्सिबल प्रीटी-प्रिंट टॉगल की सुविधा उपलब्ध है. इससे ओरिजनल फ़ॉर्मैटिंग को बदले बिना डेटा में बदलाव करना आसान हो जाता है.
- नेटवर्क: कॉन्टेक्स्ट मेन्यू आइटम को अपडेट किया गया है, ताकि उन्हें पढ़ने में आसानी हो. इसके लिए, सेंटेंस केस का इस्तेमाल किया गया है.
- Console: इस समस्या को ठीक किया गया है. इसमें पेज को फिर से लोड करने के बाद, बिना पकड़ी गई गड़बड़ियों के फ़िल्टर हट जाते थे.
Chromium से जुड़ी समस्याएं: 378870233, 461041921, 433162438
सुलभता से जुड़ी सूचनाएं
इस वर्शन में, सुलभता से जुड़ी इन सुविधाओं को बेहतर बनाया गया है:
- खोज: स्क्रीन रीडर अब Ctrl+F का इस्तेमाल करते समय, खोज के नतीजों की संख्या (जैसे कि "5 में से 1") बताते हैं.
- रिकॉर्डर: स्क्रीन रीडर अब यह सूचना देते हैं कि रिकॉर्डिंग को मिटा दिया गया है या उसे इंपोर्ट कर लिया गया है.
- सेटिंग: अब स्क्रीन रीडर, एक्सपेरिमेंट टैब में फ़िल्टर करते समय नतीजों की संख्या के बारे में बताते हैं.
- निजता: निजता पैनल में मौजूद ऑरिजिन ग्रुप को अब कीबोर्ड का इस्तेमाल करके पूरी तरह से ऐक्सेस किया जा सकता है.
- यूज़र इंटरफ़ेस (यूआई): डॉक किए गए आइकॉन अब ज़्यादा साफ़ दिखेंगे. साथ ही, हाई कंट्रास्ट और फ़ोर्स्ड कलर मोड में, उपयोगकर्ताओं के लिए कुछ एलिमेंट बंद कर दिए गए हैं.
Chromium से जुड़ी समस्याएं: 448675917, 392090449, 471713944, 471141907, 471095586