Google I/O 2025 के 10 अपडेट: सीएसएस कैरसेल, एआई की मदद से काम करने वाले DevTools, अलग-अलग तरीकों से काम करने वाले Prompt API वगैरह

पब्लिश होने की तारीख: 20 मई, 2025

हमने Google I/O 2025 में, आपकी प्रॉडक्टिविटी को बढ़ाने के लिए नई सुविधाएं लॉन्च की हैं. साथ ही, हमने आपको ज़्यादा असरदार, बेहतर, और आधुनिक वेब बनाने में मदद करने के लिए भी नई सुविधाएं लॉन्च की हैं.

यहां 10 मुख्य इनोवेशन दिए गए हैं. इनसे आपको सीधे तौर पर अत्याधुनिक सुविधाएं मिलती हैं. साथ ही, इनसे आपको अपने अगले प्रोजेक्ट के लिए प्रेरणा मिलेगी.

1. सीएसएस और एचटीएमएल की कुछ लाइनों का इस्तेमाल करके, कैरसेल बनाना अब पहले से ज़्यादा आसान हो गया है

सीएसएस की मदद से ऐसे बेहतरीन कैरसेल बनाएं जो फ़र्स्ट पेंट पर इंटरैक्टिव हों. Chrome 135 में नए सीएसएस प्रिमिटिव जोड़े गए हैं. जैसे, स्टाइल किए जा सकने वाले फ़्रैगमेंटेशन, स्क्रोल मार्कर एलिमेंट, और स्क्रोल बटन. इनसे JavaScript के बिना कैरसेल बनाना आसान हो जाता है. सीएसएस के जाने-पहचाने कॉन्सेप्ट का इस्तेमाल करके, कम समय में बेहतर, इंटरैक्टिव, स्मूद, और ज़्यादा ऐक्सेस किए जा सकने वाले कैरसेल बनाएं.

सीएसएस कैरसेल को सबसे पहले इस्तेमाल करने वाली कंपनी Pinterest ने कोड में 90% की कमी देखी. JavaScript की करीब 2,000 लाइनों से कोड को सीएसएस की करीब 200 लाइनों तक कम कर दिया गया.

2. डिक्लेरेटिव पॉपओवर: पेश है नया Interest Invoker API

एक्सपेरिमेंट के तौर पर उपलब्ध Interest Invoker API, ओरिजिन ट्रायल के तौर पर उपलब्ध है. इस सुविधा की मदद से, पॉपओवर को चालू या बंद किया जा सकता है. ऐसा तब किया जा सकता है, जब कुछ समय के लिए वेबसाइट पर आने वाले व्यक्ति की दिलचस्पी से जुड़ी कुकी चालू हो. स्टाइल नहीं किए जा सकने वाले [title] एट्रिब्यूट को अलविदा कहें; [interesttarget] का स्वागत करें! इसे ऐंकर पोज़िशनिंग एपीआई और पॉपओवर एपीआई के साथ मिलाकर, टूलटिप या होवर कार्ड जैसे बेहतर, रिस्पॉन्सिव, और इंटरैक्टिव यूज़र इंटरफ़ेस (यूआई) एलिमेंट बनाए जा सकते हैं. इसके लिए, JavaScript की ज़रूरत नहीं होती. मॉडर्न सीएसएस की मदद से, कई तरह के काम किए जा सकते हैं!

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

3. पहले से मौजूद कई एआई एपीआई उपलब्ध हैं. ये एपीआई, लीडिंग फ़ाउंडेशन मॉडल का इस्तेमाल करते हैं. अब Prompt API में मल्टीमॉडल की सुविधाएं भी उपलब्ध हैं

