1. गूगल ने हाल ही में Chrome v137 के डेवलपर टूल (Chrome DevTools) के प्रमुख अपडेट को जारी किया है, जिसमें Gemini AI स्मार्ट एसिस्टेंट शामिल किया गया है, जो डेवलपर्स को पहली बार इस प्रकार की प्रदर्शन विश्लेषण और डिबगिंग अनुभव प्रदान करता है। Gemini के मदद से, विकसित करने वाले लोगों की कार्यक्षमता में महत्वपूर्ण सुधार आया है।

  2. image.png

  3. जीमिनी स्मार्ट लेबलिंग: प्रदर्शन विश्लेषण अधिक स्पष्ट
  4. Chrome v137 DevTools में Gemini स्मार्ट लेबलिंग फ़ंक्शन शामिल किया गया है, जिससे डेवलपर्स गति-परिवर्तन विवरणों में मुख्य ट्रैक (Main Track) इवेंट पर दोबारा क्लिक करके "लेबल जेनरेट" बटन को क्लिक करके Gemini को बार-ट्रेस और संदर्भ के आधार पर इवेंट लेबल जनरेट करने की सुविधा मिलती है। यह कार्यप्रणाली गति-विश्लेषण प्रक्रिया को बहुत सरल बनाता है और डेवलपर्स को जटिल प्रदर्शन डेटा के महत्व को जल्दी से समझने में मदद करता है। इसके अलावा, डेवलपर्स “Annotations” विकल्प कार्ड में समय के अनुपात में लेबल जोड़ सकते हैं, इवेंट कनेक्ट कर सकते हैं, और इस परिणाम को टीम के साथ साझा कर सकते हैं, जिससे समूह के सहयोग में बेहतरी लाई जाती है।
  5. AI ड्राइवन CSS डिबगिंग: एक क्लिक में संशोधन और सहेजन
  6. नई संस्करण के DevTools को Gemini स्मार्ट एसिस्टेंट की मदद से CSS संशोधित करने और संशोधित करने की सुविधा प्रदान की गई है। “Elements” पैनल में “Ask AI” को क्लिक करके और CSS संशोधन की आवश्यकता दर्ज करने के बाद, Gemini खंड विकसित करने वाले को कोड जनरेट करता है और रियल-टाइम पीडीएफ उपलब्ध करता है। अनुसंधानीय स्वचालित वर्किंग जोन की सुविधा के साथ, डेवलपर्स वास्तविक स्रोत फ़ाइलों में संशोधित CSS, JavaScript या HTML को स्टोर कर सकते हैं, जिससे डिबगिंग की दक्षता बढ़ जाती है। AIbase ने सुझाव दिया है कि यह कार्यप्रणाली फ्रंट-एंड डेवलपर्स के कार्य प्रक्रिया को काफी कम कर सकती है।
  7. प्रदर्शन पैनल में नयी इंसाइट्स: छिपी हुई समस्याओं की पहचान करें
  8. Chrome v137 के प्रदर्शन पैनल में दो महत्वपूर्ण इंसाइट्स शामिल किए गए हैं: बार-ट्रेस जावास्क्रिप्ट और ट्रेडिशनल जावास्क्रिप्ट। इन इंसाइट्स की मदद से डेवलपर्स अपने कोड में अधिक उपयोगी और विस्तृत जानकारी को पहचान सकते हैं, जिससे वेबसाइट के लोडिंग गति और रन-टाइम प्रदर्शन में सुधार किया जा सकता है। इसके अलावा, डेवलपर्स एक क्लिक से Gemini से बात करके प्रदर्शन ब्लॉक की गहरी विश्लेषण कर सकते हैं और उन्हें विशिष्ट सुधार सुझाव प्राप्त कर सकते हैं।
  9. विजुअल एसिस्टेंस और स्क्रीनशॉट: डिबगिंग के लिए अधिक संदर्भ
  10. डिबगिंग के स्पष्ट रूप से अधिक उपयोगी बनाने के लिए, Chrome v137 AI-अवसर पैनल में स्क्रीनशॉट की सुविधा शामिल की गई है। डेवलपर्स को "स्कैन" बटन पर क्लिक करके पेज का स्क्रीनशॉट लेने की सुविधा है, और इसे Gemini के लिए संदर्भ के रूप में प्रस्तुत कर सकते हैं, जिसका उपयोग पेज लेआउट या स्टाइल समस्याओं की जांच के लिए किया जा सकता है, जैसे कि बटन स्पेसिंग का परिणाम। यह कार्यप्रणाली विजुअल डिबगिंग के लिए अधिक संदर्भ का समर्थन करती है।
  11. जीमिनी डेवलपर्स इकोसिस्टम को निर्माण करता है
  12. Chrome v137 DevTools के अपडेट ने AI के डेवलपर्स टूल में गहरी समाकलन को चिह्नित किया है। Gemini न केवल जटिल कार्यों को सिम्पल करता है, बल्कि प्रदर्शन इंसाइट्स और स्क्रीनशॉट की सुविधाओं के माध्यम से डेवलपर्स को और भी अधिक व्यापक डिबगिंग समर्थन प्रदान करता है। AIbase ने सुझाव दिया है कि Gemini Nano जैसे लॉकल AI मॉडलों के समावेश के साथ, Chrome DevTools को फ्रंट-एंड डेवलपर्स के लिए "सुपर एसिस्टेंट" बनाया जा सकता है और इससे वेब डेवलपमेंट की कार्यक्षमता नई ऊंचाई तक पहुंच सकती है।
  13. संक्षेप
  14. Chrome v137 डेवलपर्स टूल का अपडेट Gemini AI के आसरे पर केंद्रित है, जो स्मार्ट लेबलिंग, CSS ऑटोमेटिक संशोधन और प्रदर्शन विश्लेषण की एक श्रृंखला अनुभवों को पेश करता है। इससे डेवलपर्स को अधिक प्रभावी और स्पष्ट डिबगिंग अनुभव मिलता है।