DevTools और Chrome 141 में नया क्या है

Sofia Emelianova
Sofia Emelianova
GitHub

आपके एआई एजेंट के लिए Chrome DevTools (MCP)

अब Chrome DevTools Model Context Protocol (MCP) सर्वर की नई झलक देखी जा सकती है. इससे, एआई कोडिंग असिस्टेंट को Chrome DevTools की सुविधाएं मिलती हैं.

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

देखें कि यह सुविधा कैसे काम करती है:

ज़्यादा जानकारी के लिए, आपके एआई एजेंट के लिए Chrome DevTools (MCP) लेख पढ़ें.

Gemini की मदद से, नेटवर्क डिपेंडेंसी ट्री को डीबग करना

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

'नेटवर्क डिपेंडेंसी ट्री' की अहम जानकारी में, 'एआई की मदद से डीबग करें' बटन जोड़ने से पहले और बाद की इमेज.

Gemini के साथ की गई चैट एक्सपोर्ट करना

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

एआई की मदद से जुड़ी सुविधा में एक्सपोर्ट और कॉपी बटन जोड़ने से पहले और बाद की इमेज.

परफ़ॉर्मेंस पैनल में ट्रैक कॉन्फ़िगरेशन सेव करने की सुविधा

परफ़ॉर्मेंस पैनल में रिकॉर्ड किए गए ट्रैक को कॉन्फ़िगर करने पर, DevTools अब आपके कॉन्फ़िगरेशन को सेव करता है. साथ ही, इसे वापस इंपोर्ट करने या नया ट्रैक रिकॉर्ड करने पर लागू करता है.

सुरक्षित आईपी पते वाले नेटवर्क अनुरोधों को फ़िल्टर करना

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

नेटवर्क पैनल में 'आईपी पते की सुरक्षा वाले अनुरोध' फ़िल्टर जोड़ने से पहले और बाद की इमेज.

तत्व > लेआउट टैब में मेसनरी लेआउट की सुविधा जोड़ी गई

अब Elements > Styles टैब में जाकर, मेसनरी लेआउट की जांच की जा सकती है.

मेज़नरी लेआउट, लेआउट बनाने का एक ऐसा तरीका है जिसमें एक ऐक्सिस, आम तौर पर कॉलम के लिए, ग्रिड लेआउट का इस्तेमाल करता है. वहीं, दूसरा ऐक्सिस मेज़नरी लेआउट का इस्तेमाल करता है.

लेआउट में मेसनरी लेआउट की सुविधा जोड़ने से पहले और बाद में एलिमेंट.

Lighthouse 12.8.2

Lighthouse पैनल अब Lighthouse 12.8.2 पर काम करता है.

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

बदलावों की पूरी सूची भी देखें.

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

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

अन्य हाइलाइट

इस वर्शन में, कई गड़बड़ियां ठीक की गई हैं और सुधार किए गए हैं. इनमें से कुछ के बारे में यहां बताया गया है:

  • परफ़ॉर्मेंस: Request Idle callback इवेंट में अब timeout प्रॉपर्टी शामिल है (crbug.com/441679219).
  • सुलभता. अब स्क्रीन रीडर, यह जानकारी पढ़कर सुनाएंगे:
    • प्रमोट किए गए कमांड मेन्यू आइटम के लिए, 'यह एक नई सुविधा है' (crbug.com/441485154).
    • कोड पूरा करने की सुविधा की खास जानकारी देने वाला टूलबार (crbug.com/433952045).
  • नेटवर्क: नेटवर्क लॉग आइटम पर राइट क्लिक करने से वह चुना जाता है (crbug.com/368510578).

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

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

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

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

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

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