एआई की सुविधा को बेहतर बनाने के लिए, हम लगातार काम कर रहे हैं. इससे आपको बेहतर निजता, कम लेटेन्सी, और कम लागत के साथ-साथ, एआई से जनरेट किए गए अच्छी क्वालिटी के आउटपुट का ऐक्सेस मिलेगा. डिवाइस में मौजूद एआई, डिवाइस पर मौजूद टास्क पूरे करने के लिए, विशेषज्ञ मॉडल और Google के सबसे बेहतर मॉडल, Gemini Nano का इस्तेमाल करता है. Chrome 138 से, Chrome एक्सटेंशन के लिए Summarizer API, Language Detector API, Translator API, और Prompt API स्टेबल वर्शन में उपलब्ध हैं. इसके अलावा, Writer API और Rewriter API, ओरिजिन ट्रायल में उपलब्ध हैं.

प्रूफ़रीडर एपीआई के साथ-साथ, मल्टीमॉडल सुविधाओं वाला Prompt API, Chrome Canary में उपलब्ध है.

नई जानकारी पाने के लिए, हमारे अर्ली प्रीव्यू प्रोग्राम में शामिल हों. इससे आपको एआई की नई सुविधाओं वाले एपीआई पर साथ मिलकर काम करने और वेब पर एआई के इस्तेमाल को नए आयाम तक ले जाने में मदद मिलेगी.

Deloitte Engineering Platform ने Prompt, Summarizer, Writer, और Rewriter API का इस्तेमाल किया. इससे, लोगों को उनकी पसंद के मुताबिक ऑनबोर्डिंग का अनुभव मिला. साथ ही, उन्हें तेज़ी से सुझाव/राय देने या शिकायत करने का तरीका मिला. इससे जानकारी को 30% तेज़ी से ऐक्सेस किया जा सका. [^1]
Adobe ने अपने Acrobat Chrome एक्सटेंशन में, प्रॉम्प्ट एपीआई को मल्टीमॉडल सुविधाओं के साथ आज़माया. इससे उपयोगकर्ताओं को स्कैन किए गए PDF से तुरंत खास जानकारी जनरेट करने और Acrobat AI Assistant की मदद से, ज़रूरी जानकारी की पुष्टि करने में मदद मिली. ये सभी काम सीधे Chrome में किए जा सकते हैं.

4. क्लाइंट-साइड एआई, Firebase और Gemini Developer API के साथ काम करता है, ताकि हाइब्रिड एआई सलूशन उपलब्ध कराया जा सके

हमने Firebase और Gemini Developer API के साथ मिलकर काम किया है. इसका मतलब है कि अब मोबाइल और डेस्कटॉप पर, एआई की मदद से वेब अनुभव बनाए जा सकते हैं. ये ऐप्लिकेशन, क्लाइंट-साइड एआई का इस्तेमाल करते हैं. साथ ही, सभी डिवाइसों और ब्राउज़र तक पहुंचने के लिए, सर्वर-साइड एआई का इस्तेमाल करते हैं. आज से, Firebase AI Logic की मदद से, Chrome में पहले से मौजूद Prompt API को आसानी से ऐक्सेस किया जा सकता है. यह Gemini Nano और सर्वर साइड पर मौजूद इसी तरह के छोटे मॉडल पर काम करता है. इसके लिए, Gemini Developer API का इस्तेमाल किया जाता है.

5. Chrome DevTools में एआई असिस्टेंस की मदद से, स्टाइलिंग, परफ़ॉर्मेंस वगैरह से जुड़ी डीबग करने की प्रोसेस को बेहतर बनाया जा सकता है

एआई असिस्टेंस की मदद से, Gemini से चैट की जा सकती है. इससे आपको Elements पैनल में स्टाइलिंग से जुड़ी गड़बड़ियों को डीबग करने, Performance पैनल में परफ़ॉर्मेंस से जुड़ी समस्याओं को हल करने, Network पैनल में नेटवर्क से जुड़ी समस्याओं की पहचान करने, और Sources पैनल में सोर्स फ़ाइलें ढूंढने में मदद मिलती है. इसके अलावा, एआई की मदद से स्टाइलिंग से जुड़े बदलावों को सीधे तौर पर, Elements पैनल में मौजूद आपके सोर्स कोड पर लागू किया जा सकता है.

Chrome DevTools में जोड़ी गई नई सुविधाओं के बारे में जानने के लिए, हमारा नया वीडियो देखें.

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

परफ़ॉर्मेंस पैनल को बेहतर बनाया गया है. अब स्थानीय और असल उपयोगकर्ताओं के Core Web Vitals डेटा को ऐक्सेस किया जा सकता है. साथ ही, Gemini से मदद मांगी जा सकती है, ताकि परफ़ॉर्मेंस से जुड़ी समस्याओं को समझा और ठीक किया जा सके. इनसाइट साइडबार, Lighthouse की इनसाइट को आपके ट्रेस में दिखाता है. इससे आपको तेज़ी से डीबग करने में मदद मिलती है. इसके लिए, आपको अपने वर्कफ़्लो को छोड़ने या अपनी प्रॉडक्टिविटी में रुकावट डालने की ज़रूरत नहीं होती.

7. बेसलिन की सुविधाएं अब आपके पसंदीदा टूल में उपलब्ध हैं: VS Code, ESLint वगैरह

बेसलिन इंटिग्रेशन की मदद से, वेब डेवलपमेंट वर्कफ़्लो में ज़्यादा सटीक नतीजे पाएं और पूरे आत्मविश्वास के साथ काम करें. आपको वेब डेवलपमेंट के अपने पसंदीदा टूल में, मुख्य ब्राउज़र पर वेब सुविधाओं की उपलब्धता के बारे में साफ़ तौर पर जानकारी मिलेगी:

  • आईडीई: VSCode में अब आपको सुविधाओं का बेसलाइन स्टेटस दिखेगा. यह स्टेटस, आपको ऐप्लिकेशन बनाते समय ही दिखेगा. यह सुविधा, JetBrains के WebStorm और VS Code पर आधारित आईडीई में जल्द ही उपलब्ध होगी. इनमें Firebase Studio, Windsurf, GitHub Codespaces वगैरह शामिल हैं.
  • लिंटर: सीएसएस और एचटीएमएल लिंटर, आपको पहले से ही सूचना दे सकते हैं. ऐसा तब होता है, जब आपने कोई ऐसी सुविधा इस्तेमाल की हो जो आपके बेसलाइन टारगेट से नई हो. बेसलाइन की सुविधा ESLint for CSS, HTML ESLint, और Stylelint में काम करती है.
  • Analytics: RUMvision, बेसलाइन डेटा को असली उपयोगकर्ता की मेट्रिक के साथ जोड़ता है. इससे आपको अपने दर्शकों के लिए, सबसे सही बेसलाइन वर्शन चुनने में मदद मिलती है. Google Analytics के उपयोगकर्ता, Google Analytics के बेसलाइन चेकर में अपना डेटा अपलोड कर सकते हैं, ताकि उन्हें बेसलाइन से जुड़े सुझाव मिल सकें.
  • कंपाइलर: browserslist-config-baseline का इस्तेमाल करें, ताकि अपने कोड कंपाइलेशन टूल (जैसे, Babel और PostCSS) में अपने बेसलाइन टारगेट को प्लग किया जा सके. इससे आपको अपने सोर्स कोड में आधुनिक सुविधाओं का इस्तेमाल करने और उन्हें अपने प्रोडक्शन बिल्ड में कंपाइल करने में मदद मिलेगी.

8. वेब प्लैटफ़ॉर्म डैशबोर्ड की मदद से, वेब की सुविधाओं के बारे में पूरी जानकारी पाएं

पिछले साल हमने वेब प्लैटफ़ॉर्म डैशबोर्ड लॉन्च करने का एलान किया था. यह वेब-फ़ీचर के डेटा को एक्सप्लोर करने का एक तरीका है. यह पूरे वेब प्लैटफ़ॉर्म को सुविधाओं के सेट के तौर पर मैप करता है. वेब-फ़ीचर के डेटासेट को अब 100% मैप कर दिया गया है. इसलिए, पहली बार हर ब्राउज़र पर हर फ़ीचर की बेसलाइन स्थिति देखी जा सकती है. जैसे, AVIF से लेकर व्यू ट्रांज़िशन तक. इसमें उनकी उपलब्धता और इस्तेमाल भी शामिल है. अप-टू-डेट रहें और आत्मविश्वास के साथ काम करें!

9. क्रेडेंशियल मैनेजर की मदद से, साइन-इन करने की आसान सुविधा के लिए डेवलपर को मिलने वाला ट्रायल

हम समझते हैं कि आपकी साइटों के उपयोगकर्ताओं को पुष्टि करने के कई तरीकों से परेशानी हो सकती है. जैसे, पासवर्ड, आइडेंटिटी फ़ेडरेशन, और पासकी. हमारा लक्ष्य है कि उपयोगकर्ताओं को एक ही प्लैटफ़ॉर्म पर आसानी से साइन-इन करने की सुविधा मिले. इसलिए, हम Android के क्रेडेंशियल मैनेजर की सुविधा को Chrome पर उपलब्ध करा रहे हैं. जल्द ही, जब उपयोगकर्ता साइन इन करें पर क्लिक करेंगे, तो Chrome इस साइट के लिए उपलब्ध क्रेडेंशियल दिखाएगा. जैसे, Google Password Manager से मिली पासकी और पासवर्ड. इससे साइन इन करने की प्रोसेस आसान हो जाएगी. हम इस सुविधा में आइडेंटिटी फ़ेडरेशन को भी जोड़ने की योजना बना रहे हैं. वेब के लिए Credential Manager अब डेवलपर के लिए उपलब्ध है. इस साल के आखिर में, इस बारे में ज़्यादा अपडेट पाने के लिए बने रहें.

10. समीक्षा के लिए सबमिट किए गए एक्सटेंशन को रद्द करने की सुविधा की मदद से, Chrome एक्सटेंशन को तेज़ी से दोहराएं

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

सभी नई जानकारी के लिए, developer.chrome.com और web.dev पर जाएं. यहां आपको इस बारे में ज़्यादा जानकारी मिलेगी कि हम वेब को ज़्यादा बेहतर और इस्तेमाल करने में आसान कैसे बना रहे हैं. X, YouTube, और LinkedIn पर हमसे जुड़ना न भूलें. अगले I/O में मिलते हैं!


Deloitte का मतलब Deloitte Touche Tohmatsu Limited, UK की एक प्राइवेट कंपनी लिमिटेड बाय गारंटी ("DTTL"), सदस्य फ़र्म का इसका नेटवर्क, और इनसे जुड़ी इकाइयां हैं. DTTL और इसकी हर सदस्य फ़र्म, कानूनी तौर पर अलग और स्वतंत्र इकाइयां हैं. DTTL (इसे "Deloitte Global" भी कहा जाता है) क्लाइंट को सेवाएं नहीं देता है. अमेरिका में Deloitte का मतलब, DTTL की अमेरिका में मौजूद एक या उससे ज़्यादा सदस्य फ़र्म, "Deloitte" नाम का इस्तेमाल करके अमेरिका में काम करने वाली उनसे जुड़ी इकाइयां, और उनसे जुड़ी कंपनियां हैं. सार्वजनिक लेखांकन के नियमों और कानूनों के तहत, कुछ सेवाएं क्लाइंट के लिए उपलब्ध नहीं हो सकती हैं. सदस्य फ़र्म के हमारे ग्लोबल नेटवर्क के बारे में ज़्यादा जानने के लिए, कृपया www.deloitte.com/about पर जाएं.