ChromeDriver क्या है?

ChromeDriver एक स्टैंडअलोन सर्वर है, जो W3C WebDriver स्टैंडर्ड लागू करता है.

दस्तावेज़ के लिए पिक्चर में पिक्चर मोड वाले एपीआई की मदद से, दिलचस्प इस्तेमाल के उदाहरण देखें

जानें कि दस्तावेज़ के पिक्चर में पिक्चर की सुविधा, ऑनलाइन लर्निंग का अनुभव कैसे बेहतर बनाती है.

• Chrome

Chrome Extensions

Chrome एक्सटेंशन डेवलप करने का तरीका जानें.

• Chrome एक्सटेंशन

chrome.contentSettings

chrome.contentSettings API का इस्तेमाल करके, उन सेटिंग में बदलाव करें जिनसे यह तय होता है कि वेबसाइटें कुकी, JavaScript, और प्लग-इन जैसी सुविधाओं का इस्तेमाल कर सकती हैं या नहीं. आम तौर पर, कॉन्टेंट सेटिंग की मदद से, Chrome के काम करने के तरीके को

• Chrome एक्सटेंशन

chrome.bookmarks

इस अनुमति से चेतावनी ट्रिगर होती है. बुकमार्क बनाने, व्यवस्थित करने, और उनमें बदलाव करने के लिए, chrome.bookmarks API का इस्तेमाल करें. पेजों में बदलाव करने के लिए एपीआई भी देखें. इसका इस्तेमाल, बुकमार्क मैनेजर का कस्टम पेज बनाने के लिए किया जा सकता

• Chrome एक्सटेंशन

chrome.contentSettings

chrome.contentSettings API का इस्तेमाल करके, उन सेटिंग में बदलाव करें जिनसे यह तय होता है कि वेबसाइटें कुकी, JavaScript, और प्लग-इन जैसी सुविधाओं का इस्तेमाल कर सकती हैं या नहीं. आम तौर पर, कॉन्टेंट सेटिंग की मदद से, Chrome के काम करने के तरीके को

• Chrome एक्सटेंशन

chrome.bookmarks

बुकमार्क बनाने, व्यवस्थित करने, और उनमें बदलाव करने के लिए, chrome.bookmarks API का इस्तेमाल करें. पेजों में बदलाव करने के लिए एपीआई भी देखें. इसका इस्तेमाल, बुकमार्क मैनेजर का कस्टम पेज बनाने के लिए किया जा सकता है. बुकमार्क एपीआई का इस्तेमाल करने

• Chrome एक्सटेंशन

आर्टिफ़िशियल इंटेलिजेंस

Chrome पर एआई एआई के साथ वेब के नए युग में आपका स्वागत है. देखें कि एआई की मदद से डेवलपर, वेब पर बेहतरीन अनुभव कैसे बना सकते हैं. फिर से सोचें कि Chrome में Gemini Nano की मदद से क्या-क्या किया जा सकता है. पहले से मौजूद एआई हम Chrome में Gemini Nano

Gemini Nano को डीबग करना

Gemini Nano के प्रॉम्प्ट के बारे में जानकारी देखने के लिए, Chrome का एक खास पेज है. इस गाइड में, डीबग करने के लिए इसका इस्तेमाल करने का तरीका बताया गया है.

Android पर Chrome के पूरे स्क्रीन पर दिखने की सुविधा के लिए तैयारी करना

Android पर Chrome 135 से, Chrome का वर्शन पूरी स्क्रीन पर दिखने वाला हो जाएगा.

• Chrome

Android पर Chrome के लिए, एज-टू-एज माइग्रेशन की गाइड

बेहतरीन वेब अनुभव बनाना

निजता और सुरक्षा पैनल

तीसरे पक्ष की कुकी की जांच करने और उन्हें कंट्रोल करने के लिए, "निजता और सुरक्षा" पैनल का इस्तेमाल करें. साथ ही, एचटीटीपीएस सुरक्षा की जांच करें.

• Chrome DevTools

Chrome DevTools की मदद से नेटवर्क का बेहतर तरीके से विश्लेषण करना

Chrome DevTools की मदद से, नेटवर्क का बेहतर तरीके से विश्लेषण करना.

• Chrome DevTools
• Chrome

NRK ने कहानियों को जीवंत बनाने के लिए, स्क्रोल-ड्रिवन ऐनिमेशन का इस्तेमाल कैसे किया

जानें कि स्क्रोल करने पर चलने वाले और स्क्रोल करने पर ट्रिगर होने वाले ऐनिमेशन, कहानी वाले लेखों को कैसे बेहतर बनाते हैं

• Chrome

पॉपओवर = हिंट

पॉपओवर के लिए नए मोड के बारे में जानें. यह टूलटिप और अन्य फ़्लोटिंग एलिमेंट को आसान बनाता है.

• Chrome

WebGPU (Chrome 134) में नया क्या है

सबग्रुप की मदद से मशीन लर्निंग के वर्कलोड को बेहतर बनाएं. D3D12 पर शेडर कंपाइल करने में लगने वाले समय को बेहतर बनाएं. फ़्लोट फ़िल्टर किए जा सकने वाले टेक्सचर टाइप को ब्लेंड किए जा सकने वाले के तौर पर हटाएं. साथ ही, और भी बहुत कुछ.

• Chrome

chrome.app.runtime

ऐप्लिकेशन लाइफ़साइकल को मैनेज करने के लिए, chrome.app.runtime API का इस्तेमाल करें. ऐप्लिकेशन रनटाइम, ऐप्लिकेशन इंस्टॉलेशन को मैनेज करता है, इवेंट पेज को कंट्रोल करता है, और ऐप्लिकेशन को किसी भी समय बंद कर सकता है. कोई भी ज़रूरी नहीं है डेवलपर की ओर

chrome.userScripts

उपयोगकर्ता स्क्रिप्ट के कॉन्टेक्स्ट में उपयोगकर्ता स्क्रिप्ट को लागू करने के लिए, userScripts एपीआई का इस्तेमाल करें. User Scripts API का इस्तेमाल करने के लिए, chrome.userScripts अपने manifest.json में "userScripts" अनुमति जोड़ें. साथ ही, उन साइटों

• Chrome एक्सटेंशन

chrome.printing

Chromebook पर इंस्टॉल किए गए प्रिंटर पर प्रिंट जॉब भेजने के लिए, chrome.printing API का इस्तेमाल करें. सभी chrome.printing मेथड और इवेंट के लिए, आपको एक्सटेंशन मेनिफ़ेस्ट में "printing" अनुमति का एलान करना होगा. उदाहरण के लिए: नीचे दिए गए उदाहरणों

• Chrome एक्सटेंशन

chrome.sessions

ब्राउज़िंग सेशन से टैब और विंडो की क्वेरी करने और उन्हें वापस लाने के लिए, chrome.sessions एपीआई का इस्तेमाल करें. स्ट्रिंग दूसरे देश/इलाके के डिवाइस का नाम. Session [] किसी दूसरे डिवाइस पर खुली विंडो के सेशन की सूची. इसमें, सबसे हाल ही में बदलाव किए

• Chrome एक्सटेंशन

chrome.printing

Chromebook पर इंस्टॉल किए गए प्रिंटर पर प्रिंट जॉब भेजने के लिए, chrome.printing API का इस्तेमाल करें. सभी chrome.printing मेथड और इवेंट के लिए, आपको एक्सटेंशन मेनिफ़ेस्ट में "printing" की अनुमति का एलान करना होगा. उदाहरण के लिए: नीचे दिए गए उदाहरणों

• Chrome एक्सटेंशन

chrome.sessions

ब्राउज़िंग सेशन से टैब और विंडो की क्वेरी करने और उन्हें वापस लाने के लिए, chrome.sessions एपीआई का इस्तेमाल करें. स्ट्रिंग दूसरे देश/इलाके के डिवाइस का नाम. Session [] किसी दूसरे डिवाइस पर खुली विंडो के सेशन की सूची. इसमें, सबसे हाल ही में बदलाव किए

• Chrome एक्सटेंशन

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

निजता और सुरक्षा पैनल, कैलिब्रेट किया गया सीपीयू थ्रॉटलिंग, परफ़ॉर्मेंस में पहले और तीसरे पक्ष को हाइलाइट करना, नई अहम जानकारी वगैरह.

• Chrome DevTools
• Chrome

chrome.i18n

अपने पूरे ऐप्लिकेशन या एक्सटेंशन में अंतरराष्ट्रीय स्तर पर उपलब्ध कराने की सुविधा लागू करने के लिए, chrome.i18n इन्फ़्रास्ट्रक्चर का इस्तेमाल करें. अगर किसी एक्सटेंशन में /_locales डायरेक्ट्री है, तो manifest में "default_locale" की जानकारी होनी

• Chrome एक्सटेंशन

Windows पर, Chromium कोड वाले ब्राउज़र में बेहतर टेक्स्ट रेंडरिंग

Edge की टीम ने Chromium में, Windows ClearType Tuner की वैल्यू को सीधे तौर पर इस्तेमाल करने की सुविधा जोड़ी है. इससे Windows पर, Chromium पर आधारित ब्राउज़र में टेक्स्ट को बेहतर तरीके से रेंडर किया जा सकता है.

• Chrome

chrome.storage

उपयोगकर्ता के डेटा में हुए बदलावों को सेव करने, वापस पाने, और ट्रैक करने के लिए, chrome.storage एपीआई का इस्तेमाल करें. Storage API का इस्तेमाल करने के लिए, एक्सटेंशन के manifest में "storage" अनुमति का एलान करें. उदाहरण के लिए: Storage API,

• Chrome एक्सटेंशन

chrome.storage

उपयोगकर्ता के डेटा में हुए बदलावों को सेव करने, वापस पाने, और ट्रैक करने के लिए, chrome.storage एपीआई का इस्तेमाल करें. Storage API, उपयोगकर्ता के डेटा और स्थिति को सेव करने के लिए, एक्सटेंशन के हिसाब से एक तरीका उपलब्ध कराता है. यह वेब प्लैटफ़ॉर्म

• Chrome एक्सटेंशन

डाइमेंशन

CrUX डाइमेंशन के बारे में तकनीकी दस्तावेज़.

• Chrome UX रिपोर्ट

एलसीपी इमेज के सब-पार्ट और आरटीटी की जानकारी अब CrUX में उपलब्ध है

फ़रवरी 2025 में रिलीज़ होने वाली Chrome उपयोगकर्ता अनुभव रिपोर्ट (CrUX में हुए बदलाव) के बारे में जानें. इसमें एलसीपी इमेज के सब-पार्ट, एलसीपी रिसॉर्स टाइप, और आरटीटी शामिल हैं.

• Chrome

Docs

आप जो भी चीज़ बना रहे हैं उसके लिए आपको कोड सैंपल, गाइड, और एपीआई रेफ़रंस चाहिए.

Chrome for Developers

वेब पर कुछ नया बनाने, आगे बढ़ने, और कुछ नया करने में आपकी मदद करना.

• Chrome

एक्सटेंशन / शुरू करना

Chrome एक्सटेंशन का इस्तेमाल शुरू करने से जुड़ी बुनियादी जानकारी

• Chrome एक्सटेंशन

मीडिया चलाते समय, अपने-आप 'पिक्चर में पिक्चर' मोड में जाना

Chrome, मीडिया चलाने वाले वेब ऐप्लिकेशन को अपने-आप पिक्चर में पिक्चर मोड में जाने की अनुमति देता है.

• Chrome

Chrome 134 बीटा

Chrome में आने वाली नई सुविधाओं के बारे में जानें.

• Chrome

chrome.enterprise.platformKeys

कुंजियां जनरेट करने और इन कुंजियों के लिए सर्टिफ़िकेट इंस्टॉल करने के लिए, chrome.enterprise.platformKeys API का इस्तेमाल करें. सर्टिफ़िकेट को प्लैटफ़ॉर्म मैनेज करेगा. इनका इस्तेमाल, टीएलएस की पुष्टि करने, नेटवर्क ऐक्सेस करने या chrome.platformKeys

• Chrome एक्सटेंशन

chrome.enterprise.platformKeys

कुंजियां जनरेट करने और इन कुंजियों के लिए सर्टिफ़िकेट इंस्टॉल करने के लिए, chrome.enterprise.platformKeys API का इस्तेमाल करें. सर्टिफ़िकेट को प्लैटफ़ॉर्म मैनेज करेगा. इनका इस्तेमाल, टीएलएस की पुष्टि करने, नेटवर्क ऐक्सेस करने या chrome.platformKeys

• Chrome एक्सटेंशन

Chrome 133 में नई सुविधाएं

Chrome 133 का वर्शन अब रोल आउट किया जा रहा है! सीएसएस में कुछ नई सुविधाएं हैं और आपको और भी बहुत कुछ जानने को मिलेगा.

• Chrome

Chrome 133

सीएसएस ऐडवांस attr(), text-box-trim, scroll-state कंटेनर क्वेरी वगैरह.

• Chrome

PWA के लिए, टैब वाला ऐप्लिकेशन मोड

टैब वाले ऐप्लिकेशन मोड की मदद से, प्रोग्रेसिव वेब ऐप्लिकेशन डेवलपर अपने स्टैंडअलोन PWA में टैब वाला दस्तावेज़ का इंटरफ़ेस जोड़ सकते हैं.

Android के लिए Auth Tab की मदद से, वेब पर साइन इन करने की प्रोसेस को बेहतर बनाना

Android के लिए Auth Tab की मदद से, वेब पर पुष्टि करने की सुविधा को बेहतर बनाना

• Chrome

ऐप्लिकेशन के हिसाब से ब्राउज़िंग इतिहास की सुविधा की मदद से, अपने उपयोगकर्ताओं के ब्राउज़िंग अनुभव को बेहतर बनाएं

अपने Android ऐप्लिकेशन में, ऐप्लिकेशन के हिसाब से इतिहास का इस्तेमाल करने का तरीका

कुछ समय के लिए खुलने वाले कस्टम टैब की मदद से, उपयोगकर्ताओं के लिए वेब पर निजता को बेहतर बनाना

अपने Android ऐप्लिकेशन में, कुछ समय के लिए खुलने वाले कस्टम टैब इस्तेमाल करने का तरीका

पुष्टि करने की प्रक्रिया को आसान बनाने के लिए, पुष्टि करने वाले टैब का इस्तेमाल करना

अपने Android ऐप्लिकेशन में, खास Auth टैब का इस्तेमाल करने का तरीका

Chrome के कस्टम टैब में, ऐप्लिकेशन के हिसाब से इतिहास की सुविधा की मदद से उपयोगकर्ता के जुड़ाव को बेहतर बनाना

Android के लिए Chrome के कस्टम टैब में, ऐप्लिकेशन के हिसाब से ब्राउज़िंग इतिहास देखने की सुविधा

• Chrome

chrome.permissions

chrome.permissions एपीआई का इस्तेमाल करके, ऐसी अनुमतियों के लिए अनुरोध करें जिन्हें ऐप्लिकेशन इंस्टॉल करने के समय नहीं मांगा जाता है. ऐसा करने से, उपयोगकर्ता यह समझ पाते हैं कि अनुमतियों की ज़रूरत क्यों है और वे सिर्फ़ ज़रूरी अनुमतियां देते हैं.

• Chrome एक्सटेंशन

chrome.permissions

chrome.permissions एपीआई का इस्तेमाल करके, ऐसी अनुमतियों के लिए अनुरोध करें जिन्हें ऐप्लिकेशन इंस्टॉल करने के समय नहीं मांगा जाता है. ऐसा करने से, उपयोगकर्ता यह समझ पाते हैं कि अनुमतियों की ज़रूरत क्यों है और वे सिर्फ़ ज़रूरी अनुमतियां देते हैं.

• Chrome एक्सटेंशन

chrome.runtime

chrome.runtime एपीआई का इस्तेमाल करके, सेवा वर्कर को वापस लाएं, मेनिफ़ेस्ट की जानकारी दिखाएं, और एक्सटेंशन के लाइफ़साइकल में होने वाले इवेंट को सुनें और उनका जवाब दें. इस एपीआई का इस्तेमाल, यूआरएल के रिलेटिव पाथ को फ़ुल्ली-क्वालिफ़ाइड यूआरएल में

• Chrome एक्सटेंशन

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

एआई की मदद से की गई चैट का सेव किया गया इतिहास, बेहतर नेविगेशन, 'नई क्या है' पैनल, परफ़ॉर्मेंस में 'सूची को अनदेखा करें' और स्टैक ट्रेस वगैरह.

• Chrome
• Chrome DevTools

जनवरी 2025 में Chrome एक्सटेंशन में क्या बदलाव होगा

Chrome एक्सटेंशन में हाल ही में किए गए बदलावों की खास जानकारी. साथ ही, एक्सटेंशन के लिए आने वाली नई सुविधाओं के बारे में जानकारी, जिनका डेवलपर बेसब्री से इंतज़ार कर रहे हैं.

• Chrome
• Chrome एक्सटेंशन

WebGPU (Chrome 133) में नया क्या है

अन्य unorm8x4-bgra और 1-कॉम्पोनेंट वर्टिक्स फ़ॉर्मैट, अज्ञात वैल्यू के साथ अज्ञात सीमाओं का अनुरोध करने की अनुमति देते हैं. साथ ही, WGSL अलाइनमेंट नियमों में बदलाव, WGSL की परफ़ॉर्मेंस में बढ़ोतरी, और बहुत कुछ करते हैं.

• Chrome
• WebGpu

Prompt API की मदद से सेशन मैनेज करने के सबसे सही तरीके

इस गाइड में, Prompt API की मदद से सेशन मैनेज करने के सबसे सही तरीके बताए गए हैं.

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

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

रिलीज़ टिप्पणियां

Chrome में हुए उन बदलावों के बारे में जानें जिनसे डेवलपर पर असर पड़ेगा

• Chrome

Chrome Web Store की नीति से जुड़े अपडेट: डेवलपर के लिए साफ़ तौर पर और एक जैसी जानकारी देना

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

• Chrome एक्सटेंशन
• Chrome

एलएलएम, जवाबों को कैसे स्ट्रीम करते हैं

जानें कि स्ट्रीमिंग क्या है और यह एआई और एलएलएम के साथ कैसे काम करती है.

स्ट्रीम किए गए एलएलएम के जवाबों को रेंडर करने के सबसे सही तरीके

स्ट्रीमिंग की सुविधा वाले एपीआई, जैसे कि Prompt API की मदद से, Gemini से स्ट्रीम किए गए जवाब दिखाने के लिए, फ़्रंटएंड के इन सबसे सही तरीकों का इस्तेमाल करें.

बिल्ट-इन एआई की मदद से अनुवाद

पहले से मौजूद Translator API की मदद से, किसी भी कॉन्टेंट का अनुवाद, सोर्स भाषा से टारगेट भाषा में किया जा सकता है. एपीआई को आज़माने के लिए, ऑरिजिन ट्रायल में हिस्सा लें.

पासकी के लिए WebAuthn सुविधा का पता लगाने की प्रोसेस को आसान बनाना

`getClientCapabilities()` की मदद से, WebAuthn की सुविधाओं का पता लगाने और अपने उपयोगकर्ताओं के लिए पुष्टि करने के वर्कफ़्लो को पसंद के मुताबिक बनाने का तरीका जानें.

• Chrome
• पासकी

एनर्जी सेवर मोड में फ़्रीज़ होना

Chrome 133 से, एनर्जी सेवर मोड चालू होने पर, ज़्यादा सीपीयू खर्च करने वाले बैकग्राउंड टैब फ़्रीज़ हो जाएंगे.

• Chrome

DevTools से जुड़ी सलाह

DevTools से जुड़ी सलाह

• Chrome DevTools

मीडिया

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

Google Password Manager में पासकी की सुविधा अब iOS पर भी उपलब्ध है

iOS 17 या इसके बाद के वर्शन पर Chrome, अब Google Password Manager (GPM) में पासकी बना सकता है, उन्हें सिंक कर सकता है, और उनकी मदद से पुष्टि कर सकता है. इससे GPM पर पासकी, Chrome के उपलब्ध होने वाली हर जगह उपलब्ध हो जाती हैं.

• Chrome
• पासकी

सीएसएस attr() को अपग्रेड किया गया

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

• Chrome

Chrome 133 बीटा

Chrome में लॉन्च होने वाली नई सुविधाओं के बारे में जानें.

• Chrome

CSS scroll-state()

कंटेनर क्वेरी की तरह ही, लेकिन फ़्लो में रुकी हुई, स्नैप की गई, और ओवरफ़्लो हुई क्वेरी के लिए.

• Chrome

Chrome 132 में नया क्या है

Chrome 132 का वर्शन लॉन्च हो गया है! डायलॉग एलिमेंट को ToggleEvent मिलता है. साथ ही, एलिमेंट लेवल पर वीडियो शेयर करने की सुविधा मिलती है. साथ ही, File System Access API, Android और वेबव्यू के साथ काम करता है.

• Chrome

CSS text-box-trim

अपने टेक्स्ट कॉन्टेंट के ऊपर और नीचे से स्पेस हटाएं. इससे, ऑप्टिकल बैलेंस बनता है.

• Chrome

Chrome 132

डायलॉग के लिए ToggleEvent, एलिमेंट लेवल पर वीडियो शेयर करने की सुविधा, और फ़ाइल सिस्टम ऐक्सेस एपीआई, Android और वेबव्यू वगैरह के साथ काम करता है.

• Chrome

हमने Chrome DevTools में Gemini को कैसे जोड़ा

DevTools में एआई असिस्टेंस के नए पैनल के इस्तेमाल के मज़ेदार और दिलचस्प उदाहरणों के बारे में जानें

• Chrome DevTools
• Chrome

chrome.sockets.udp

यूडीपी कनेक्शन का इस्तेमाल करके, नेटवर्क पर डेटा भेजने और पाने के लिए, chrome.sockets.udp एपीआई का इस्तेमाल करें. यह एपीआई, "सॉकेट" एपीआई में पहले मौजूद यूडीपी फ़ंक्शन की जगह ले लेता है. इस एपीआई का इस्तेमाल करने के लिए, यहां दी गई कुंजियों को

chrome.tabs

ब्राउज़र के टैब सिस्टम के साथ इंटरैक्ट करने के लिए, chrome.tabs API का इस्तेमाल करें. इस एपीआई का इस्तेमाल करके, ब्राउज़र में टैब बनाए जा सकते हैं, उनमें बदलाव किया जा सकता है, और उन्हें क्रम में लगाया जा सकता है. Tabs API, टैब में बदलाव करने और

• Chrome एक्सटेंशन

chrome.tabs

ब्राउज़र के टैब सिस्टम के साथ इंटरैक्ट करने के लिए, chrome.tabs API का इस्तेमाल करें. इस एपीआई का इस्तेमाल करके, ब्राउज़र में टैब बनाए जा सकते हैं, उनमें बदलाव किया जा सकता है, और उन्हें क्रम में लगाया जा सकता है. Tabs API, टैब में बदलाव करने और

• Chrome एक्सटेंशन

किसी भी एलिमेंट से वीडियो स्ट्रीम कैप्चर करें

एलिमेंट कैप्चर एपीआई, मौजूदा टैब के कैप्चर को डीओएम सबट्री के कैप्चर में बदलने का एक बेहतर और कारगर तरीका है.

वेब विटल्स एक्सटेंशन के लिए सहायता बंद कर दी गई है

वेब विटल्स एक्सटेंशन और DevTools का मर्ज हो गया है. साथ ही, एक्सटेंशन के लिए सहायता बंद कर दी गई है.

• Chrome
• Chrome DevTools

पहले से मौजूद एआई चैलेंज के विजेता

'Chrome में पहले से मौजूद एआई' चैलेंज में जीतने वाले ऐप्लिकेशन और एक्सटेंशन देखें. इस चैलेंज में, हमने आपको Chrome में Gemini Nano की मदद से, नई चीज़ें बनाने के लिए कहा था.

• Chrome

chrome.ttsEngine

एक्सटेंशन का इस्तेमाल करके, लिखाई को बोली में बदलने वाले(टीटीएस) इंजन को लागू करने के लिए, chrome.ttsEngine API का इस्तेमाल करें. अगर आपका एक्सटेंशन इस एपीआई का इस्तेमाल करके रजिस्टर होता है, तो जब कोई एक्सटेंशन या Chrome ऐप्लिकेशन बोली जनरेट करने के

• Chrome एक्सटेंशन

chrome.cookies

कुकी के बारे में क्वेरी करने और उनमें बदलाव करने के लिए, chrome.cookies API का इस्तेमाल करें. साथ ही, कुकी में बदलाव होने पर सूचना पाने के लिए भी इसका इस्तेमाल करें. कुकी एपीआई का इस्तेमाल करने के लिए, आपको अपने मेनिफ़ेस्ट में "कुकी" अनुमति का एलान

• Chrome एक्सटेंशन

chrome.ttsEngine

एक्सटेंशन का इस्तेमाल करके, लिखाई को बोली में बदलने वाले(टीटीएस) इंजन को लागू करने के लिए, chrome.ttsEngine API का इस्तेमाल करें. अगर आपका एक्सटेंशन इस एपीआई का इस्तेमाल करके रजिस्टर होता है, तो जब कोई एक्सटेंशन या Chrome ऐप्लिकेशन बोली जनरेट करने के

• Chrome एक्सटेंशन

chrome.cookies

कुकी के बारे में क्वेरी करने और उनमें बदलाव करने के लिए, chrome.cookies API का इस्तेमाल करें. साथ ही, कुकी में बदलाव होने पर सूचना पाने के लिए भी इसका इस्तेमाल करें. कुकी एपीआई का इस्तेमाल करने के लिए, अपने मेनिफ़ेस्ट में "cookies" अनुमति का एलान

• Chrome एक्सटेंशन

chrome.appviewTag

अपने Chrome ऐप्लिकेशन में दूसरे Chrome ऐप्लिकेशन को एम्बेड करने के लिए, appview टैग का इस्तेमाल करें. ( इस्तेमाल देखें). ऑब्जेक्ट डेवलपर की ओर से दिया गया वैकल्पिक डेटा, जिसका इस्तेमाल एम्बेड करने का फ़ैसला लेते समय, एम्बेड किए जाने वाले ऐप्लिकेशन

XFO या सीएसपी की मदद से, क्लिक जैकिंग को कम करना

क्लिक जैकिंग अटैक को कम करने के बारे में ज़्यादा जानें.

WebGPU (Chrome 132) में नया क्या है

टेक्सचर व्यू का इस्तेमाल, 32-बिट फ़्लोट टेक्सचर ब्लेंडिंग, GPUDevice adapterInfo एट्रिब्यूट, अमान्य फ़ॉर्मैट के साथ कैनवस कॉन्टेक्स्ट को कॉन्फ़िगर करने पर JavaScript गड़बड़ी का मैसेज, टेक्सचर पर सैंपलर की पाबंदियों को फ़िल्टर करना, एक्सटेंड किए गए सबग्रुप प्रयोग, डेवलपर के अनुभव को बेहतर बनाना, 16-बिट नॉर्मलाइज़ किए गए टेक्सचर फ़ॉर्मैट के लिए एक्सपेरिमेंटल सपोर्ट वगैरह.

• Chrome
• WebGpu

Chrome एक्सटेंशन में नया क्या है

Chrome एक्सटेंशन प्लैटफ़ॉर्म, दस्तावेज़, और नीति में हाल ही में हुए बदलाव

• Chrome एक्सटेंशन

वेबजीपीयू

गाइड, डेमो, और ताज़ा खबरों की मदद से, WebGPU सीखें

Chrome के साथ बनाएं

देखें कि Chrome के नए स्टैबल और बीटा वर्शन में क्या शामिल है.

भुगतान

Chrome में सबसे नए Payment API को इस्तेमाल करने का तरीका जानें

निजता और सुरक्षा

Chrome की निजता और सुरक्षा सुविधाओं के बारे में जानें.

ऐप्लिकेशन

इस्तेमाल न की जा सकने वाली टेक्नोलॉजी का इस्तेमाल, उपयोगकर्ताओं को ऐसे अनुभव देने के लिए किया जाता है जिनके पास मौजूदा ऑपरेटिंग सिस्टम का ज़्यादा ऐक्सेस था.

कठपुतली

बिना ग्राफ़िक यूज़र इंटरफ़ेस वाले Chrome या Chromium को कंट्रोल करने के लिए, हाई-लेवल एपीआई देने वाली Node.js लाइब्रेरी

Android पर वेब

Android पर वेब ऐप्लिकेशन डेवलप करने के लिए, Chrome की सुविधाओं के बारे में जानें.

chrome.certificateProvider

इस एपीआई का इस्तेमाल करके, प्लैटफ़ॉर्म को सर्टिफ़िकेट दिखाएं. प्लैटफ़ॉर्म, टीएलएस की पुष्टि करने के लिए इन सर्टिफ़िकेट का इस्तेमाल कर सकता है. ChromeOS को क्लाइंट सर्टिफ़िकेट दिखाने के लिए, इस एपीआई का इस्तेमाल करने का सामान्य तरीका यह है: असल क्रम

• Chrome एक्सटेंशन

chrome.extension

chrome.extension एपीआई में ऐसी सुविधाएं हैं जिनका इस्तेमाल किसी भी एक्सटेंशन पेज से किया जा सकता है. इसमें, किसी एक्सटेंशन और उसकी कॉन्टेंट स्क्रिप्ट या एक्सटेंशन के बीच मैसेज एक्सचेंज करने की सुविधा शामिल है. इस बारे में ज़्यादा जानकारी मैसेज पासिंग

• Chrome एक्सटेंशन

लाइटहाउस

Lighthouse की मदद से वेब परफ़ॉर्मेंस ऑडिट को ऑटोमेट करें

परफ़ॉर्मेंस मोड

Chrome के परफ़ॉर्मेंस टूल की मदद से, अपने वेब ऐप्लिकेशन की परफ़ॉर्मेंस ऑप्टिमाइज़ करें.

chrome.system.display

डिसप्ले मेटाडेटा के बारे में क्वेरी करने के लिए, system.display API का इस्तेमाल करें. यह बताने के लिए एक एन्म, कि सिस्टम ने डिसप्ले का पता लगाया है या नहीं और उसका इस्तेमाल किया है या नहीं. अगर सिस्टम डिसप्ले का पता नहीं लगा पाता है, तो उसे 'बंद'

• Chrome एक्सटेंशन

chrome.system.display

डिसप्ले मेटाडेटा के बारे में क्वेरी करने के लिए, system.display API का इस्तेमाल करें. यह बताने के लिए एक एन्म, कि सिस्टम ने डिसप्ले का पता लगाया है या नहीं और उसका इस्तेमाल किया है या नहीं. अगर सिस्टम डिसप्ले का पता नहीं लगा पाता है, तो उसे 'बंद'

• Chrome एक्सटेंशन

chrome.action

Google Chrome टूलबार में एक्सटेंशन के आइकॉन को कंट्रोल करने के लिए, chrome.action API का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, यहां दी गई कुंजियों को मेनिफ़ेस्ट में एलान करना ज़रूरी है. chrome.action एपीआई का इस्तेमाल करने के लिए, 3 का

• Chrome एक्सटेंशन

ब्राउज़र समर्थन

कस्टम टैब की सुविधाओं और उनके ब्राउज़र की उपलब्धता के बारे में खास जानकारी.

पहचान

Chrome की पहचान से जुड़ी सुविधाओं के बारे में जानें, जैसे कि वेब से पुष्टि करना.

chrome.commands

अपने एक्सटेंशन में कार्रवाइयां ट्रिगर करने वाले कीबोर्ड शॉर्टकट जोड़ने के लिए, commands API का इस्तेमाल करें. उदाहरण के लिए, ब्राउज़र ऐक्शन खोलने या एक्सटेंशन को कोई निर्देश भेजने के लिए कोई कार्रवाई. इस एपीआई का इस्तेमाल करने के लिए, यहां दी गई

• Chrome एक्सटेंशन

रिमोट डीबगिंग का इस्तेमाल करते समय कार्रवाई नहीं की जा सकती

WebDriver के कुछ निर्देशों (जैसे, ब्राउज़र विंडो का साइज़ बदलना) के लिए, ब्राउज़र में Chrome एक्सटेंशन लोड करना ज़रूरी है. आम तौर पर, ChromeDriver हर बार Chrome का नया सेशन शुरू करने पर, यह "ऑटोमेशन एक्सटेंशन" लोड करता है. हालांकि, ChromeDriver को

ChromeOS

ChromeOS की सभी टेस्ट इमेज में, /usr/local/chromedriver/ में ChromeDriver बाइनरी इंस्टॉल होती है. बाइनरी को उस टेस्ट इमेज में Chrome के उसी वर्शन पर अपडेट किया जाता है. इसका मतलब है कि आपके पास हमेशा ChromeDriver का सबसे नया बिल्ड होता है. अगर आपको

वेबव्यू के बारे में खास जानकारी

वेबव्यू कॉम्पोनेंट, Chromium ओपन सोर्स प्रोजेक्ट पर आधारित है.

chrome.certificateProvider

इस एपीआई का इस्तेमाल करके, प्लैटफ़ॉर्म को सर्टिफ़िकेट दिखाएं. प्लैटफ़ॉर्म, टीएलएस की पुष्टि करने के लिए इन सर्टिफ़िकेट का इस्तेमाल कर सकता है. ChromeOS को क्लाइंट सर्टिफ़िकेट दिखाने के लिए, इस एपीआई का इस्तेमाल करने का सामान्य तरीका यह है: असल क्रम

• Chrome एक्सटेंशन

chrome.extension

chrome.extension एपीआई में ऐसी सुविधाएं हैं जिनका इस्तेमाल किसी भी एक्सटेंशन पेज से किया जा सकता है. इसमें, किसी एक्सटेंशन और उसकी कॉन्टेंट स्क्रिप्ट या एक्सटेंशन के बीच मैसेज एक्सचेंज करने की सुविधा शामिल है. इस बारे में ज़्यादा जानकारी मैसेज पासिंग

• Chrome एक्सटेंशन

परफ़ॉर्मेंस लॉग

ChromeDriver, परफ़ॉर्मेंस को लॉग करने की सुविधा देता है. इससे आपको "टाइमलाइन", "नेटवर्क", और "पेज" डोमेन के इवेंट के साथ-साथ, तय की गई ट्रैक कैटगरी के लिए ट्रैक डेटा मिल सकता है. परफ़ॉर्मेंस लॉगिंग की सुविधा, डिफ़ॉल्ट रूप से चालू नहीं होती. इसलिए,

ChromeDriver क्रैश हो जाता है

ChromeDriver के क्रैश होने की समस्या का पता लगाने और उसे ठीक करने के लिए, आपके पास कुछ विकल्प हैं. यह सिर्फ़ ChromeDriver के क्रैश होने पर दिखता है. यह Chrome के क्रैश होने या बंद होने से अलग है. Windows पर, आपको कुछ ऐसा दिख सकता है: समस्या को फिर से

डाउनलोड

Chrome के पुराने वर्शन के साथ काम करने वाले ChromeDriver के वर्शन यहां दिए गए हैं. ChromeDriver का सही वर्शन चुनने के बारे में ज़्यादा जानने के लिए, वर्शन चुनना पेज देखें. यह Chrome के 114 वर्शन पर काम करता है ज़्यादा जानकारी के लिए, रिलीज़ नोट

Chrome तुरंत शुरू नहीं होता या क्रैश हो जाता है

ऐसा अक्सर तब होता है, जब किसी खास टेस्ट हार्नेस (शायद आईडीई) या लगातार बिल्ड सिस्टम (जैसे, Jenkins) का इस्तेमाल करके ChromeDriver या Chrome को चलाया जाता है. उसी Chrome बाइनरी को लॉन्च करने की कोशिश करें जिसका इस्तेमाल आपका टेस्ट, सामान्य उपयोगकर्ता

मोबाइल एम्युलेशन

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

कीबोर्ड सहायता

फ़िलहाल, ChromeDriver सिर्फ़ उन सिस्टम पर काम करता है जिनमें अमेरिकन कीबोर्ड कॉन्फ़िगर किया गया हो. जब ChromeDriver इस स्थिति का पता लगाता है, तो वह इन चीज़ों को लॉग करता है: जिन उपयोगकर्ताओं के पास अमेरिकन कीबोर्ड नहीं है उन्हें sendKeys या

कैनेरी

ChromeDriver Canary में, ChromeDriver की नई सुविधाएं मौजूद होती हैं. नई बाइनरी बनाई जाती हैं और उन्हें दिन में कई बार उपलब्ध कराया जाता है. ध्यान रखें कि इसे डेवलपर और शुरुआती उपयोगकर्ताओं के लिए डिज़ाइन किया गया है. कभी-कभी यह पूरी तरह से काम नहीं

Android

ChromeDriver के लिए सबसे नए बाइनरी को, अलग-अलग होस्ट प्लैटफ़ॉर्म के लिए ज़िप फ़ाइलों के तौर पर पैकेज किया जाता है. ChromeDriver के पुराने वर्शन, डाउनलोड में देखे जा सकते हैं. ChromeDriver, Chrome ब्राउज़र (30 या उसके बाद के वर्शन) और Android 4.4

सुरक्षा से जुड़ी बातें

ChromeDriver एक बेहतरीन टूल है. हालांकि, गलत हाथों में पड़ने पर इससे नुकसान हो सकता है. ChromeDriver का इस्तेमाल करते समय, इन सुझावों का पालन करें:

जानकारी अपने-आप भरने की सुविधा के काम करने का तरीका: असल दुनिया से जुड़ी अहम जानकारी

Chrome की एक स्टडी से पता चला है कि जानकारी ऑटोमैटिक भरने की सुविधा का इस्तेमाल करने वाले लोग, फ़ॉर्म को तेज़ी से भरते हैं. साथ ही, फ़ॉर्म छोड़ने की दर भी कम होती है.

• Chrome

डेवलपर के सुझाव, राय या शिकायत वाले फ़ॉर्म के लिए, पसंद के मुताबिक बनाए जा सकने वाले चुनिंदा अनुरोध से मिली जानकारी

समय निकालकर हमारे साथ सुझाव, शिकायत या राय देने, जानकारी की समीक्षा करने, और मानकों को बेहतर बनाने में मदद करने के लिए धन्यवाद.

• Chrome

पहले से मौजूद एआई का इस्तेमाल शुरू करें

पहले से मौजूद एआई की मदद से सुविधाएं और ऐप्लिकेशन बनाने की ज़रूरी शर्तों के बारे में जानें.

पहले से मौजूद एआई की मदद से, भाषा की पहचान करने की सुविधा

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

ऐलोकेशन टाइमलाइन टूल का इस्तेमाल करने का तरीका

ऐलोकेशन टाइमलाइन टूल का इस्तेमाल करके, उन ऑब्जेक्ट का पता लगाएं जिन्हें सही तरीके से गै़रबैज कलेक्शन नहीं किया जा रहा है और जो स्टोरेज में बने हुए हैं.

• Chrome DevTools

कंपोज़ नहीं किए गए ऐनिमेशन से बचें

"कंपोज़ नहीं किए गए ऐनिमेशन से बचें" Lighthouse ऑडिट को कैसे पास करें.

DevTools की मदद से परफ़ॉर्मेंस ट्रेस रिकॉर्ड करना और उसका विश्लेषण करना

DevTools की मदद से, परफ़ॉर्मेंस ट्रेस रिकॉर्ड करना और उसका विश्लेषण करना.

• Chrome DevTools
• Chrome

मेमोरी से जुड़ी शब्दावली

इस सेक्शन में, मेमोरी के विश्लेषण में इस्तेमाल होने वाले सामान्य शब्दों के बारे में बताया गया है. यह सेक्शन अलग-अलग भाषाओं के लिए, मेमोरी की प्रोफ़ाइल बनाने वाले कई टूल पर लागू होता है.

• Chrome DevTools

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

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

• Chrome DevTools
• Chrome

CSS Wrapped 2024

Chrome DevRel टीम और स्केटबोर्डिंग वाले Chrome Dino के साथ, साल 2024 में Chrome और वेब प्लैटफ़ॉर्म के लिए लॉन्च की गई नई सीएसएस के बारे में जानें.

एक्सटेंशन के स्टोरेज को देखना और उसमें बदलाव करना

एक्सटेंशन स्टोरेज पैनल की मदद से, एक्सटेंशन का स्टोरेज देखने और उसमें बदलाव करने का तरीका.

• Chrome DevTools

chrome.browser

मौजूदा ऐप्लिकेशन और Chrome प्रोफ़ाइल से जुड़े Chrome ब्राउज़र के साथ इंटरैक्ट करने के लिए, chrome.browser API का इस्तेमाल करें. स्ट्रिंग नया टैब खोलने पर, उस पर जाने के लिए यूआरएल. यह मौजूदा ऐप्लिकेशन और Chrome प्रोफ़ाइल से जुड़ी ब्राउज़र विंडो में

chrome.bluetoothSocket

RFCOMM और L2CAP कनेक्शन का इस्तेमाल करके, ब्लूटूथ डिवाइसों पर डेटा भेजने और पाने के लिए, chrome.bluetoothSocket API का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, नीचे दी गई कुंजियों को मेनिफ़ेस्ट में एलान करना ज़रूरी है. "system_error" सिस्टम

chrome.socket

टीसीपी और यूडीपी कनेक्शन का इस्तेमाल करके, नेटवर्क पर डेटा भेजने और पाने के लिए, chrome.socket API का इस्तेमाल करें. ध्यान दें: Chrome 33 से, इस एपीआई का इस्तेमाल नहीं किया जा सकता. इसके बजाय, sockets.udp, sockets.tcp, और sockets.tcpServer एपीआई का

chrome.mdns

mDNS पर सेवाएं ढूंढने के लिए, chrome.mdns API का इस्तेमाल करें. इसमें एनएसडी स्पेसिफ़िकेशन की सुविधाओं का सबसेट शामिल है: http://www.w3.org/TR/discovery-api/ स्ट्रिंग mDNS की मदद से विज्ञापन की गई सेवा का आईपी पता. string[] विज्ञापन के तौर पर दिखाई

chrome.syncFileSystem

Google Drive पर डेटा सेव करने और सिंक करने के लिए, chrome.syncFileSystem API का इस्तेमाल करें. यह एपीआई, Google Drive में सेव किए गए उपयोगकर्ता के किसी भी दस्तावेज़ को ऐक्सेस करने के लिए नहीं है. यह ऑफ़लाइन और कैश मेमोरी के इस्तेमाल के लिए, ऐप्लिकेशन

chrome.bluetooth

किसी ब्लूटूथ डिवाइस से कनेक्ट करने के लिए, chrome.bluetooth API का इस्तेमाल करें. सभी फ़ंक्शन, chrome.runtime.lastError के ज़रिए गड़बड़ियों की रिपोर्ट करते हैं. इस एपीआई का इस्तेमाल करने के लिए, नीचे दी गई कुंजियों को मेनिफ़ेस्ट में एलान करना ज़रूरी

chrome.webviewTag

webview टैग का इस्तेमाल करके, नेटवर्क पर वेब से लाइव कॉन्टेंट लोड करें और उसे अपने Chrome ऐप्लिकेशन में जोड़ें. आपका ऐप्लिकेशन, webview के दिखने का तरीका कंट्रोल कर सकता है. साथ ही, वेब कॉन्टेंट के साथ इंटरैक्ट कर सकता है, एम्बेड किए गए वेब पेज में

chrome.serial

सीरियल पोर्ट से कनेक्ट किए गए डिवाइस से डेटा पढ़ने और उसमें डेटा लिखने के लिए, chrome.serial API का इस्तेमाल करें. number ज़रूरी नहीं ConnectionOptions.bitrate देखें. अगर किसी गैर-स्टैंडर्ड बिटरेट का इस्तेमाल किया जा रहा है या डिवाइस से क्वेरी करते

chrome.fontSettings

Chrome की फ़ॉन्ट सेटिंग मैनेज करने के लिए, chrome.fontSettings API का इस्तेमाल करें. Font Settings API का इस्तेमाल करने के लिए, आपको एक्सटेंशन के मेनिफ़ेस्ट में "fontSettings" अनुमति का एलान करना होगा. उदाहरण के लिए: Chrome, कुछ फ़ॉन्ट सेटिंग को कुछ

• Chrome एक्सटेंशन

chrome.usb

कनेक्ट किए गए यूएसबी डिवाइसों के साथ इंटरैक्ट करने के लिए, chrome.usb एपीआई का इस्तेमाल करें. यह एपीआई, किसी ऐप्लिकेशन में यूएसबी से जुड़ी कार्रवाइयों का ऐक्सेस देता है. इस एपीआई का इस्तेमाल करके, ऐप्लिकेशन हार्डवेयर डिवाइसों के ड्राइवर के तौर पर काम

Prompt API

Chrome एक्सटेंशन में Prompt API की अनगिनत संभावनाओं के बारे में जानें.

एक्सटेंशन और एआई

एआई की मदद से एक्सटेंशन डेवलप करने का तरीका जानें

• Chrome एक्सटेंशन

परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले पैनल को बंद करना

परफ़ॉर्मेंस के बारे में अहम जानकारी देने वाले एक्सपेरिमेंटल पैनल को जनवरी 2025 में हटा दिया जाएगा. इसकी जगह, परफ़ॉर्मेंस पैनल में नई अहम जानकारी दिखेगी.

• Chrome DevTools
• Chrome

एचएसटीएस की मज़बूत नीति का इस्तेमाल करना

एचटीटीपी स्ट्रिक्ट ट्रांसपोर्ट सिक्योरिटी (एचएसटीएस) की बेहतर नीति कॉन्फ़िगर करने के बारे में ज़्यादा जानें

Chrome DevTools

एआई असिस्टेंट के इस्तेमाल के उदाहरणों और उससे जुड़ी ताज़ा खबरों के बारे में जानें

• Chrome DevTools

chrome.desktopCapture

डेस्कटॉप कैप्चर एपीआई, स्क्रीन, अलग-अलग विंडो या अलग-अलग टैब का कॉन्टेंट कैप्चर करता है. chooseDesktopMedia() में इस्तेमाल किए गए डेस्कटॉप मीडिया सोर्स के सेट को तय करने के लिए इस्तेमाल किया जाने वाला Enum. "screen" "window" "tab" "audio"

• Chrome एक्सटेंशन

chrome.declarativeContent

किसी पेज के कॉन्टेंट के आधार पर कार्रवाइयां करने के लिए, chrome.declarativeContent एपीआई का इस्तेमाल करें. इसके लिए, आपको पेज के कॉन्टेंट को पढ़ने की अनुमति की ज़रूरत नहीं है. Declarative Content API की मदद से, किसी वेब पेज के यूआरएल या पेज पर मौजूद

• Chrome एक्सटेंशन

chrome.documentScan

अटैच किए गए दस्तावेज़ स्कैनर से इमेज का पता लगाने और उन्हें वापस पाने के लिए, chrome.documentScan API का इस्तेमाल करें.

• Chrome एक्सटेंशन

chrome.dns

डीएनएस रिज़ॉल्यूशन के लिए, chrome.dns API का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, आपको manifest में "dns" अनुमति का एलान करना होगा. यहां दिया गया कोड, example.com का आईपी पता पाने के लिए resolve() को कॉल करता है. service-worker.js:

• Chrome एक्सटेंशन

chrome.system.storage

स्टोरेज डिवाइस की जानकारी के बारे में क्वेरी करने के लिए, chrome.system.storage API का इस्तेमाल करें. साथ ही, जब कोई स्टोरेज डिवाइस अटैच और डिटैच किया जाता है, तब सूचना पाएं. "success" डिवाइस को हटाने का निर्देश पूरा हो गया है -- ऐप्लिकेशन,

• Chrome एक्सटेंशन

chrome.alarms

कोड को समय-समय पर या आने वाले समय में किसी तय समय पर चलाने के लिए, chrome.alarms API का इस्तेमाल करें. chrome.alarms एपीआई का इस्तेमाल करने के लिए, manifest में "alarms" अनुमति का एलान करें: एपीआई के काम करने का तरीका समझने से, यह पक्का करने में मदद

• Chrome एक्सटेंशन

chrome.contextMenus

Google Chrome के संदर्भ मेन्यू में आइटम जोड़ने के लिए, chrome.contextMenus API का इस्तेमाल करें. आपके पास यह चुनने का विकल्प होता है कि संदर्भ मेन्यू में जोड़े गए आइटम किस तरह के ऑब्जेक्ट पर लागू हों. जैसे, इमेज, हाइपरलिंक, और पेज. एपीआई का इस्तेमाल

• Chrome एक्सटेंशन

chrome.audio

chrome.audio एपीआई की मदद से, उपयोगकर्ता सिस्टम से जुड़े ऑडियो डिवाइसों की जानकारी पा सकते हैं और उन्हें कंट्रोल कर सकते हैं. फ़िलहाल, यह एपीआई सिर्फ़ ChromeOS के लिए कीऑस्क मोड में उपलब्ध है. स्ट्रिंग डिवाइस का नाम. DeviceType डिवाइस का टाइप.

• Chrome एक्सटेंशन

ऑटोमैटिक भरना

डेवलपर के तौर पर, आपके पास और ब्राउज़र के पास, उपयोगकर्ताओं को डेटा तेज़ी से डालने और डेटा दोबारा डालने से बचने में मदद करने का विकल्प होता है. ऑटोमैटिक भरने की सुविधा की मदद से, ब्राउज़र फ़ॉर्म फ़ील्ड में उपयोगकर्ताओं की सेव की गई जानकारी को अपने-आप

CrUX टूल

CrUX टूल से जुड़े तकनीकी दस्तावेज़.

• Chrome UX रिपोर्ट

chrome.declarativeNetRequest

chrome.declarativeNetRequest एपीआई का इस्तेमाल, एलान वाले नियमों को तय करके नेटवर्क अनुरोधों को ब्लॉक करने या उनमें बदलाव करने के लिए किया जाता है. इससे एक्सटेंशन, नेटवर्क अनुरोधों को इंटरसेप्ट किए बिना और उनका कॉन्टेंट देखे बिना उनमें बदलाव कर सकते

• Chrome एक्सटेंशन

chrome.fileBrowserHandler

Chrome OS फ़ाइल ब्राउज़र को बेहतर बनाने के लिए, chrome.fileBrowserHandler API का इस्तेमाल करें. उदाहरण के लिए, इस एपीआई का इस्तेमाल करके, उपयोगकर्ताओं को अपनी वेबसाइट पर फ़ाइलें अपलोड करने की सुविधा दी जा सकती है. ChromeOS फ़ाइल ब्राउज़र तब दिखता है,

• Chrome एक्सटेंशन

chrome.devtools.panels

अपने एक्सटेंशन को Developer Tools की विंडो के यूज़र इंटरफ़ेस (यूआई) में इंटिग्रेट करने के लिए, chrome.devtools.panels एपीआई का इस्तेमाल करें: अपने पैनल बनाएं, मौजूदा पैनल ऐक्सेस करें, और साइडबार जोड़ें. हर एक्सटेंशन पैनल और साइडबार को एक अलग एचटीएमएल

• Chrome एक्सटेंशन

chrome.readingList

रीडिंग लिस्ट में मौजूद आइटम को पढ़ने और उनमें बदलाव करने के लिए, chrome.readingList API का इस्तेमाल करें. Reading List API का इस्तेमाल करने के लिए, एक्सटेंशन मेनिफ़ेस्ट फ़ाइल में "readingList" अनुमति जोड़ें: manifest.json: Chrome के साइड पैनल में एक

• Chrome एक्सटेंशन

वीडियो को ऐक्सेस करने की सुविधा को Gemini API Developer Competition का वेब अवॉर्ड मिला

हमने Gemini API Developer Competition के वेब अवॉर्ड के लिए, ViddyScribe को चुना है. उन्होंने उदाहरण के तौर पर बताया कि Gemini, किसी भी वीडियो के लिए ऑडियो डिस्क्रिप्शन जनरेट करके, वेब पर वीडियो को ज़्यादा सुलभ बनाने में कैसे मदद कर सकता है.

• Chrome

WebGPU के लिए आगे क्या करना है

वेब के लिए GPU के वर्किंग ग्रुप की हाल ही की मीटिंग में, एआई और रेंडरिंग की नई सुविधाओं के बारे में चर्चा की गई थी. इन सुविधाओं के बारे में जानें.

• Chrome
• WebGpu

हम एक्सटेंशन के लिए नए मेन्यू की टेस्टिंग शुरू कर रहे हैं. इसलिए, अपने एक्सटेंशन को तैयार रखें

एक्सटेंशन के नए मेन्यू के लिए, अपने एक्सटेंशन को तैयार करने का तरीका.

• Chrome एक्सटेंशन
• Chrome

पासकी

पासवर्ड बदलने का यह एक आसान और सुरक्षित तरीका है.

chrome.networking.onc

chrome.networking.onc एपीआई का इस्तेमाल, मोबाइल इंटरनेट, ईथरनेट, वीपीएन या वाई-फ़ाई जैसे नेटवर्क कनेक्शन को कॉन्फ़िगर करने के लिए किया जाता है. यह एपीआई, अपने-आप लॉन्च होने वाले Chrome OS कीऑस्क सेशन में उपलब्ध है. नेटवर्क कनेक्शन कॉन्फ़िगरेशन, ओपन

नेटवर्क के लिए एआई की मदद

एआई की मदद से, अपनी वेबसाइट के नेटवर्क ट्रैफ़िक को समझना

• Chrome DevTools

सीधे परफ़ॉर्मेंस पैनल में ट्रेस पर एनोटेट करना

जानें कि DevTools में एनोटेशन की नई सुविधाओं की मदद से, परफ़ॉर्मेंस ट्रेस को कैसे आसानी से समझा जा सकता है

• Chrome

पहले से मौजूद एआई

पहले से मौजूद एआई (AI), संवेदनशील जानकारी को सुरक्षित रखने और इंतज़ार के समय को बेहतर बनाने के साथ-साथ, उपयोगकर्ताओं को बेहतरीन मॉडल उपलब्ध कराने की नई सुविधा है.

Translator API के ऑरिजिन ट्रायल में शामिल होना

लोकल एआई मॉडल की मदद से, ब्राउज़र में टेक्स्ट का लाइव ट्रांसलेशन करें. अब उपयोगकर्ता अपनी मातृभाषा में योगदान दे सकते हैं.

• Chrome

परफ़ॉर्मेंस के लिए एआई की मदद

एआई की मदद से परफ़ॉर्मेंस प्रोफ़ाइलों को समझना

• Chrome DevTools

एआई की मदद से क्लाइंट-साइड अनुवाद की सुविधा

दुनिया भर में ग्राहक सहायता देने के लिए, Translator API के बारे में जानें.

Chrome 132 बीटा

Chrome में लॉन्च होने वाली नई सुविधाओं के बारे में जानें.

• Chrome

एआई से मिलने वाली सहायता वाला पैनल

जानें कि एआई की मदद से वेबसाइट कैसे काम करती है

• Chrome DevTools

सोर्स के लिए एआई की मदद

एआई की मदद से, अपनी वेबसाइट के रिसॉर्स को समझना

• Chrome DevTools

Chrome डेस्कटॉप पर पासकी के लिए Signal API

Chrome डेस्कटॉप पर पासकी के लिए, पेश है Signal API

• Chrome
• पासकी

Signal API की मदद से, अपने सर्वर पर क्रेडेंशियल के साथ पासकी को एक जैसा रखना

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

• Chrome
• पासकी

Chrome 131

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

• Chrome

Chrome एक्सटेंशन के ऑरिजिन ट्रायल के लिए, Prompt API में शामिल हों

Chrome एक्सटेंशन के ऑरिजिन ट्रायल के लिए, Prompt API में हिस्सा लें और Chrome में Gemini Nano को ऐक्सेस करें.

• Chrome

Summarizer API के ऑरिजिन ट्रायल में शामिल हों

ऑरिजिन ट्रायल में हिस्सा लें, ताकि उपयोगकर्ता लंबे लेखों, जटिल दस्तावेज़ों या चैट की दिलचस्प बातचीत को कम शब्दों में और अहम जानकारी के साथ पढ़ सकें.

• Chrome

Chrome 131 में नई सुविधाएं

Chrome 131 का वर्शन लॉन्च हो गया है! ज़्यादा सीएसएस स्टाइल के साथ जानकारी वाले एलिमेंट, पेज मार्जिन बॉक्स के साथ आसान प्रिंट लेआउट, और बहुत कुछ.

• Chrome

पहले से मौजूद एआई की मदद से खास जानकारी पाना

लंबे लेखों, मुश्किल दस्तावेज़ों या लाइव चैट में की जाने वाली बातचीत को कम शब्दों और अहम जानकारी में शामिल करें.

सीएसएस और यूज़र इंटरफ़ेस (यूआई)

टाइपोग्राफ़ी, रंग, और लेआउट जैसे विषयों के बारे में संसाधन ढूंढें.

मेनिफ़ेस्ट - सैंडबॉक्स

चेतावनी: Chrome 57 और इसके बाद के वर्शन में, सैंडबॉक्स किए गए पेजों में बाहरी वेब कॉन्टेंट को इस्तेमाल करने की अनुमति नहीं देगा. इसमें, एम्बेड किए गए फ़्रेम और स्क्रिप्ट भी शामिल हैं. इसके बजाय, कृपया वेबव्यू का इस्तेमाल करें. यह ऐप्लिकेशन या

मेनिफ़ेस्ट - ज़रूरी शर्तें

ऐप्लिकेशन या एक्सटेंशन के लिए ज़रूरी टेक्नोलॉजी. Chrome Web Store जैसी होस्टिंग साइटें, इस सूची का इस्तेमाल करके उपयोगकर्ताओं को ऐसे ऐप्लिकेशन या एक्सटेंशन इंस्टॉल करने से रोक सकती हैं जो उनके कंप्यूटर पर काम नहीं करेंगे. फ़िलहाल, "3D" और "प्लग इन"

स्टोरेज की जगहों के लिए मेनिफ़ेस्ट

local और sync स्टोरेज एरिया के उलट, managed स्टोरेज एरिया के स्ट्रक्चर को JSON स्कीमा के तौर पर एलान किया जाना चाहिए. साथ ही, Chrome इसकी पुष्टि सख्ती से करता है. इस स्कीमा को "storage" मेनिफ़ेस्ट बटन की "managed_schema" प्रॉपर्टी से बताई गई फ़ाइल

ऑरिजिन ट्रायल का इस्तेमाल शुरू करना

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

WebGPU (Chrome 131) में नया क्या है

WGSL, जीपीयूCanvasContext getConfiguration(), पॉइंट और लाइन प्रिमिटिव में डेप्थ बायस, सबग्रुप के लिए इनक्लूसिव स्कैन बिल्ट-इन फ़ंक्शन, मल्टी-ड्रॉ इनडायरेक्ट के लिए एक्सपेरिमेंटल सपोर्ट, शेडर मॉड्यूल कंपाइलेशन विकल्प सख्त गणित, जीपीयू अडैप्टर requestAdapterInfo() को हटाएं वगैरह में शामिल नहीं होना चाहिए.

• Chrome
• WebGpu

<details> को स्टाइल करने के ज़्यादा विकल्प

अब ::details-content स्यूडो-एलिमेंट का इस्तेमाल करके, डिसप्ले टाइप सेट किया जा सकता है. साथ ही, उस हिस्से के लिए कंटेनर की स्टाइल भी सेट की जा सकती है जो बड़ा और छोटा होता है.

मेमोरी से जुड़ी समस्याएं ठीक करना

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

• Chrome DevTools

मेमोरी पैनल की खास जानकारी

मेमोरी के बंटवारे के बारे में अहम जानकारी पाएं, लो लेवल मेमोरी से जुड़ी समस्याओं की जांच करें, और ट्रैश कलेक्शन को मैनेज करें.

• Chrome DevTools

आसानी से क्रेडेंशियल शेयर करने की सुविधा की मदद से, अपने उपयोगकर्ताओं को आसानी से साइन-इन करने में मदद करें

क्रेडेंशियल शेयर करने की सुविधा से, पासवर्ड मैनेजर को सुरक्षित तरीके से यह सिग्नल दिया जा सकता है कि आपके उपयोगकर्ता आपके Android ऐप्लिकेशन और वेबसाइट, दोनों पर एक ही क्रेडेंशियल का इस्तेमाल करके साइन इन कर सकते हैं.

• Chrome

DevTools को पसंद के मुताबिक बनाना

Chrome DevTools को पसंद के मुताबिक बनाने के तरीकों की सूची: थीम, प्लेसमेंट, पैनल का क्रम, भाषा वगैरह बदलें.

• Chrome DevTools

परफ़ॉर्मेंस पैनल में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को लाइव मॉनिटर करना

परफ़ॉर्मेंस पैनल में, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को लाइव मॉनिटर करें.

• Chrome
• Chrome DevTools

बैज के बारे में जानकारी

अलग-अलग ओवरले को टॉगल करें और बैज की मदद से डीओएम ट्री पर नेविगेट करने की स्पीड बढ़ाएं.

• Chrome DevTools

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

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

• Chrome
• Chrome DevTools

अपने उपयोगकर्ताओं की हैंडराइटिंग को पहचानें

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

सीएसएस का इस्तेमाल करके प्रिंट करते समय, वेब पेजों के मार्जिन में कॉन्टेंट जोड़ना

वेबपेज प्रिंट करते समय, पसंद के मुताबिक हेडर और फ़ुटर बनाएं.

• Chrome

WebGPU: समस्या हल करने के लिए सलाह और सुधार

जानें कि Chrome ब्राउज़र पर WebGPU बंद क्यों हो सकता है या काम नहीं कर रहा है.

Chrome से --headless=old को हटाना

Chrome 132 में, अब बिना ग्राफ़िक यूज़र इंटरफ़ेस वाला पुराना मोड शामिल नहीं है. chrome-headless-shell या नए Headless मोड पर माइग्रेट करें.

• Chrome

रनटाइम की परफ़ॉर्मेंस का विश्लेषण करना

Chrome DevTools में रनटाइम की परफ़ॉर्मेंस का आकलन करने का तरीका जानें.

• Chrome DevTools

DevTools में स्क्रोल बैज की नई सुविधा: स्क्रोल किए जा सकने वाले एलिमेंट को तेज़ी से ढूंढना

जानें कि DevTools का नया स्क्रोल बैज, स्क्रोल किए जा सकने वाले एलिमेंट को डीबग करने की प्रोसेस को कैसे आसान बनाता है. साथ ही, यह भी जानें कि हमने इसे कैसे बनाया!

• Chrome

DevTools AI की मदद से, ये 5 शानदार काम करें

DevTools में एआई असिस्टेंस के नए पैनल के इस्तेमाल के मज़ेदार और दिलचस्प उदाहरणों के बारे में जानें

• Chrome

कैश कंट्रोल के लिए bfcache चालू करना: no-store

Chrome, कैश-कंट्रोल की सुविधा का इस्तेमाल करने वाले पेजों के लिए, bfcache के इस्तेमाल की अनुमति देने के लिए बदलाव कर रहा है: नो-स्टोर, जब ऐसा करना सुरक्षित हो. जानें कि डेवलपर के लिए इसका क्या मतलब है.

Chrome हेडलेस मोड

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

• Chromium

पहले से मौजूद एआई एपीआई

पहले से मौजूद एआई (AI), संवेदनशील जानकारी को सुरक्षित रखने और इंतज़ार के समय को बेहतर बनाने के साथ-साथ, उपयोगकर्ताओं को बेहतरीन मॉडल उपलब्ध कराने की नई सुविधा है.

Chrome 131 का बीटा वर्शन

Chrome के नए बीटा वर्शन में आने वाली सुविधाओं के बारे में जानें.

• Chrome

एपीआई का संदर्भ

Chrome एक्सटेंशन के लिए उपलब्ध कराए गए सभी एपीआई की पूरी जानकारी. इसमें बंद किए गए Chrome Apps प्लैटफ़ॉर्म के एपीआई के साथ-साथ बीटा और डेव वर्शन में अब भी एपीआई शामिल हैं.

• Chrome एक्सटेंशन

WebGPU (Chrome 130) में नया क्या है

मेटल पर ड्यूअल सोर्स ब्लेंडिंग, शेडर कंपाइलेशन के समय में सुधार, जीपीयू अडैप्टर का अनुरोध एडाप्टर सूचना() बंद करने के साथ-साथ और भी बहुत कुछ.

• Chrome
• WebGpu

Chrome 130 में नया

Chrome 130 का वर्शन लॉन्च हो गया है! 'पिक्चर में पिक्चर' विंडो से, आपको पिक्चर में पिक्चर विंडो पर ज़्यादा कंट्रोल मिलता है. सीएसएस नेस्ट किए गए एलान से कुछ पेचीदा केस ठीक हो जाते हैं. साथ ही, यह तय किया जा सकता है कि एक से ज़्यादा लाइनों में अलग-अलग एलिमेंट पर की गई सजावट का क्या तरीका है. Chrome 130 में डेवलपर के लिए क्या नया है, इस बारे में पूरी जानकारी पीट लेपेज के पास है.

• Chrome

स्टाइल बनाने के लिए एआई की मदद लेना

जानें कि DevTools में एआई की मदद से, वेबसाइट को स्टाइल कैसे किया जाता है.

• Chrome DevTools

Chrome 130

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

• Chrome

chrome.virtualKeyboard

chrome.virtualKeyboard एपीआई, एक कीऑस्क एपीआई है. इसका इस्तेमाल, कीऑस्क सेशन में वर्चुअल कीबोर्ड के लेआउट और व्यवहार को कॉन्फ़िगर करने के लिए किया जाता है. बूलियन ज़रूरी नहीं वर्चुअल कीबोर्ड अपने-आप पूरा होने की सुविधा देता है या नहीं. बूलियन ज़रूरी

chrome.clipboard

chrome.clipboard एपीआई उपलब्ध कराया जाता है, ताकि उपयोगकर्ता क्लिपबोर्ड का डेटा ऐक्सेस कर सकें. यह समाधान, ChromeOS प्लैटफ़ॉर्म के लिए कुछ समय के लिए है. ऐसा तब तक होगा, जब तक ओपन-वेब विकल्प उपलब्ध नहीं हो जाता. ओपन-वेब समाधान उपलब्ध होने पर, इसे बंद

लंबे ऐनिमेशन फ़्रेम एपीआई

लंबे ऐनिमेशन फ़्रेम एपीआई (एलओएएफ़) के बारे में जानें. यह, लंबे टास्क एपीआई का अगला वर्शन है. इसकी मदद से, एट्रिब्यूशन के साथ फ़्रेम अपडेट होने में लगने वाले समय को मापने की सुविधा मिलती है

नेटवर्क पर की गई गतिविधि की जांच करें

Chrome DevTools में नेटवर्क से जुड़ी सबसे लोकप्रिय सुविधाओं की जानकारी देने वाला ट्यूटोरियल.

• Chrome DevTools

एआई इनोवेशन

एआई के इनोवेशन टैब का रेफ़रंस.

• Chrome DevTools

अक्टूबर 2024 में Chrome एक्सटेंशन में क्या बदलाव हो रहे हैं

Chrome एक्सटेंशन में हाल ही में किए गए बदलावों की खास जानकारी. साथ ही, एक्सटेंशन के लिए आने वाली नई सुविधाओं के बारे में जानकारी, जिनका डेवलपर बेसब्री से इंतज़ार कर रहे हैं.

• Chrome एक्सटेंशन
• Chrome

नेटिव क्लाइंट

ब्राउज़र में C और C++ कोड का कंपाइल किया गया वर्शन चलाने के लिए सैंडबॉक्स. इसे अब बंद कर दिया गया है.

Chrome 130 में box-decoration-break प्रॉपर्टी

Chrome 130 में, बिना प्रीफ़िक्स वाले box-decoration-break फ़ंक्शन का पूरा इस्तेमाल किया जा सकता है.

• Chrome

निजी नेटवर्क का ऐक्सेस रोका गया है

निजी नेटवर्क ऐक्सेस (पीएनए) की रिलीज़ को फ़िलहाल रोका गया है.

• Chrome

Translation API की झलक देखने की सुविधा उपलब्ध है

Translation API अब, एआई की सुविधाओं के रिलीज़ से पहले इस्तेमाल करने वाले कार्यक्रम में हिस्सा लेने वाले लोगों के लिए उपलब्ध है.

• Chrome

सीएसएस चुनने की स्टाइल के लिए इनहेरिटेंस में बदलाव

Chrome 134 में, सीएसएस हाइलाइट इनहेरिटेंस में बदलाव किया जा रहा है.

• Chrome

CSS ऐंकर पोज़िशनिंग एपीआई

ऐंकर पोज़िशनिंग एपीआई का इस्तेमाल करके, एलिमेंट को एक-दूसरे के हिसाब से पोज़िशन करें.

Chrome DevTools में सुझाव देखना: यह मुश्किल क्यों है और इसे बेहतर कैसे बनाया जा सकता है

जानें कि DevTools डीबगर, किसी अपवाद को पकड़े जाने का अनुमान कैसे लगाता है.

• Chrome

Google Chrome में पहले से मौजूद एआई चैलेंज में हिस्सा लें

हम 'Chrome में पहले से मौजूद एआई' चैलेंज लॉन्च कर रहे हैं. इसमें हम आपको Chrome में Gemini Nano की मदद से, नई चीज़ें बनाने का न्योता दे रहे हैं.

• Chrome

WebAuthn: पुष्टि करने वालों को एम्युलेट करें

Chrome DevTools में Authenticator को एम्युलेट करें और WebAuthn को डीबग करें.

• Chrome DevTools

सुविधाओं के बारे में जानकारी

Chrome DevTools रिकॉर्डर पैनल की सुविधाओं के बारे में ज़्यादा जानकारी.

• Chrome DevTools

खोज: लोड किए गए सभी संसाधनों में टेक्स्ट ढूंढें

खोज पैनल की मदद से, लोड किए गए सभी संसाधनों में टेक्स्ट ढूंढें.

• Chrome DevTools

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

परफ़ॉर्मेंस पैनल में लाइव मेट्रिक और ब्रेडक्रंब के सुझाव, नए नेटवर्क फ़िल्टर, HAR एक्सपोर्ट वगैरह के सुझाव.

• Chrome DevTools
• Chrome

Chrome Web Store के डेवलपर डैशबोर्ड को मोबाइल पर इस्तेमाल करने का अनुभव बेहतर बनाना

हमें यूज़र इंटरफ़ेस (यूआई) में बदलावों का एक सेट लॉन्च करते हुए खुशी हो रही है. इससे Chrome Web Store के डेवलपर डैशबोर्ड को ज़्यादा रिस्पॉन्सिव और मोबाइल-फ़्रेंडली बनाया जा सकेगा. हमें उम्मीद है कि इससे आपको स्टोर पेज की परफ़ॉर्मेंस को मॉनिटर करने,

• Chrome एक्सटेंशन
• Chrome

कवरेज: इस्तेमाल नहीं की गई JavaScript और सीएसएस का पता लगाना

Chrome DevTools में इस्तेमाल न हुए JavaScript और सीएसएस कोड को ढूंढने और उसका विश्लेषण करने का तरीका.

• Chrome DevTools

सोर्स पैनल की खास जानकारी

फ़ाइलें देखें और उनमें बदलाव करें, स्निपेट बनाएं, JavaScript डीबग करें, और Chrome DevTools के सोर्स पैनल में फ़ाइल फ़ोल्डर सेट अप करें.

• Chrome DevTools

लेयर पैनल: अपनी वेबसाइट की लेयर के बारे में जानें

अपनी वेबसाइट बनाने वाली लेयर की जांच करें.

• Chrome DevTools

कैश मेमोरी में सेव करने की प्रोसेस का डेटा: कैश मेमोरी की जांच करें, उसे मिटाएं, और बंद करें

DevTools की मदद से, कैश मेमोरी में सेव किए गए डेटा की जांच करना और उससे जुड़ी समस्या हल करना.

• Chrome DevTools
• Chrome

एक पेज के ऐप्लिकेशन के लिए, एक ही दस्तावेज़ वाले व्यू में ट्रांज़िशन

एक पेज के ऐप्लिकेशन में इस्तेमाल करने के लिए, एक ही दस्तावेज़ के व्यू में बदलाव करने की सुविधा का इस्तेमाल शुरू करें.

Web Vitals एक्सटेंशन, अब DevTools में उपलब्ध है

Web Vitals एक्सटेंशन, Chrome DevTools के परफ़ॉर्मेंस पैनल में मर्ज हो जाएगा. साथ ही, जनवरी 2025 से यह स्टैंडअलोन तौर पर काम नहीं करेगा.

• Chrome DevTools
• Chrome

कंसोल की खास जानकारी

Chrome DevTools कंसोल का मुख्य इस्तेमाल मैसेज को लॉग करना और JavaScript चलाना है.

• Chrome DevTools

वेब ऐप्लिकेशन मेनिफ़ेस्ट आईडी प्रॉपर्टी की मदद से, PWA की खास पहचान करना

वैकल्पिक `id` प्रॉपर्टी, वेब ऐप्लिकेशन मेनिफ़ेस्ट की खास जानकारी का हिस्सा है. इसकी मदद से, PWA के लिए इस्तेमाल किए जाने वाले आइडेंटिफ़ायर के बारे में साफ़ तौर पर बताया जा सकता है. मेनिफ़ेस्ट में `id` प्रॉपर्टी जोड़ने से, `start_url` या मेनिफ़ेस्ट की जगह पर निर्भरता हट जाती है और आने वाले समय में इन्हें अपडेट किया जा सकता है.

शुरुआती झलक के लिए राइटर और रीराइटर एपीआई उपलब्ध हैं

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

• Chrome

सुझाव ज़रूरी है: हम सीएसएस मेसनरी के बारे में कैसे बताएं?

दो प्रस्तावित चिनाई की विशेषताओं की तुलना.

• Chrome

Chrome, Google Password Manager पर मौजूद पासकी को डेस्कटॉप और Android के बीच सिंक करेगा

डेस्कटॉप पर Chrome जल्द ही Google Password Manager (GPM) में पासकी बना पाएगा. साथ ही, इसे Android के साथ-साथ उन प्लैटफ़ॉर्म पर भी सिंक कर पाएगा.

• पासकी
• Chrome

Chrome 130 का बीटा वर्शन

Chrome के नए बीटा वर्शन में मौजूद सुविधाओं और बदलावों के साथ अपनी साइट की जांच करें.

• Chrome

WebGPU में नया क्या है (Chrome 129)

कैनवस टोन मैपिंग मोड के साथ एचडीआर की सुविधा, सबग्रुप के लिए ज़्यादा विकल्प वगैरह.

• Chrome
• WebGpu

DevTools में अपनी स्थानीय और असल उपयोगकर्ता की Core Web Vitals मेट्रिक की परफ़ॉर्मेंस पर नज़र रखें

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

• Chrome
• Chrome DevTools

ऊंचाई पर ऐनिमेट करें: स्वचालित; सीएसएस में, (और साइज़ बदलने वाले दूसरे कीवर्ड)

`interpolate-size` और `calc-size()` का इस्तेमाल करके, साइज़ तय करने वाले इनट्रिन्सिक कीवर्ड पर ऐनिमेशन लागू करना

प्रदर्शन पैनल: अपनी वेबसाइट के प्रदर्शन का विश्लेषण करें

अपनी वेबसाइट के लोड और रनटाइम परफ़ॉर्मेंस का विश्लेषण करें

• Chrome DevTools

Chrome एक्सपेरिमेंट: प्रोसेस शेयर करना

प्रोसेस शेयर करने का प्रयोग और इसका असर Chrome DevTools के डेवलपर अनुभव पर.

• Chrome

Chrome 129 में नई सुविधाएं

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

• Chrome

Web Serial में ब्लूटूथ RFCOMM से जुड़े अपडेट

Web Serial के साथ ब्लूटूथ RFCOMM सीरियल पोर्ट उपलब्ध होने का पता लगाने का तरीका जानें.

• Chrome

डेवलपर से सुझाव, राय या शिकायत पाने का अनुरोध: पसंद के मुताबिक विकल्प चुनना

पसंद के मुताबिक बनाई जा सकने वाली सदस्यता चुनने की नई सुविधा की शुरुआती झलक.

• Chrome

स्क्रीन फ़्रीज़ करें & गायब होने वाले एलिमेंट की जांच करें

डीओएम में एलिमेंट को फ़्रीज़ करें, ताकि आप उन्हें DevTools की मदद से जांच सकें.

• Chrome DevTools
• Chrome

किसी भी एलिमेंट के लिए पिक्चर में पिक्चर की सुविधा, सिर्फ़ <वीडियो>

हमेशा सबसे ऊपर दिखने वाली विंडो में आर्बिट्ररी एचटीएमएल कॉन्टेंट दिखाएं.

प्रॉडक्ट की जानकारी

CrUX डेटासेट में नए बदलावों के बारे में जानकारी.

• Chrome UX रिपोर्ट

कीबोर्ड लॉक और पॉइंटर लॉक एपीआई के लिए, Chrome 131 से अनुमति की ज़रूरत होती है

Keyboard Lock API की मदद से, डेवलपर कई तरह के इस्तेमाल के उदाहरणों के लिए, फ़ुल स्क्रीन पर बेहतर अनुभव दे सकते हैं. इनमें इंटरैक्टिव वेबसाइटें, गेम, और रिमोट डेस्कटॉप या ऐप्लिकेशन स्ट्रीमिंग शामिल हैं. ऐसा करने के लिए, वेबसाइटों को होस्ट ऑपरेटिंग

• Chrome

मेनिफ़ेस्ट - Nacl मॉड्यूल

MIME टाइप से नेटिव क्लाइंट मॉड्यूल में एक या एक से ज़्यादा मैपिंग, जो हर टाइप को मैनेज करता है. इसके लिए उदाहरण के लिए, नीचे दिए गए स्निपेट में मौजूद बोल्ड कोड, नेटिव क्लाइंट मॉड्यूल को कॉन्टेंट के तौर पर रजिस्टर करता है हैंडलर के तौर पर भी उपलब्ध

externally_connectable

externally_connectable मेनिफ़ेस्ट प्रॉपर्टी से पता चलता है कि कौनसे एक्सटेंशन, ऐप्लिकेशन, और वेब पेज runtime.connect और runtime.sendMessage के ज़रिए अपने ऐप्लिकेशन से कनेक्ट करें. मैसेज पास होने की जानकारी देने वाले ट्यूटोरियल के लिए, क्रॉस-एक्सटेंशन

मेनिफ़ेस्ट - आइकॉन

एक या एक से ज़्यादा ऐसे आइकॉन जो एक्सटेंशन, ऐप्लिकेशन या थीम को दिखाते हैं. आपको हमेशा 128x128 साइज़ देना चाहिए आइकॉन; उसका उपयोग इंस्टॉलेशन के दौरान और Chrome वेब स्टोर द्वारा किया जाता है. एक्सटेंशन को 48x48 आइकॉन, जिसका इस्तेमाल एक्सटेंशन

मेनिफ़ेस्ट वर्शन

आपके पैकेज के लिए ज़रूरी मेनिफ़ेस्ट फ़ाइल फ़ॉर्मैट के वर्शन के बारे में बताने वाला एक पूर्णांक. Chrome के अनुसार 18, डेवलपर को 2 (कोट के बिना) तय करना चाहिए, ताकि वे यहां बताए गए फ़ॉर्मैट का इस्तेमाल कर सकें दस्तावेज़: मान लें कि मेनिफ़ेस्ट वर्शन 1

मेमोरी इंस्पेक्टर: arrayBuffer, Typedarray, DataView, और Wasm M की जांच करें.

JavaScript में arrayBuffer, टाइपdarray या DataView के साथ-साथ C++ Wasm ऐप्लिकेशन के WebAssembly.Memory

• Chrome DevTools

बदलाव: अपने एचटीएमएल, सीएसएस, और JavaScript में हुए बदलावों को ट्रैक करना

एचटीएमएल, सीएसएस, और JavaScript में किए गए बदलावों को ट्रैक करें.

• Chrome DevTools

Chrome में सभी वेबसाइटों पर क्रेडेंशियल शेयर करने की सुविधा चालू करना

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

ऐंकर पोज़िशन के सिंटैक्स में बदलाव

ऐंकर पोज़िशनिंग एपीआई से जुड़े बदलाव, जिनके बारे में आपको पता होना चाहिए.

• Chrome

पेश है Digital Credentials API का ऑरिजिन ट्रायल

Digital Credentials API के लिए ऑरिजिन ट्रायल, Chrome 128 से शुरू हो रहा है. Digital क्रेडेंशियल एपीआई, वेब प्लैटफ़ॉर्म का एक नया एपीआई है. इसकी मदद से वेबसाइटें, ड्राइविंग लाइसेंस या डिजिटल वॉलेट में सेव किए गए नैशनल आइडेंटिफ़िकेशन कार्ड जैसे डिजिटल क्रेडेंशियल के ज़रिए, उपयोगकर्ता की पुष्टि की जा सकने वाली जानकारी को चुनकर, अनुरोध कर सकती हैं.

• Chrome

निर्देश मेन्यू में निर्देश चलाएं

इसमें निर्देश मेन्यू खोलने, निर्देश चलाने, फ़ाइलें खोलने, और अन्य कार्रवाइयों को देखने के साथ-साथ अन्य जानकारी देने वाली गाइड मौजूद है.

• Chrome DevTools

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

परफ़ॉर्मेंस &gt में खोज के अनुरोध; नेटवर्क, ऑटोमैटिक भरने की सुविधा के साथ पते के फ़ॉर्म में टेस्ट डेटा का इस्तेमाल करें, Recorder पैनल में Firefox के लिए Puppeteer में एक्सपोर्ट करें, परफ़ॉर्मेंस पैनल में निगरानी की मदद से परफ़ॉर्मेंस की समस्याओं को एक नज़र में पहचानें वगैरह.

• Chrome DevTools
• Chrome

वेब प्लैटफ़ॉर्म

जानें कि Chrome कैसे काम करता है, ऑरिजिन ट्रायल में हिस्सा लें, और हर जगह Chrome के साथ अपना काम करें.

Chrome में WebAuthn के लिए पेश है संकेत, मिलते-जुलते ऑरिजिन अनुरोध, और JSON को क्रम में लगाना

Chrome पर WebAuthn अब संकेत, मिलते-जुलते ऑरिजिन अनुरोध, और JSON को क्रम में लगाने की सुविधा का इस्तेमाल कर सकता है

• Chrome

chrome.privacy

chrome.privacy एपीआई का इस्तेमाल करके, Chrome की उन सुविधाओं के इस्तेमाल को कंट्रोल करें जिनसे उपयोगकर्ता की निजता पर असर पड़ सकता है. यह एपीआई, Chrome का कॉन्फ़िगरेशन पाने और सेट करने के लिए, एपीआई टाइप के ChromeSettings प्रोटोटाइप का इस्तेमाल करता

• Chrome एक्सटेंशन

chrome.wallpaper

ChromeOS का वॉलपेपर बदलने के लिए, chrome.wallpaper एपीआई का इस्तेमाल करें. आपको "वॉलपेपर" का एलान करना होगा इस्तेमाल करने के लिए ऐप्लिकेशन के मेनिफ़ेस्ट में अनुमति वॉलपेपर एपीआई पर भी काम करता है. उदाहरण के लिए: उदाहरण के लिए, वॉलपेपर को

• Chrome एक्सटेंशन

chrome.input.ime

Chrome OS के लिए, पसंद के मुताबिक IME लागू करने के लिए, chrome.input.ime एपीआई का इस्तेमाल करें. यह आपके एक्सटेंशन को कीस्ट्रोक हैंडल करने, कंपोज़िशन सेट करने, और कैंडिडेट विंडो को मैनेज करने की अनुमति देता है. आपको "इनपुट" का एलान करना होगा

• Chrome एक्सटेंशन

chrome.system.storage

स्टोरेज डिवाइस की जानकारी के बारे में क्वेरी करने के लिए, chrome.system.storage एपीआई का इस्तेमाल करें. साथ ही, हटाए जा सकने वाले स्टोरेज डिवाइस के अटैच और अलग होने पर सूचना पाएं. "सफलता" निष्कासन आदेश सफल हुआ -- ऐप्लिकेशन उपयोगकर्ता को डिवाइस हटाने

• Chrome एक्सटेंशन

chrome.scripting

अलग-अलग कॉन्टेक्स्ट में स्क्रिप्ट चलाने के लिए, chrome.scripting एपीआई का इस्तेमाल करें. chrome.scripting एपीआई का इस्तेमाल करने के लिए, मेनिफ़ेस्ट में "scripting" अनुमति के साथ-साथ स्क्रिप्ट इंजेक्ट करने के लिए पेजों के होस्ट की अनुमतियों का एलान

• Chrome एक्सटेंशन

chrome.webAuthenticationProxy

chrome.webAuthenticationProxy API, रिमोट होस्ट पर चल रहे रिमोट डेस्कटॉप सॉफ़्टवेयर को Web Authentication API (WebAuthn) के अनुरोधों को लोकल क्लाइंट पर हैंडल करने की अनुमति देता है. स्ट्रिंग navigator.credentials.create() को पास किया गया

• Chrome एक्सटेंशन

chrome.enterprise.hardwarePlatform

जिस हार्डवेयर प्लैटफ़ॉर्म पर ब्राउज़र चलता है उसके मैन्युफ़ैक्चरर और मॉडल को पाने के लिए, chrome.enterprise.hardwarePlatform एपीआई का इस्तेमाल करें. ध्यान दें: यह एपीआई सिर्फ़ एंटरप्राइज़ नीति की मदद से इंस्टॉल किए गए एक्सटेंशन के लिए उपलब्ध है.

• Chrome एक्सटेंशन

chrome.devtools.performance

DevTools के परफ़ॉर्मेंस पैनल में, रिकॉर्डिंग की स्थिति से जुड़े अपडेट सुनने के लिए, chrome.devtools.performance एपीआई का इस्तेमाल करें. डेवलपर टूल एपीआई इस्तेमाल करने के बारे में सामान्य जानकारी के लिए, DevTools API की खास जानकारी देखें.

• Chrome एक्सटेंशन

chrome.topSites

नए टैब पेज पर दिखने वाली मुख्य साइटों यानी सबसे ज़्यादा देखी गई साइटों को ऐक्सेस करने के लिए, chrome.topSites एपीआई का इस्तेमाल करें. इनमें ऐसे शॉर्टकट शामिल नहीं होते जिन्हें उपयोगकर्ता ने कस्टमाइज़ किया है. आपको "topSites" की जानकारी देनी होगी इस

• Chrome एक्सटेंशन

chrome.types

chrome.types एपीआई में, Chrome के लिए टाइप की जानकारी का इस्तेमाल किया गया है. ChromeSetting टाइप में फ़ंक्शन का एक सामान्य सेट ( get(), set(), और clear() ) मिलता है और साथ ही Chrome ब्राउज़र की सेटिंग के लिए एक इवेंट प्रकाशक ( onChange ) है.

• Chrome एक्सटेंशन

chrome.vpnProvider

वीपीएन क्लाइंट लागू करने के लिए, chrome.vpnProvider एपीआई का इस्तेमाल करें. आम तौर पर, chrome.vpnProvider का इस्तेमाल इस तरह से होता है: createConfig() को कॉल करके वीपीएन कॉन्फ़िगरेशन बनाएं. वीपीएन कॉन्फ़िगरेशन, उपयोगकर्ता को ChromeOS के यूज़र

• Chrome एक्सटेंशन

chrome.tabCapture

टैब मीडिया स्ट्रीम से इंटरैक्ट करने के लिए, chrome.tabCapture एपीआई का इस्तेमाल करें. chrome.tab Capture API की मदद से, आपको MediaStream को ऐक्सेस करने की सुविधा मिलती है. इसमें वीडियो और मौजूदा टैब का ऑडियो. इसे सिर्फ़ तब कॉल किया जा सकता है, जब

• Chrome एक्सटेंशन

chrome.enterprise.deviceAttributes

डिवाइस के एट्रिब्यूट पढ़ने के लिए, chrome.enterprise.deviceAttributes एपीआई का इस्तेमाल करें. ध्यान दें: यह एपीआई सिर्फ़ एंटरप्राइज़ नीति के ज़रिए अनइंस्टॉल न किए जा सकने वाले एक्सटेंशन के लिए उपलब्ध है. एडमिन की बताई गई जगह की जानकारी फ़ेच करता है.

• Chrome एक्सटेंशन

chrome.systemLog

एक्सटेंशन से Chrome सिस्टम लॉग रिकॉर्ड करने के लिए, chrome.systemLog एपीआई का इस्तेमाल करें. स्ट्रिंग नया लॉग रिकॉर्ड जोड़ता है. MessageOptions लॉगिन करने के विकल्प. फ़ंक्शन वैकल्पिक callback पैरामीटर ऐसा दिखता है: प्रॉमिस&lt;void&gt; मेनिफ़ेस्ट V3

• Chrome एक्सटेंशन

chrome.system.memory

chrome.system.memory एपीआई. संख्या उपलब्ध कपैसिटी की जानकारी (बाइट में). संख्या फ़िज़िकल मेमोरी की कुल क्षमता, बाइट में. फ़िज़िकल मेमोरी की जानकारी पाना. फ़ंक्शन वैकल्पिक callback पैरामीटर ऐसा दिखता है: MemoryInfo Promise&amp;lt; MemoryInfo &amp;gt;

• Chrome एक्सटेंशन

chrome.power

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

• Chrome एक्सटेंशन

chrome.proxy

Chrome की प्रॉक्सी सेटिंग मैनेज करने के लिए, chrome.proxy एपीआई का इस्तेमाल करें. यह एपीआई, प्रॉक्सी कॉन्फ़िगरेशन पाने और सेट करने के लिए, एपीआई टाइप के ChromeSettings प्रोटोटाइप का इस्तेमाल करता है. आपको "प्रॉक्सी" का एलान करना होगा एक्सटेंशन

• Chrome एक्सटेंशन

chrome.enterprise.networkingAttributes

अपने मौजूदा नेटवर्क के बारे में जानकारी पढ़ने के लिए, chrome.enterprise.networkingAttributes एपीआई का इस्तेमाल करें. ध्यान दें: यह एपीआई सिर्फ़ एंटरप्राइज़ नीति के ज़रिए अनइंस्टॉल न किए जा सकने वाले एक्सटेंशन के लिए उपलब्ध है. स्ट्रिंग ज़रूरी नहीं

• Chrome एक्सटेंशन

chrome.devtools.recorder

DevTools में रिकॉर्डर पैनल को पसंद के मुताबिक बनाने के लिए, chrome.devtools.recorder एपीआई का इस्तेमाल करें. devtools.recorder एपीआई, झलक वाली सुविधा है. इसकी मदद से, Chrome DevTools में रिकॉर्डर पैनल को बढ़ाया जा सकता है. डेवलपर टूल एपीआई इस्तेमाल

• Chrome एक्सटेंशन

chrome.system.cpu

सीपीयू मेटाडेटा के बारे में क्वेरी करने के लिए, system.cpu एपीआई का इस्तेमाल करें. स्ट्रिंग प्रोसेसर के आर्किटेक्चर का नाम. स्ट्रिंग[] फ़ीचर कोड का सेट, जो प्रोसेसर की कुछ क्षमताओं को दिखाता है. फ़िलहाल, ये कोड "mmx", "sse", "sse2", "sse3", "ssse3",

• Chrome एक्सटेंशन

chrome.devtools.network

नेटवर्क पैनल में डेवलपर टूल से दिखाए गए नेटवर्क अनुरोधों के बारे में जानकारी पाने के लिए, chrome.devtools.network एपीआई का इस्तेमाल करें. नेटवर्क के अनुरोधों की जानकारी, एचटीटीपी संग्रह के फ़ॉर्मैट ( HAR ) में दिखाई जाती है. इसका ब्यौरा HAR इस

• Chrome एक्सटेंशन

chrome.processes

ब्राउज़र की प्रोसेस से इंटरैक्ट करने के लिए, chrome.processes एपीआई का इस्तेमाल करें. संख्या कैश मेमोरी का वह हिस्सा जिसका बाइट में इस्तेमाल किया गया है. संख्या कैश मेमोरी का साइज़, बाइट में. नंबर वैकल्पिक प्रोसेस के सीपीयू के इस्तेमाल का हाल ही का

• Chrome एक्सटेंशन

chrome.search

डिफ़ॉल्ट कंपनी के ज़रिए खोजने के लिए, chrome.search एपीआई का इस्तेमाल करें. "CURRENT_TAB" यह बताता है कि खोज के नतीजे, कॉल करने के लिए इस्तेमाल होने वाले टैब में या चालू ब्राउज़र के टैब में दिखते हैं. "NEW_TAB" इससे पता चलता है कि खोज के नतीजे नए टैब

• Chrome एक्सटेंशन

chrome.tts

लिखाई को बोली में बदलने की सुविधा (टीटीएस) को चलाने के लिए, chrome.tts एपीआई का इस्तेमाल करें. इससे जुड़ा ttsEngine एपीआई भी देखें. यह एपीआई, स्पीच इंजन को लागू करने के लिए एक्सटेंशन की अनुमति देता है. Chrome, Windows (SAPI 5 का इस्तेमाल करके), Mac

• Chrome एक्सटेंशन

chrome.devtools.inspectedWindow

जांच की गई विंडो से इंटरैक्ट करने के लिए, chrome.devtools.inspectedWindow API का इस्तेमाल करें: जांच किए गए पेज के लिए टैब आईडी पाएं, जांच की गई विंडो के हिसाब से कोड का आकलन करें, पेज को फिर से लोड करें या पेज में मौजूद संसाधनों की सूची पाएं. डेवलपर

• Chrome एक्सटेंशन

chrome.webNavigation

फ़्लाइट में नेविगेशन के अनुरोधों की स्थिति के बारे में सूचनाएं पाने के लिए, chrome.webNavigation एपीआई का इस्तेमाल करें. chrome.webNavigation के सभी तरीकों और इवेंट के लिए, आपको "webNavigation" की अनुमति का एलान करना होगा एक्सटेंशन मेनिफ़ेस्ट में.

• Chrome एक्सटेंशन

chrome.tabGroups

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

• Chrome एक्सटेंशन

chrome.printerProvider

chrome.printerProvider एपीआई, प्रिंट मैनेजर के इस्तेमाल किए गए इवेंट को उन प्रिंटर की क्वेरी में दिखाता है जिन्हें एक्सटेंशन से कंट्रोल किया जाता है. साथ ही, इन प्रिंटर की क्षमताओं के बारे में क्वेरी करने और प्रिंट जॉब सबमिट करने के लिए किया जाता है.

• Chrome एक्सटेंशन

chrome.printingMetrics

प्रिंट करने के इस्तेमाल से जुड़ा डेटा फ़ेच करने के लिए, chrome.printingMetrics एपीआई का इस्तेमाल करें. "BLACK_AND_WHITE" बताता है कि ब्लैक ऐंड व्हाइट मोड का इस्तेमाल किया गया था. "COLOR" बताता है कि कलर मोड का इस्तेमाल किया गया था. "ONE_SIDED" बताता

• Chrome एक्सटेंशन

क्षमताएं और ChromeOptions

क्षमताएं, ऐसे विकल्प हैं जिनका इस्तेमाल ChromeDriver सेशन को पसंद के मुताबिक बनाने और कॉन्फ़िगर करने के लिए किया जा सकता है.

भाषा की पहचान करने वाला एपीआई, रिलीज़ से पहले झलक देखने के लिए उपलब्ध है

ईपीपी में शामिल लोग, अब Chrome में भाषा की पहचान करने वाले एपीआई की मदद से प्रोटोटाइप कर सकते हैं.

• Chrome

chrome.declarativeNetRequest

chrome.declarativeNetRequest एपीआई का इस्तेमाल, नेटवर्क के अनुरोधों को ब्लॉक करने या उनमें बदलाव करने के लिए किया जाता है. ऐसा, डिक्लेरेटिव टोन वाले नियमों के बारे में बताकर किया जाता है. इसकी मदद से, एक्सटेंशन नेटवर्क के अनुरोधों में बदलाव किए बिना,

• Chrome एक्सटेंशन

लाइटहाउस: वेबसाइट की स्पीड ऑप्टिमाइज़ करें

Chrome Lighthouse की मदद से, अपनी वेबसाइटों को तेज़ी से लोड करें.

• Chrome DevTools

chrome.webRequest

ट्रैफ़िक पर नज़र रखने और उसका विश्लेषण करने के साथ-साथ फ़्लाइट में अनुरोधों को रोकने, ब्लॉक करने या उनमें बदलाव करने के लिए, chrome.webRequest एपीआई का इस्तेमाल करें. वेब अनुरोध का इस्तेमाल करने के लिए, आपको एक्सटेंशन मेनिफ़ेस्ट में "webRequest"

• Chrome एक्सटेंशन

chrome.sidePanel

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

• Chrome एक्सटेंशन

chrome.omnibox

खोज इतिहास API (एपीआई) आपको Google Chrome के पता बार के साथ कीवर्ड रजिस्टर करने देता है, जिसे खोज बार भी कहा जाता है. जब उपयोगकर्ता आपके एक्सटेंशन का कीवर्ड डालता है, तो उपयोगकर्ता सिर्फ़ आपके एक्सटेंशन के साथ एक्सटेंशन चुनें. हर कीस्ट्रोक, आपके

• Chrome एक्सटेंशन

chrome.pageAction

पता बार की दाईं ओर, Google Chrome के मुख्य टूलबार में आइकॉन रखने के लिए, chrome.pageAction एपीआई का इस्तेमाल करें. पेज से जुड़ी कार्रवाइयां, मौजूदा पेज पर की जा सकने वाली कार्रवाइयां दिखाती हैं. हालांकि, ये कार्रवाइयां सभी पेजों पर लागू नहीं होती

• Chrome एक्सटेंशन

chrome.windows

ब्राउज़र विंडो से इंटरैक्ट करने के लिए, chrome.windows एपीआई का इस्तेमाल करें. इस एपीआई का इस्तेमाल, ब्राउज़र में विंडो बनाने, उनमें बदलाव करने, और उन्हें फिर से व्यवस्थित करने के लिए किया जा सकता है. अनुरोध किए जाने पर, windows.Window में tabs.Tab

• Chrome एक्सटेंशन

chrome.i18n

अपने पूरे ऐप्लिकेशन या एक्सटेंशन पर अंतरराष्ट्रीय मानकों का पालन करने के लिए, chrome.i18n इन्फ़्रास्ट्रक्चर का इस्तेमाल करें. आपको इसकी सभी उपयोगकर्ता को दिखने वाली स्ट्रिंग को messages.json नाम की फ़ाइल में डालना होगा. हर बार स्थान-भाषा को जोड़ने

• Chrome एक्सटेंशन

chrome.browserAction

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

• Chrome एक्सटेंशन

chrome.webRequest

ट्रैफ़िक पर नज़र रखने और उसका विश्लेषण करने के साथ-साथ फ़्लाइट में अनुरोधों को रोकने, ब्लॉक करने या उनमें बदलाव करने के लिए, chrome.webRequest एपीआई का इस्तेमाल करें. वेब अनुरोध का इस्तेमाल करने के लिए, आपको एक्सटेंशन मेनिफ़ेस्ट में "webRequest"

• Chrome एक्सटेंशन

chrome.fileBrowserHandler

Chrome OS फ़ाइल ब्राउज़र का दायरा बढ़ाने के लिए, chrome.fileBrowserHandler एपीआई का इस्तेमाल करें. उदाहरण के लिए, इस एपीआई का इस्तेमाल करके, उपयोगकर्ताओं को आपकी वेबसाइट पर फ़ाइलें अपलोड करने की सुविधा दी जा सकती है. ChromeOS फ़ाइल ब्राउज़र तब दिखता

• Chrome एक्सटेंशन

chrome.devtools.panels

अपने एक्सटेंशन को Developer Tools विंडो के यूज़र इंटरफ़ेस (यूआई) के साथ इंटिग्रेट करने के लिए, chrome.devtools.panels एपीआई का इस्तेमाल करें: अपने पैनल बनाएं, मौजूदा पैनल ऐक्सेस करें, और साइडबार जोड़ें. इस एपीआई का इस्तेमाल करने के लिए, मेनिफ़ेस्ट

• Chrome एक्सटेंशन

मेनिफ़ेस्ट फ़ाइल फ़ॉर्मैट

हर ऐप्लिकेशन में manifest.json नाम की एक JSON फ़ॉर्मैट वाली मेनिफ़ेस्ट फ़ाइल होती है जो ज़रूरी जानकारी देती है जानकारी. नीचे दिया गया कोड, ऐप्लिकेशन के लिए इस्तेमाल किए जा सकने वाले मेनिफ़ेस्ट फ़ील्ड दिखाता है. इन मेनिफ़ेस्ट फ़ील्ड में उस पेज के लिंक

chrome.system.cpu

सीपीयू मेटाडेटा के बारे में क्वेरी करने के लिए, system.cpu एपीआई का इस्तेमाल करें. स्ट्रिंग प्रोसेसर के आर्किटेक्चर का नाम. स्ट्रिंग[] फ़ीचर कोड का सेट, जो प्रोसेसर की कुछ क्षमताओं को दिखाता है. फ़िलहाल, ये कोड "mmx", "sse", "sse2", "sse3", "ssse3",

• Chrome एक्सटेंशन

chrome.enterprise.networkingAttributes

अपने मौजूदा नेटवर्क के बारे में जानकारी पढ़ने के लिए, chrome.enterprise.networkingAttributes एपीआई का इस्तेमाल करें. ध्यान दें: यह एपीआई सिर्फ़ एंटरप्राइज़ नीति के ज़रिए अनइंस्टॉल न किए जा सकने वाले एक्सटेंशन के लिए उपलब्ध है. स्ट्रिंग ज़रूरी नहीं

• Chrome एक्सटेंशन

chrome.gcm

Firebase क्लाउड से मैसेज (FCM) के ज़रिए मैसेज भेजने और पाने के लिए ऐप्लिकेशन और एक्सटेंशन को चालू करने के लिए chrome.gcm का इस्तेमाल करें. किसी मैसेज में सभी कुंजी/वैल्यू पेयर का ज़्यादा से ज़्यादा साइज़ (बाइट में). 4096 ऐप्लिकेशन को FCM के साथ

• Chrome एक्सटेंशन

chrome.wallpaper

ChromeOS का वॉलपेपर बदलने के लिए, chrome.wallpaper एपीआई का इस्तेमाल करें. आपको "वॉलपेपर" का एलान करना होगा इस्तेमाल करने के लिए ऐप्लिकेशन के मेनिफ़ेस्ट में अनुमति वॉलपेपर एपीआई पर भी काम करता है. उदाहरण के लिए: उदाहरण के लिए, वॉलपेपर को

• Chrome एक्सटेंशन

chrome.input.ime

Chrome OS के लिए, पसंद के मुताबिक IME लागू करने के लिए, chrome.input.ime एपीआई का इस्तेमाल करें. इससे आपके एक्सटेंशन को कीस्ट्रोक हैंडल करने, कंपोज़िशन सेट करने, और कैंडिडेट विंडो को मैनेज करने की अनुमति मिलती है. आपको "इनपुट" का एलान करना होगा

• Chrome एक्सटेंशन

chrome.instanceID

इंस्टेंस आईडी सेवा को ऐक्सेस करने के लिए, chrome.instanceID का इस्तेमाल करें. यह ऐप्लिकेशन इंस्टेंस आइडेंटिफ़ायर को रीसेट करता है और इससे जुड़े सभी टोकन रद्द करता है. फ़ंक्शन वैकल्पिक callback पैरामीटर ऐसा दिखता है: प्रॉमिस&lt;void&gt; प्रॉमिस सिर्फ़

• Chrome एक्सटेंशन

chrome.platformKeys

प्लैटफ़ॉर्म से मैनेज किए जाने वाले क्लाइंट सर्टिफ़िकेट ऐक्सेस करने के लिए, chrome.platformKeys एपीआई का इस्तेमाल करें. अगर कोई उपयोगकर्ता या नीति अनुमति देती है, तो एक्सटेंशन, पुष्टि करने वाले अपने कस्टम प्रोटोकॉल में इस तरह के सर्टिफ़िकेट का

• Chrome एक्सटेंशन

chrome.loginState

लॉगिन की स्थिति को पढ़ने और उसे मॉनिटर करने के लिए, chrome.loginState एपीआई का इस्तेमाल करें. "Firefox_PROFILE" बताता है कि एक्सटेंशन, साइन इन प्रोफ़ाइल में है. "USER_PROFILE" बताता है कि एक्सटेंशन, उपयोगकर्ता की प्रोफ़ाइल में है. "UNKNOWN" बताता है

• Chrome एक्सटेंशन

chrome.printingMetrics

प्रिंट करने के इस्तेमाल से जुड़ा डेटा फ़ेच करने के लिए, chrome.printingMetrics एपीआई का इस्तेमाल करें. "BLACK_AND_WHITE" बताता है कि ब्लैक ऐंड व्हाइट मोड का इस्तेमाल किया गया था. "COLOR" बताता है कि कलर मोड का इस्तेमाल किया गया था. "ONE_SIDED" बताता

• Chrome एक्सटेंशन

chrome.history

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

• Chrome एक्सटेंशन

chrome.devtools.inspectedWindow

जांच की गई विंडो से इंटरैक्ट करने के लिए, chrome.devtools.inspectedWindow API का इस्तेमाल करें: जांच किए गए पेज के लिए टैब आईडी पाएं, जांच की गई विंडो के हिसाब से कोड का आकलन करें, पेज को फिर से लोड करें या पेज में मौजूद संसाधनों की सूची पाएं. इस

• Chrome एक्सटेंशन

chrome.identity

OAuth2 ऐक्सेस टोकन पाने के लिए, chrome.identity एपीआई का इस्तेमाल करें. स्ट्रिंग खाते के लिए यूनीक आइडेंटिफ़ायर. आपके खाते से हमेशा के लिए यह आईडी नहीं बदलेगा. "सिंक" बताता है कि सिंक करने की सुविधा प्राथमिक खाते के लिए चालू है. "कोई भी" प्राथमिक

• Chrome एक्सटेंशन

chrome.processes

ब्राउज़र की प्रोसेस से इंटरैक्ट करने के लिए, chrome.processes एपीआई का इस्तेमाल करें. संख्या कैश मेमोरी का वह हिस्सा जिसका बाइट में इस्तेमाल किया गया है. संख्या कैश मेमोरी का साइज़, बाइट में. नंबर वैकल्पिक प्रोसेस के सीपीयू के इस्तेमाल का हाल ही का

• Chrome एक्सटेंशन

chrome.tts

लिखाई को बोली में बदलने की सुविधा (टीटीएस) को चलाने के लिए, chrome.tts एपीआई का इस्तेमाल करें. इससे जुड़ा ttsEngine एपीआई भी देखें. यह एपीआई, स्पीच इंजन को लागू करने के लिए एक्सटेंशन की अनुमति देता है. Chrome, इन निर्देशों का इस्तेमाल करके, Windows

• Chrome एक्सटेंशन

chrome.dom

एक्सटेंशन के लिए खास डीओएम एपीआई ऐक्सेस करने के लिए, chrome.dom एपीआई का इस्तेमाल करें इसकी मदद से, चुना गया एलिमेंट से होस्ट किया गया ओपन शैडो रूट या क्लोज़्ड शैडो रूट मिलता है. अगर एलिमेंट शैडो रूट अटैच नहीं करता है, तो यह शून्य दिखाएगा.

• Chrome एक्सटेंशन

chrome.enterprise.hardwarePlatform

जिस हार्डवेयर प्लैटफ़ॉर्म पर ब्राउज़र चलता है उसके मैन्युफ़ैक्चरर और मॉडल को पाने के लिए, chrome.enterprise.hardwarePlatform एपीआई का इस्तेमाल करें. ध्यान दें: यह एपीआई सिर्फ़ एंटरप्राइज़ नीति की मदद से इंस्टॉल किए गए एक्सटेंशन के लिए उपलब्ध है.

• Chrome एक्सटेंशन

chrome.devtools.recorder

DevTools में रिकॉर्डर पैनल को पसंद के मुताबिक बनाने के लिए, chrome.devtools.recorder एपीआई का इस्तेमाल करें. डेवलपर टूल एपीआई इस्तेमाल करने के बारे में सामान्य जानकारी के लिए, DevTools API की खास जानकारी देखें. devtools.recorder एपीआई, झलक वाली

• Chrome एक्सटेंशन

chrome.tabCapture

टैब मीडिया स्ट्रीम से इंटरैक्ट करने के लिए, chrome.tabCapture एपीआई का इस्तेमाल करें. chrome.tab Capture API की मदद से, आपको किसी ऐसे MediaStream को ऐक्सेस करने की अनुमति मिलती है जिसमें वीडियो और मौजूदा टैब का ऑडियो. इसे सिर्फ़ तब कॉल किया जा सकता

• Chrome एक्सटेंशन

chrome.webNavigation

फ़्लाइट में नेविगेशन के अनुरोधों की स्थिति के बारे में सूचनाएं पाने के लिए, chrome.webNavigation एपीआई का इस्तेमाल करें. सभी chrome.webNavigation तरीकों और इवेंट के लिए, आपको "webनेविगेशन" का एलान करना होगा अनुमति एक्सटेंशन मेनिफ़ेस्ट में. उदाहरण के

• Chrome एक्सटेंशन

chrome.topSites

नए टैब पेज पर दिखने वाली मुख्य साइटों यानी सबसे ज़्यादा देखी गई साइटों को ऐक्सेस करने के लिए, chrome.topSites एपीआई का इस्तेमाल करें. इनमें उपयोगकर्ता के पसंद के मुताबिक बनाए गए शॉर्टकट शामिल नहीं होते. आपको "topSites" की जानकारी देनी होगी इस एपीआई

• Chrome एक्सटेंशन

chrome.management

chrome.management API की मदद से, इंस्टॉल किए गए ऐप्लिकेशन और एक्सटेंशन को मैनेज किया जा सकता है. आपको "मैनेजमेंट" का एलान करना होगा को मैनेज करने की अनुमति दें, ताकि आप एक्सटेंशन मेनिफ़ेस्ट में एपीआई. उदाहरण के लिए:

• Chrome एक्सटेंशन

chrome.proxy

Chrome की प्रॉक्सी सेटिंग मैनेज करने के लिए, chrome.proxy एपीआई का इस्तेमाल करें. यह एपीआई, प्रॉक्सी कॉन्फ़िगरेशन पाने और सेट करने के लिए, एपीआई टाइप के ChromeSettings प्रोटोटाइप का इस्तेमाल करता है. आपको "प्रॉक्सी" का एलान करना होगा एक्सटेंशन

• Chrome एक्सटेंशन

chrome.search

डिफ़ॉल्ट कंपनी के ज़रिए खोजने के लिए, chrome.search एपीआई का इस्तेमाल करें. "CURRENT_TAB" यह बताता है कि खोज के नतीजे, कॉल करने के लिए इस्तेमाल होने वाले टैब में या चालू ब्राउज़र के टैब में दिखते हैं. "NEW_TAB" इससे पता चलता है कि खोज के नतीजे नए टैब

• Chrome एक्सटेंशन

chrome.idle

मशीन की इनऐक्टिव स्थिति में बदलाव का पता लगाने के लिए, chrome.idle एपीआई का इस्तेमाल करें. आपको "इस्तेमाल नहीं किया जा रहा" एलान करना होगा इस्तेमाल न होने वाले एपीआई का इस्तेमाल करने के लिए, अपने एक्सटेंशन के मेनिफ़ेस्ट में इसकी अनुमति दें. इसके

• Chrome एक्सटेंशन

chrome.types

chrome.types API में, Chrome के लिए टाइप की जानकारी का इस्तेमाल किया जाता है. ChromeSetting प्रोटोटाइप, फ़ंक्शन का एक सामान्य सेट ( get(), set(), और clear() ) देता है और साथ ही Chrome ब्राउज़र की सेटिंग के लिए एक इवेंट प्रकाशक ( onChange ) शामिल है.

• Chrome एक्सटेंशन

chrome.printerProvider

chrome.printerProvider एपीआई, प्रिंट मैनेजर के इस्तेमाल किए गए इवेंट को उन प्रिंटर की क्वेरी में दिखाता है जिन्हें एक्सटेंशन से कंट्रोल किया जाता है. साथ ही, इन प्रिंटर की क्षमताओं के बारे में क्वेरी करने और प्रिंट जॉब सबमिट करने के लिए किया जाता है.

• Chrome एक्सटेंशन

chrome.enterprise.deviceAttributes

डिवाइस के एट्रिब्यूट पढ़ने के लिए, chrome.enterprise.deviceAttributes एपीआई का इस्तेमाल करें. ध्यान दें: यह एपीआई सिर्फ़ एंटरप्राइज़ नीति के ज़रिए अनइंस्टॉल न किए जा सकने वाले एक्सटेंशन के लिए उपलब्ध है. एडमिन की बताई गई जगह की जानकारी फ़ेच करता है.

• Chrome एक्सटेंशन

chrome.windows

ब्राउज़र विंडो से इंटरैक्ट करने के लिए, chrome.windows एपीआई का इस्तेमाल करें. इस एपीआई का इस्तेमाल, ब्राउज़र में विंडो बनाने, उनमें बदलाव करने, और उन्हें फिर से व्यवस्थित करने के लिए किया जा सकता है. अनुरोध किए जाने पर, windows.Window में tabs.Tab

• Chrome एक्सटेंशन

chrome.power

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

• Chrome एक्सटेंशन

chrome.pageCapture

टैब को MHTML के तौर पर सेव करने के लिए chrome.pageCapture एपीआई का इस्तेमाल करें. MHTML एक स्टैंडर्ड फ़ॉर्मैट है, जो ज़्यादातर ब्राउज़र पर काम करता है. यह किसी पेज पर एक फ़ाइल में इनकैप्सुलेट करता है और इसके सभी संसाधन (सीएसएस फ़ाइलें, इमेज..). ध्यान

• Chrome एक्सटेंशन

chrome.systemLog

एक्सटेंशन से Chrome सिस्टम लॉग रिकॉर्ड करने के लिए, chrome.systemLog एपीआई का इस्तेमाल करें. स्ट्रिंग नया लॉग रिकॉर्ड जोड़ता है. MessageOptions लॉगिन करने के विकल्प. फ़ंक्शन वैकल्पिक callback पैरामीटर ऐसा दिखता है: प्रॉमिस&lt;void&gt; प्रॉमिस सिर्फ़

• Chrome एक्सटेंशन

chrome.privacy

chrome.privacy एपीआई का इस्तेमाल करके, Chrome की उन सुविधाओं के इस्तेमाल को कंट्रोल करें जिनसे उपयोगकर्ता की निजता पर असर पड़ सकता है. यह एपीआई, Chrome का कॉन्फ़िगरेशन पाने और सेट करने के लिए, एपीआई टाइप के ChromeSettings प्रोटोटाइप का इस्तेमाल करता

• Chrome एक्सटेंशन

chrome.fileSystemProvider

फ़ाइल सिस्टम बनाने के लिए, chrome.fileSystemProvider एपीआई का इस्तेमाल करें, जिसे Chrome OS पर फ़ाइल मैनेजर से ऐक्सेस किया जा सकता है. आपको "fileSystemProvider" का एलान करना होगा फ़ाइल सिस्टम प्रोवाइडर एपीआई का इस्तेमाल करने के लिए, एक्सटेंशन

• Chrome एक्सटेंशन

chrome.notifications

टेंप्लेट का इस्तेमाल करके ज़्यादा बेहतर सूचनाएं बनाने के लिए, chrome.notifications एपीआई का इस्तेमाल करें और सिस्टम ट्रे में ये सूचनाएं लोगों को दिखाएं. स्ट्रिंग ज़रूरी नहीं Mac OS X इस्तेमाल करने वालों को बटन के आइकॉन नहीं दिखते. स्ट्रिंग स्ट्रिंग

• Chrome एक्सटेंशन

chrome.fontSettings

Chrome की फ़ॉन्ट सेटिंग मैनेज करने के लिए, chrome.fontSettings एपीआई का इस्तेमाल करें. फ़ॉन्ट सेटिंग एपीआई का इस्तेमाल करने के लिए, आपको "fontSettings" का एलान करना होगा एक्सटेंशन में अनुमति मेनिफ़ेस्ट. उदाहरण के लिए: Chrome कुछ फ़ॉन्ट सेटिंग को

• Chrome एक्सटेंशन

chrome.devtools.network

नेटवर्क पैनल में डेवलपर टूल से दिखाए गए नेटवर्क अनुरोधों के बारे में जानकारी पाने के लिए, chrome.devtools.network एपीआई का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, मेनिफ़ेस्ट में इन कुंजियों का एलान करना ज़रूरी है. डेवलपर टूल एपीआई इस्तेमाल

• Chrome एक्सटेंशन

chrome.downloads

इस अनुमति से चेतावनी ट्रिगर होती है प्रोग्राम के हिसाब से, डाउनलोड शुरू करने, उनकी निगरानी करने, उनमें बदलाव करने, और उन्हें खोजने के लिए, chrome.downloads API का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, आपको एक्सटेंशन मेनिफ़ेस्ट में

• Chrome एक्सटेंशन

chrome.vpnProvider

वीपीएन क्लाइंट लागू करने के लिए, chrome.vpnProvider एपीआई का इस्तेमाल करें. आम तौर पर, vpnProvider का इस तरह इस्तेमाल किया जाता है: createConfig तरीके का इस्तेमाल करके, वीपीएन कॉन्फ़िगरेशन बनाएं. वीपीएन कॉन्फ़िगरेशन, स्थायी एंट्री होती है जो

• Chrome एक्सटेंशन

chrome.events

chrome.events नेमस्पेस में कुछ ऐसे सामान्य टाइप होते हैं जिनका इस्तेमाल, कुछ दिलचस्प होने पर आपको सूचना देने के लिए, एपीआई इवेंट भेजने में इस्तेमाल किया जाता है. Event एक ऑब्जेक्ट होता है, जो कुछ दिलचस्प होने पर आपको सूचना देता है. यह रही अलार्म बीत

• Chrome एक्सटेंशन

chrome.events

chrome.events नेमस्पेस में कुछ ऐसे सामान्य टाइप होते हैं जिनका इस्तेमाल, कुछ दिलचस्प होने पर आपको सूचना देने के लिए, एपीआई इवेंट भेजने में इस्तेमाल किया जाता है. Event एक ऑब्जेक्ट होता है, जो कुछ दिलचस्प होने पर आपको सूचना देता है. यह रही अलार्म बीत

• Chrome एक्सटेंशन

chrome.idle

मशीन की इनऐक्टिव स्थिति में बदलाव का पता लगाने के लिए, chrome.idle एपीआई का इस्तेमाल करें. कुछ समय से इस्तेमाल में न होने वाले एपीआई का इस्तेमाल करने के लिए, आपको अपने एक्सटेंशन के मेनिफ़ेस्ट में "idle" की अनुमति के बारे में जानकारी देनी होगी. इसके

• Chrome एक्सटेंशन

chrome.pageCapture

टैब को MHTML के तौर पर सेव करने के लिए chrome.pageCapture एपीआई का इस्तेमाल करें. MHTML एक स्टैंडर्ड फ़ॉर्मैट है, जो ज़्यादातर ब्राउज़र पर काम करता है. यह किसी पेज पर एक फ़ाइल में इनकैप्सुलेट करता है और इसके सभी संसाधन (सीएसएस फ़ाइलें, इमेज..). ध्यान

• Chrome एक्सटेंशन

chrome.offscreen

ऑफ़स्क्रीन दस्तावेज़ बनाने और उन्हें मैनेज करने के लिए, offscreen एपीआई का इस्तेमाल करें. ऑफ़स्क्रीन एपीआई का इस्तेमाल करने के लिए, एक्सटेंशन मेनिफ़ेस्ट में "offscreen" अनुमति का एलान करें. उदाहरण के लिए: सर्विस वर्कर के पास DOM ऐक्सेस नहीं होता और

• Chrome एक्सटेंशन

chrome.fileSystemProvider

फ़ाइल सिस्टम बनाने के लिए, chrome.fileSystemProvider एपीआई का इस्तेमाल करें, जिसे Chrome OS पर फ़ाइल मैनेजर से ऐक्सेस किया जा सकता है. आपको "fileSystemProvider" का एलान करना होगा फ़ाइल सिस्टम प्रोवाइडर एपीआई का इस्तेमाल करने के लिए, एक्सटेंशन

• Chrome एक्सटेंशन

chrome.dom

एक्सटेंशन के लिए खास डीओएम एपीआई ऐक्सेस करने के लिए, chrome.dom एपीआई का इस्तेमाल करें इसकी मदद से, चुना गया एलिमेंट से होस्ट किया गया ओपन शैडो रूट या क्लोज़्ड शैडो रूट मिलता है. अगर एलिमेंट शैडो रूट अटैच नहीं करता है, तो यह शून्य दिखाएगा.

• Chrome एक्सटेंशन

chrome.debugger

chrome.debugger एपीआई, Chrome के रिमोट डीबगिंग प्रोटोकॉल के लिए, वैकल्पिक ट्रांसपोर्ट के तौर पर काम करता है. इंस्ट्रुमेंट नेटवर्क इंटरैक्शन के लिए एक या ज़्यादा टैब को अटैच करने, JavaScript को डीबग करने, DOM और सीएसएस में बदलाव करने वगैरह के लिए

• Chrome एक्सटेंशन

chrome.omnibox

खोज इतिहास API (एपीआई) आपको Google Chrome के पता बार के साथ कीवर्ड रजिस्टर करने देता है, जिसे खोज बार भी कहा जाता है. जब उपयोगकर्ता आपके एक्सटेंशन का कीवर्ड डालता है, तो उपयोगकर्ता सिर्फ़ आपके एक्सटेंशन के साथ एक्सटेंशन चुनें. हर कीस्ट्रोक, आपके

• Chrome एक्सटेंशन

chrome.management

chrome.management API की मदद से, इंस्टॉल किए गए ऐप्लिकेशन और एक्सटेंशन को मैनेज किया जा सकता है. आपको "मैनेजमेंट" का एलान करना होगा को मैनेज करने की अनुमति दें, ताकि आप एक्सटेंशन मेनिफ़ेस्ट में एपीआई. उदाहरण के लिए:

• Chrome एक्सटेंशन

chrome.downloads

प्रोग्राम के हिसाब से, डाउनलोड शुरू करने, उनकी निगरानी करने, उनमें बदलाव करने, और उन्हें खोजने के लिए, chrome.downloads API का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, आपको एक्सटेंशन मेनिफ़ेस्ट में "downloads" अनुमति का एलान करना होगा.

• Chrome एक्सटेंशन

chrome.history

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

• Chrome एक्सटेंशन

chrome.gcm

Firebase क्लाउड से मैसेज (FCM) के ज़रिए मैसेज भेजने और पाने के लिए ऐप्लिकेशन और एक्सटेंशन को चालू करने के लिए chrome.gcm का इस्तेमाल करें. किसी मैसेज में सभी कुंजी/वैल्यू पेयर का ज़्यादा से ज़्यादा साइज़ (बाइट में). 4096 ऐप्लिकेशन को FCM के साथ

• Chrome एक्सटेंशन

chrome.notifications

टेंप्लेट का इस्तेमाल करके ज़्यादा बेहतर सूचनाएं बनाने के लिए, chrome.notifications एपीआई का इस्तेमाल करें और सिस्टम ट्रे में ये सूचनाएं लोगों को दिखाएं. स्ट्रिंग ज़रूरी नहीं Mac OS X इस्तेमाल करने वालों को बटन के आइकॉन नहीं दिखते. स्ट्रिंग स्ट्रिंग

• Chrome एक्सटेंशन

chrome.instanceID

इंस्टेंस आईडी सेवा को ऐक्सेस करने के लिए, chrome.instanceID का इस्तेमाल करें. यह ऐप्लिकेशन इंस्टेंस आइडेंटिफ़ायर को रीसेट करता है और इससे जुड़े सभी टोकन रद्द करता है. फ़ंक्शन वैकल्पिक callback पैरामीटर ऐसा दिखता है: प्रॉमिस&lt;void&gt; मेनिफ़ेस्ट V3

• Chrome एक्सटेंशन

chrome.loginState

लॉगिन की स्थिति को पढ़ने और उसे मॉनिटर करने के लिए, chrome.loginState एपीआई का इस्तेमाल करें. "Firefox_PROFILE" बताता है कि एक्सटेंशन, साइन इन प्रोफ़ाइल में है. "USER_PROFILE" बताता है कि एक्सटेंशन, उपयोगकर्ता की प्रोफ़ाइल में है. "UNKNOWN" बताता है

• Chrome एक्सटेंशन

chrome.platformKeys

प्लैटफ़ॉर्म से मैनेज किए जाने वाले क्लाइंट सर्टिफ़िकेट ऐक्सेस करने के लिए, chrome.platformKeys एपीआई का इस्तेमाल करें. अगर कोई उपयोगकर्ता या नीति अनुमति देती है, तो एक्सटेंशन, पुष्टि करने वाले अपने कस्टम प्रोटोकॉल में इस तरह के सर्टिफ़िकेट का

• Chrome एक्सटेंशन

chrome.identity

OAuth2 ऐक्सेस टोकन पाने के लिए, chrome.identity एपीआई का इस्तेमाल करें. स्ट्रिंग खाते के लिए यूनीक आइडेंटिफ़ायर. आपके खाते से हमेशा के लिए यह आईडी नहीं बदलेगा. "सिंक" बताता है कि सिंक करने की सुविधा प्राथमिक खाते के लिए चालू है. "कोई भी" प्राथमिक

• Chrome एक्सटेंशन

chrome.sockets.tcp

नेटवर्क पर डेटा भेजने और पाने के लिए, टीसीपी कनेक्शन की मदद से chrome.sockets.tcp एपीआई का इस्तेमाल करें. यह एपीआई, chrome.socket API में पहले से मौजूद टीसीपी फ़ंक्शन की जगह लागू होता है. इस एपीआई का इस्तेमाल करने के लिए, मेनिफ़ेस्ट में इन कुंजियों

chrome.hid

कनेक्ट किए गए एचआईडी डिवाइसों से इंटरैक्ट करने के लिए, chrome.hid एपीआई का इस्तेमाल करें. यह एपीआई, किसी ऐप्लिकेशन में एचआईडी कार्रवाइयों को ऐक्सेस करने की सुविधा देता है. इस एपीआई का इस्तेमाल करके, ऐप्लिकेशन हार्डवेयर डिवाइसों के ड्राइवर के तौर पर

chrome.bluetoothLowEnergy

chrome.bluetoothLowEnergy एपीआई का इस्तेमाल, ब्लूटूथ स्मार्ट (कम ऊर्जा वाले) डिवाइसों से संपर्क करने के लिए किया जाता है. इसके लिए, जेनरिक एट्रिब्यूट प्रोफ़ाइल (GATT) का इस्तेमाल किया जाता है. इस एपीआई का इस्तेमाल करने के लिए, मेनिफ़ेस्ट में इन

chrome.fileSystem

उपयोगकर्ता के लोकल फ़ाइल सिस्टम को बनाने, पढ़ने, नेविगेट करने, और उसमें लिखने के लिए, chrome.fileSystem एपीआई का इस्तेमाल करें. इस एपीआई की मदद से, Chrome ऐप्लिकेशन उपयोगकर्ता की चुनी गई जगह पर मौजूद कॉन्टेंट को पढ़ सकता है और उसमें बदलाव कर सकता है.

chrome.sockets.tcpServer

टीसीपी कनेक्शन का इस्तेमाल करके सर्वर ऐप्लिकेशन बनाने के लिए, chrome.sockets.tcpServer एपीआई का इस्तेमाल करें. यह एपीआई, chrome.socket API में पहले से मौजूद टीसीपी फ़ंक्शन की जगह लागू होता है. इस एपीआई का इस्तेमाल करने के लिए, मेनिफ़ेस्ट में इन

chrome.system.network

chrome.system.network एपीआई का इस्तेमाल करें. स्ट्रिंग उपलब्ध आईपीवी4/6 पता. स्ट्रिंग अडैप्टर का नाम. *nix पर, यह आम तौर पर "ef0", "wlan0" वगैरह होगा. संख्या प्रीफ़िक्स की लंबाई इस सिस्टम पर मौजूद लोकल अडैप्टर के बारे में जानकारी हासिल करता है.

chrome.app.window

विंडो बनाने के लिए, chrome.app.window एपीआई का इस्तेमाल करें. Windows में टाइटल बार और साइज़ कंट्रोल के साथ एक वैकल्पिक फ़्रेम होता है. ये किसी भी Chrome ब्राउज़र विंडो से जुड़े नहीं होते. इन विकल्पों के बारे में जानने के लिए, विंडो स्टेट सैंपल

chrome.mediaGalleries

उपयोगकर्ता की लोकल डिस्क (उपयोगकर्ता की सहमति से) से मीडिया फ़ाइलें (ऑडियो, इमेज, वीडियो) ऐक्सेस करने के लिए, chrome.mediaGalleries एपीआई का इस्तेमाल करें. स्ट्रिंग बूलियन स्ट्रिंग बदली गई गैलरी की पहचान करता है. GalleryChangeType बदलाव से जुड़े

लॉग इन हो रहा है

डिफ़ॉल्ट रूप से, ChromeDriver सिर्फ़ चेतावनियों/गड़बड़ियों को stderr में लॉग करता है. डीबग करते समय ज़्यादा शब्दों में जानकारी देने की सुविधा का इस्तेमाल करना फ़ायदेमंद होता है. वर्बोस लॉगिंग को सक्षम करने के लिए, बस --verbose को chromedriver सर्वर

ChromeDriver का इस्तेमाल शुरू करना

इस पेज पर बताया गया है कि अपनी वेबसाइट की जांच करने के लिए, ChromeDriver का इस्तेमाल किस तरह किया जा सकता है डेस्कटॉप (Windows/Mac/Linux). इन्हें भी पढ़ा जा सकता है Android का इस्तेमाल शुरू करना या ChromeOS का इस्तेमाल शुरू करना. ChromeDriver एक अलग

Chrome एक्सटेंशन

Chrome एक्सटेंशन, पैक किए गए या अनपैक किए जा सकते हैं. पैक न किए गए किसी एक्सटेंशन को पैक करने के लिए, chrome://extensions में 'पैक करें' बटन का इस्तेमाल करें या Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension

Chrome 129 का बीटा वर्शन

Chrome के अगले वर्शन की झलक देखें. इसमें, मौजूदा बीटा वर्शन की सुविधाओं के बारे में जानकारी दी गई है.

• Chrome

Extensibility API की मदद से, परफ़ॉर्मेंस डेटा को पसंद के मुताबिक बनाना

Extensibility API की मदद से परफ़ॉर्मेंस डेटा को पसंद के मुताबिक बनाना

• Chrome DevTools

chrome.browsingData

किसी उपयोगकर्ता की लोकल प्रोफ़ाइल से ब्राउज़िंग डेटा हटाने के लिए, chrome.browsingData एपीआई का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, आपको एक्सटेंशन मेनिफ़ेस्ट में "browsingData" अनुमति का एलान करना होगा. इस एपीआई का इस्तेमाल आसानी से किया

• Chrome एक्सटेंशन

chrome.system.memory

chrome.system.memory एपीआई. संख्या उपलब्ध कपैसिटी की जानकारी (बाइट में). संख्या फ़िज़िकल मेमोरी की कुल क्षमता, बाइट में. फ़िज़िकल मेमोरी की जानकारी पाना. फ़ंक्शन वैकल्पिक callback पैरामीटर ऐसा दिखता है: MemoryInfo Promise&amp;lt; MemoryInfo &amp;gt;

• Chrome एक्सटेंशन

chrome.desktopCapture

डेस्कटॉप कैप्चर एपीआई, स्क्रीन, अलग-अलग विंडो या अलग-अलग टैब का कॉन्टेंट कैप्चर करता है. Enum का इस्तेमाल चुनकर डेस्कटॉप मीडिया() में इस्तेमाल किए जाने वाले डेस्कटॉप मीडिया सोर्स का सेट तय करने के लिए किया जाता है. "स्क्रीन" "विंडो" "टैब" "ऑडियो"

• Chrome एक्सटेंशन

chrome.dns

डीएनएस रिज़ॉल्यूशन के लिए, chrome.dns एपीआई का इस्तेमाल करें. इस एपीआई का इस्तेमाल करने के लिए, आपको मेनिफ़ेस्ट में "dns" अनुमति के बारे में एलान करना होगा. example.com का आईपी पता फिर से पाने के लिए, नीचे दिया गया कोड resolve() को कॉल करता है.

• Chrome एक्सटेंशन

chrome.documentScan

अटैच किए गए दस्तावेज़ स्कैनर से इमेज खोजने और उन्हें वापस पाने के लिए, chrome.documentScan एपीआई का इस्तेमाल करें. दस्तावेज़ स्कैन API को इस तरह से डिज़ाइन किया गया है कि ऐप्लिकेशन और एक्सटेंशन अटैच किए गए दस्तावेज़ स्कैनर पर कागज़ के दस्तावेज़ों की

• Chrome एक्सटेंशन

chrome.declarativeWebRequest

ध्यान दें: यह एपीआई अब काम नहीं करता. इसके बजाय, declarativeNetRequest API का इस्तेमाल करें. फ़्लाइट में अनुरोधों को रोकने, ब्लॉक करने या उनमें बदलाव करने के लिए, chrome.declarativeWebRequest एपीआई का इस्तेमाल करें. यह chrome.webRequest API के

• Chrome एक्सटेंशन

एपीआई का संदर्भ

Chrome एक्सटेंशन के लिए उपलब्ध कराए गए सभी एपीआई की पूरी जानकारी. इसमें बंद किए गए Chrome Apps प्लैटफ़ॉर्म के एपीआई के साथ-साथ बीटा और डेव वर्शन में अब भी एपीआई शामिल हैं.

• Chrome एक्सटेंशन

Chrome DevTools

Chrome DevTools की मदद से अपने वेब ऐप्लिकेशन को डीबग और ऑप्टिमाइज़ करें.

• Chrome DevTools

Chrome 128 में नया

Chrome 128 अब रोल आउट किया जा रहा है! रूबी एलिमेंट के लिए लाइन ब्रेक के साथ बेहतर डिसप्ले की सुविधा, Promise.try गेम को आसान बनाने के लिए Promise.try एड्रियाना जारा के पास Chrome 128 में डेवलपर के लिए क्या नया है, इसकी पूरी जानकारी उपलब्ध है.

• Chrome

WebGPU की मदद से ऐप्लिकेशन बनाएं

वेब और खास प्लैटफ़ॉर्म के लिए WebGPU की मदद से ऐप्लिकेशन बनाने का तरीका जानें.

Chromium की सुलभता सुविधा की परफ़ॉर्मेंस को बेहतर बनाना

अहमद अलवासफी की पोस्ट, जिसमें उन्होंने बताया है कि Google Summer of Code की मदद से, वे कैसे Chromium के योगदान देने वाले बने.

• Chrome

File System Observer एपीआई का ऑरिजिन ट्रायल

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

• Chrome

WebGPU में नया क्या है (Chrome 128)

सबग्रुप के साथ एक्सपेरिमेंट करना, लाइनों और पॉइंट के लिए डेप्थ बायस की सेटिंग को कम करना, अगर preventDefault की सुविधा हो, तो कैप्चर नहीं की गई गड़बड़ी से जुड़ी DevTools की चेतावनी छिपाएं, WGSL इंटरपोलेट सैंपलिंग, दोनों में से कोई एक हो, और इसी तरह के अन्य काम करें.

• Chrome
• WebGpu

मीडिया: मीडिया प्लेयर की जानकारी देखें और उसे डीबग करें

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

• Chrome DevTools

Chrome 128

Chrome 128, 20 अगस्त, 2024 से रोल आउट होने जा रहा है. इसमें सीएसएस रूबी-अलाइन प्रॉपर्टी, Promise.try के साथ-साथ और भी बहुत कुछ शामिल है.

• Chrome

chrome.contextMenus

Google Chrome के संदर्भ मेन्यू में आइटम जोड़ने के लिए, chrome.contextMenus एपीआई का इस्तेमाल करें. आपके पास यह चुनने का विकल्प होता है कि संदर्भ मेन्यू में जोड़े गए ऑब्जेक्ट किस तरह के हों, जैसे कि इमेज, हाइपरलिंक, और पेज. संदर्भ मेन्यू आइटम, किसी भी

• Chrome एक्सटेंशन

chrome.alarms

कोड को समय-समय पर या आने वाले समय में किसी तय समय पर चलाने के लिए, chrome.alarms एपीआई का इस्तेमाल करें. chrome.alarms API का इस्तेमाल करने के लिए, मेनिफ़ेस्ट में "alarms" की अनुमति का एलान करें: नीचे दिए गए उदाहरणों में, अलार्म को इस्तेमाल करने और

• Chrome एक्सटेंशन

chrome.audio

chrome.audio एपीआई की मदद से उपयोगकर्ता, सिस्टम से जुड़े ऑडियो डिवाइसों के बारे में जानकारी पा सकते हैं और उन्हें कंट्रोल कर सकते हैं. फ़िलहाल, यह एपीआई सिर्फ़ ChromeOS के लिए कीऑस्क मोड में उपलब्ध है. स्ट्रिंग डिवाइस का नाम. DeviceType डिवाइस का

• Chrome एक्सटेंशन

chrome.debugger

chrome.debugger एपीआई, Chrome के रिमोट डीबगिंग प्रोटोकॉल के लिए, वैकल्पिक ट्रांसपोर्ट के तौर पर काम करता है. इंस्ट्रुमेंट नेटवर्क इंटरैक्शन के लिए एक या ज़्यादा टैब को अटैच करने, JavaScript को डीबग करने, DOM और सीएसएस में बदलाव करने वगैरह के लिए

• Chrome एक्सटेंशन

chrome.declarativeContent

किसी पेज के कॉन्टेंट के हिसाब से कार्रवाइयां करने के लिए, chrome.declarativeContent एपीआई का इस्तेमाल करें. इसके लिए, पेज का कॉन्टेंट पढ़ने की अनुमति की ज़रूरत नहीं होती है. डिक्लेरेटिव Content API की मदद से, एक्सटेंशन की कार्रवाई चालू की जा सकती है.

• Chrome एक्सटेंशन

chrome.commands

आपके एक्सटेंशन में कार्रवाइयों को ट्रिगर करने वाले कीबोर्ड शॉर्टकट जोड़ने के लिए, निर्देशों वाले एपीआई का इस्तेमाल करें. उदाहरण के लिए, ब्राउज़र में की जाने वाली कार्रवाई को खोलने या एक्सटेंशन को निर्देश भेजने के लिए की जाने वाली कार्रवाई. इस एपीआई

• Chrome एक्सटेंशन

chrome.browsingData

किसी उपयोगकर्ता की लोकल प्रोफ़ाइल से ब्राउज़िंग डेटा हटाने के लिए, chrome.browsingData एपीआई का इस्तेमाल करें. आपको "browsingData" इस्तेमाल करना होगा एक्सटेंशन मेनिफ़ेस्ट में दी गई अनुमति की मदद से, इस एपीआई का इस्तेमाल करें. इस एपीआई का इस्तेमाल

• Chrome एक्सटेंशन

File System Access API: लोकल फ़ाइलों का ऐक्सेस आसान बनाना

File System Access API से, डेवलपर को ताकतवर वेब ऐप्लिकेशन बनाने में मदद मिलती है. ये वेब ऐप्लिकेशन, उपयोगकर्ता के लोकल डिवाइस पर मौजूद फ़ाइलों के साथ इंटरैक्ट करते हैं. जैसे, IDE, फ़ोटो और वीडियो एडिटर, टेक्स्ट एडिटर वगैरह. किसी उपयोगकर्ता को वेब ऐप्लिकेशन का ऐक्सेस देने के बाद, यह एपीआई उसे उन बदलावों को सीधे उपयोगकर्ता के डिवाइस पर मौजूद फ़ाइलों और फ़ोल्डर में पढ़ने या सेव करने देता है.

शुरुआती झलक के लिए खास जानकारी का एपीआई उपलब्ध है

ईपीपी में शामिल होने वाले लोग, अब Chrome में Gemini Nano के लिए खास जानकारी देने वाले एपीआई की मदद से प्रोटोटाइप कर सकते हैं.

• Chrome

Snap इवेंट के पेज स्क्रोल करें

पेश है दो नए JavaScript इवेंट: ScrollSnapChange और ScrollSnapSnap.

• Chrome

सॉफ़्ट नेविगेशन के मेज़रमेंट के साथ प्रयोग करना

Chrome टीम, सिंगल पेज ऐप्लिकेशन के इस्तेमाल किए जाने वाले तथाकथित सॉफ़्ट नेविगेशन को बेहतर तरीके से मेज़र करने पर काम कर रही है. साथ ही, फ़्लैग के पीछे एक नया एपीआई उपलब्ध है, ताकि साइटें भी इसके साथ प्रयोग कर सकें.

DevTools की मदद से स्क्रीनशॉट लेने के चार तरीके

DevTools की मदद से स्क्रीनशॉट लेने के चार खास तरीके जानें.

• Chrome
• Chrome DevTools

Firefox, Chrome, और Puppeteer में WebDriver BiDi प्रोडक्शन के लिए तैयार है

Puppeteer 23 में Firefox 129 और इसके बाद के वर्शन के लिए, स्टेबल सपोर्ट की सुविधा मिलती है. साथ ही, WebDriver BiDi पर आधारित यह एपीआई, Chrome और Firefox ऑटोमेशन के लिए यूनिफ़ाइड एपीआई उपलब्ध कराता है.

• Chrome

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

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

• Chrome
• Chrome DevTools

Blog

Chrome डेवलपर रिलेशन टीम से नई खबरें

• Chrome

Android पर Chrome की पासकी के UX से जुड़े अपडेट

Android पर Chrome ने अब क्रेडेंशियल मैनेजर को इंटिग्रेट किया है. इसकी मदद से, तीसरे पक्ष के पासवर्ड मैनेजर Android 14 और इसके बाद के वर्शन पर पासकी उपलब्ध करा सकते हैं

• Chrome

Chrome में पहले से मौजूद एआई एक्सपेरिमेंट में हिस्सा लें

पहले से मौजूद एआई, Prompt API, और Chrome के एआई प्लान के बारे में अपडेट.

• Chrome

लेखक की ओर से तय किए गए सीएसएस नाम और शैडो डीओएम: स्पेसिफ़िकेशन में और लागू किए जा रहे हैं

सीएसएस में शैडो डीओएम में इस्तेमाल किए गए, लेखक के तय किए गए नामों की इंटरऑपरेबिलिटी के मौजूदा स्टेटस के बारे में बताना.

रेगुलर एक्सप्रेशन के अलावा: Chrome DevTools में सीएसएस वैल्यू पार्स करने की सुविधा को बेहतर बनाना

जानें कि DevTools टीम ने स्टाइल टैब में स्टाइल दिखाने के तरीके को किस तरह बेहतर बनाया है.

• Chrome

WebDriver BiDi की मदद से ऑटोमेशन की सुविधा अब BrowserStack पर उपलब्ध है

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

• Chrome

CrUX एपीआई

CrUX API से अनुरोधों को बनाने और उन्हें पार्स करने का तरीका जानें.

• Chrome UX रिपोर्ट

अर्ली हिंट के साथ सर्वर थिंक-टाइम का इस्तेमाल करके, तेज़ी से पेज लोड होते हैं

जानें कि आपका सर्वर ज़रूरी सबरिसॉर्स के बारे में ब्राउज़र को कैसे संकेत भेज सकता है.

CrUX हिस्ट्री एपीआई

CrUX हिस्ट्री एपीआई का इस्तेमाल करके, पिछले छह महीनों के पुराने CrUX रुझानों के बारे में क्वेरी करने का तरीका जानें.

• Chrome UX रिपोर्ट

नेटवर्क पैनल: नेटवर्क लोड और संसाधनों का विश्लेषण करें

नेटवर्क लोड और संसाधनों का विश्लेषण करें

• Chrome DevTools

लाइन ब्रेक करने लायक <रूबी> और सीएसएस रूबी-अलाइन प्रॉपर्टी

लाइन ब्रेक किए जा सकने वाले रूबी एलिमेंट और सीएसएस रूबी-अलाइन प्रॉपर्टी

• Chrome

सैंपल

Chrome एक्सटेंशन के सैंपल GitHub पर उपलब्ध हैं.

• Chrome एक्सटेंशन

ऐप्लिकेशन पब्लिश करना

काम की सूची

• Chrome एक्सटेंशन

मेनिफ़ेस्ट - वर्शन

एक से चार डॉट से अलग किए गए पूर्णांक, जो इस एक्सटेंशन के वर्शन की पहचान करते हैं. पूर्णांक पर कुछ नियम लागू होते हैं: उनका मान 0 से 65535 के बीच होना चाहिए. इसमें शामिल हैं और बिना शून्य वाले पूर्णांक की शुरुआत 0 से नहीं हो सकती. उदाहरण के लिए, 99999

मेनिफ़ेस्ट - डिफ़ॉल्ट स्थान-भाषा

_locales की सबडायरेक्ट्री तय करती है, जिसमें इस एक्सटेंशन के लिए डिफ़ॉल्ट स्ट्रिंग होती हैं. यह फ़ील्ड उन एक्सटेंशन के लिए ज़रूरी है जिनमें _locales डायरेक्ट्री मौजूद है; यह उन एक्सटेंशन में मौजूद नहीं होना चाहिए जिनमें कोई _locales डायरेक्ट्री नहीं

मेनिफ़ेस्ट - ऑफ़लाइन चालू है

ऐप्लिकेशन या एक्सटेंशन के ऑफ़लाइन काम करने की उम्मीद है या नहीं. जब Chrome को पता चलता है कि वह ऑफ़लाइन है, तो इस फ़ील्ड को 'सही है' पर सेट करने वाले ऐप्लिकेशन, 'नया टैब' पेज पर हाइलाइट कर दिए जाएंगे. Chrome 35 के बाद से यह माना गया है कि ऐप्लिकेशन

मेनिफ़ेस्ट - Chrome का कम से कम वर्शन

Chrome का वह वर्शन जिसके लिए आपके एक्सटेंशन, ऐप्लिकेशन या थीम की ज़रूरत है. इस स्ट्रिंग का फ़ॉर्मैट और version फ़ील्ड का फ़ॉर्मैट एक जैसा है.

वर्कबॉक्स-स्ट्रीम

RouteHandlerCallbackOptions StreamSource | प्रॉमिस&lt; StreamSource &gt; जवाब ReadableStream BodyInit एक से ज़्यादा सोर्स का वादा करता है, जिनमें से हर एक रिस्पॉन्स, ReadableStream या BodyInit में ले जा सकता है. यह फ़ंक्शन हर एक स्ट्रीम के डेटा को

मेनिफ़ेस्ट - ब्यौरा

एक्सटेंशन के बारे में बताने वाली एक सादी टेक्स्ट स्ट्रिंग (कोई एचटीएमएल या कोई दूसरा फ़ॉर्मैट नहीं; 132 से ज़्यादा वर्ण नहीं होने चाहिए). ब्यौरा, ब्राउज़र के एक्सटेंशन मैनेजमेंट यूज़र इंटरफ़ेस (यूआई) और Chrome Web Store, दोनों के हिसाब से होना चाहिए.

मेनिफ़ेस्ट - कुंजी

डेवलपमेंट के दौरान किसी एक्सटेंशन, ऐप्लिकेशन या थीम के लोड होने पर, इस वैल्यू का इस्तेमाल उस यूनीक आईडी को कंट्रोल करने के लिए किया जा सकता है. सही कुंजी मान पाने के लिए, सबसे पहले किसी.crx फ़ाइल से अपना एक्सटेंशन इंस्टॉल करें (आपको अपना एक्सटेंशन

मेनिफ़ेस्ट - नाम और छोटा नाम

name और short_name मेनिफ़ेस्ट प्रॉपर्टी, ऐप्लिकेशन की पहचान करने वाली छोटी और सामान्य टेक्स्ट स्ट्रिंग होती हैं. दोनों फ़ील्ड के लिए, स्थान-भाषा के हिसाब से स्ट्रिंग तय की जा सकती हैं. ज़्यादा जानकारी के लिए, इंटरनैशनलाइज़ेशन देखें. name, ऐप्लिकेशन

अपडेट: इवेंट पेज और बैकग्राउंड पेज

बंद की गई वेब सुविधाएं

हालांकि, Chrome ऐप्स में वेब प्लैटफ़ॉर्म का इस्तेमाल किया जाता है, लेकिन कुछ वेब सुविधाओं को बंद कर दिया गया है या किसी और तरीके से इनका इस्तेमाल किया जाता है. मुख्य रूप से, ऐसा सुरक्षा से जुड़ी समस्याओं से बचने और प्रोग्रामिंग के तरीकों को बेहतर

Chrome 128 का बीटा वर्शन

Chrome के अगले वर्शन की झलक देखें. इसमें, मौजूदा बीटा वर्शन की सुविधाओं के बारे में जानकारी दी गई है.

• Chrome

Chrome 127 में नया

Chrome 127 अब रोल आउट किया जा रहा है! font-size-adjust, उपयोगकर्ता सक्रियण, दस्तावेज़ पिक्चर-इन-पिक्चर एपीआई, कीबोर्ड फ़ोकस करने योग्य स्क्रॉल कंटेनर में हुआ, और उसके साथ और भी बहुत कुछ है. एड्रियाना जारा के पास Chrome 127 में डेवलपर के लिए क्या नया है, इसकी पूरी जानकारी उपलब्ध है.

• Chrome

WebGPU में नया क्या है (Chrome 127)

Android पर OpenGL ES के लिए प्रयोग के तौर पर सहायता, जीपीयू अडैप्टर की जानकारी देने वाला एट्रिब्यूट, WebAssembly इंटरऑप सुधार वगैरह.

• Chrome
• WebGpu

Chrome, उपयोगकर्ताओं को उनके काम के ऐप्लिकेशन इंस्टॉल करने में किस तरह मदद करता है

Chrome की उपयोगकर्ता से जुड़ी इंटरनल रिसर्च से पता चलता है कि कई लोग वेब ऐप्लिकेशन इंस्टॉल करना पसंद करते हैं. इसके कई फ़ायदे हैं, जैसे: Chrome और वेब डेवलपर, कई तरीकों से मदद कर सकते हैं. इनमें मशीन लर्निंग प्रमोशन की नई सुविधा भी शामिल है. इस पोस्ट

• Chrome

Chrome 127

Chrome 127, 23 जुलाई, 2024 से रोल आउट होने जा रहा है. इसमें सीएसएस फ़ॉन्ट-साइज़-अडजस्ट, कीबोर्ड फ़ोकस करने लायक स्क्रोल कंटेनर, और इसमें और भी बहुत कुछ है.

• Chrome

रीडिंग-फ़्लो और डिसप्ले: कॉन्टेंट वाले एलिमेंट के बारे में डेवलपर के सुझाव, शिकायत या राय के लिए अनुरोध करें

यह पक्का करने में हमारी मदद करें कि रीडिंग-फ़्लो आपकी ज़रूरतों के हिसाब से हो.

• Chrome

प्राथमिकताएँ

प्राथमिकता टैब का रेफ़रंस.

• Chrome DevTools

नेटवर्क की सुविधाओं का रेफ़रंस

Chrome DevTools नेटवर्क पैनल की सुविधाओं के बारे में ज़्यादा जानकारी.

• Chrome DevTools

रिकॉर्डर पैनल: यूज़र फ़्लो को रिकॉर्ड और मेज़र करें

यूज़र फ़्लो का विश्लेषण करना और उन्हें रिकॉर्ड करना.

• Chrome DevTools

व्यू ट्रांज़िशन से जुड़ी गलतफ़हमियां

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

• Chrome

Chrome एक्सटेंशन में क्या हो रहा है?

Chrome एक्सटेंशन में हाल ही में हुए बदलावों के साथ-साथ, आने वाले समय में लॉन्च होने वाली एक्सटेंशन की ऐसी शानदार सुविधाओं की खास जानकारी जो डेवलपर को मिलने वाले हैं.

• Chrome एक्सटेंशन
• Chrome

Chrome एक्सटेंशन: नीति से जुड़े अहम अपडेट

इस एलान में, Developer Program की नीतियों वाले पेज के बारे में कई अपडेट शामिल हैं. इस पेज को डिज़ाइन करने का मकसद, अच्छी क्वालिटी वाले प्रॉडक्ट बनाने, धोखाधड़ी वाली गतिविधियों को रोकने, और सोच-समझकर उपयोगकर्ता की सहमति लेने के लिए करना है.

• Chrome
• Chrome एक्सटेंशन

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

एलिमेंट में सीएसएस ऐंकर पोजिशनिंग, सोर्स में बेहतर 'कभी रोकें यहां', स्क्रोल स्नैप इवेंट लिसनर, अपडेट किए गए नेटवर्क थ्रॉटलिंग प्रीसेट वगैरह में.

• Chrome
• Chrome DevTools

जांच मोड: एलिमेंट के प्रॉपर्टी का तेज़ी से विश्लेषण करें

अपने वेब ऐप्लिकेशन पर एलिमेंट की जांच करना

• Chrome DevTools

परफ़ॉर्मेंस से जुड़ी सुविधाओं का रेफ़रंस

Chrome DevTools में परफ़ॉर्मेंस को रिकॉर्ड करने और उसका विश्लेषण करने के सभी तरीकों के बारे में जानकारी.

• Chrome DevTools

YouTube में भरोसेमंद टाइप जोड़ना

YouTube, क्रॉस-साइट स्क्रिप्टिंग के हमलों को रोकने के लिए, 'भरोसेमंद टाइप' के साथ प्लैटफ़ॉर्म की सुरक्षा को बेहतर बना रहा है. हालांकि, इससे आपके एक्सटेंशन पर असर पड़ सकता है.

• Chrome
• Chrome एक्सटेंशन

लंबी अवधि के ऐनिमेशन फ़्रेम एपीआई को अब शिप कर दिया गया है

लंबी अवधि के ऐनिमेशन फ़्रेम एपीआई (LoAF) को Chrome 123 से भेज दिया गया है. हमने अब अपने टूल और दिशा-निर्देशों को भी अपडेट कर दिया है, ताकि आपको इस नए एपीआई का ज़्यादा से ज़्यादा फ़ायदा मिल सके.

• Chrome

बहुत ज़्यादा DOM साइज़ से बचें

जानें कि एक बड़ा DOM आपके वेब पेज की परफ़ॉर्मेंस को कैसे कम कर सकता है. साथ ही, यह भी जानें कि लोड होने के दौरान अपने DOM का साइज़ कैसे कम किया जा सकता है.

इंस्टैंट पेज नेविगेशन के लिए, Chrome में पेजों को पहले से रेंडर करना

Chrome टीम उन पेजों की पूरी प्रीरेंडरिंग को वापस लाने के विकल्पों पर काम कर रही है जिन पर उपयोगकर्ता के नेविगेट करने की संभावना है.

Chrome वेब स्टोर के पीछे: भरोसा और अपने सवालों की सुरक्षा करना

हमने Chrome वेब स्टोर में समीक्षा का नेतृत्व करने वाली टीम के साथ बातचीत की.

• Chrome एक्सटेंशन
• Chrome

स्टोरेज बकेट के साथ ज़्यादा से ज़्यादा IndexedDB परफ़ॉर्मेंस

Chrome टीम ने IndexedDB (IDB) को लागू करने के लिए, परफ़ॉर्मेंस से जुड़े कई सुधार किए हैं.

• Chrome

WebGPU (Chrome→126) में नया क्या है

maxTextureArraylayers सीमा को बढ़ाएं, Vulkan बैकएंड के लिए बफ़र अपलोड करने का ऑप्टिमाइज़ेशन, शेडर कंपाइलेशन समय में सुधार, सबमिट किए गए कमांड बफ़र, और डॉन अपडेट अलग-अलग होने चाहिए.

• Chrome
• WebGpu

नए एचटीएमएल की <अनुमति> एलिमेंट के लिए ऑरिजिन ट्रायल

Chrome की टीम, उपयोगकर्ता से बेहतर सुविधाओं का ऐक्सेस मांगने के लिए, नए डिक्लेरेटिव एचटीएमएल की <अनुमति> एलिमेंट के साथ प्रयोग कर रही है.

• Chrome

ब्राउज़र में कैश एआई मॉडल को कैश मेमोरी में सेव करना

एआई की मदद से काम करने वाले ऐप्लिकेशन को आने वाले समय में तेज़ी से लॉन्च करने के लिए, डिवाइस में मॉडल का डेटा साफ़ तौर पर कैश मेमोरी में सेव करें.

Chrome 127 बीटा

बीटा वर्शन डाउनलोड करके, Chrome में आने वाली नई सुविधाओं की जांच करें.

• Chrome

सीएसएस और वेब यूज़र इंटरफ़ेस (यूआई) की नई जानकारी: I/O 2024 का रीकैप

Google I/O 2024 में, सीएसएस और वेब यूज़र इंटरफ़ेस (यूआई) से जुड़ी सभी सूचनाएं पढ़ें.

• Chrome

Chrome 126

Chrome 126, 11 जून, 2024 को रोल आउट होने जा रहा है. इसे क्रॉस-दस्तावेज़ व्यू के ट्रांज़िशन के साथ रोल आउट किया जाएगा. साथ ही, Close पर API को फिर से चालू किया जा सकेगा और Gamepad API के लिए ट्रिगर-रंबल किया जा सकेगा. इसके अलावा, कई और सुविधाएं भी मिलेंगी.

• Chrome

Chrome 126 में नया

Chrome 126 अब रोल आउट किया जा रहा है! Viewtransits API में क्रॉस-दस्तावेज़ ट्रांज़िशन की सुविधा के साथ, Close पर API को फिर से चालू किया गया है. साथ ही, Gamepad API के लिए ट्रिगर-रंबल किया गया है. साथ ही, इसमें और भी बहुत कुछ है. एड्रियाना जारा के पास Chrome 126 में डेवलपर के लिए नया क्या है, इस बारे में पूरी जानकारी है.

• Chrome

अनलोड इवेंट को रोका जा रहा है

अनलोड इवेंट की सुविधा, Chrome 117 और उसके बाद के वर्शन पर धीरे-धीरे काम करना बंद कर देगी. जानें कि इसका क्या मतलब है. साथ ही, यह भी जानें कि साइटें और एंटरप्राइज़ इसके लिए कैसे तैयारी कर सकते हैं

Chrome UX Report

CrUX मेट्रिक के बारे में तकनीकी दस्तावेज़.

• Chrome UX रिपोर्ट

प्रोटोकॉल मॉनिटर: सीडीपी अनुरोध देखें और भेजें

सीडीपी अनुरोधों और जवाबों पर नज़र रखें.

• Chrome DevTools

DevTools में परफ़ॉर्मेंस वर्कफ़्लो को पसंद के मुताबिक बनाने के लिए, तीन नई सुविधाएं

नई सुविधाओं के बारे में जानें. इनसे आपको परफ़ॉर्मेंस पैनल को व्यवस्थित करने और उस जानकारी पर फ़ोकस करने में मदद मिलेगी जिसकी आपको सबसे ज़्यादा ज़रूरत है

• Chrome DevTools
• Chrome

स्टाइल इवेंट का फिर से हिसाब लगाने के दौरान सीएसएस सिलेक्टर की परफ़ॉर्मेंस का विश्लेषण करें

स्टाइल इवेंट फिर से कैलकुलेशन करने के दौरान, सीएसएस सिलेक्टर की परफ़ॉर्मेंस का विश्लेषण करें.

• Chrome DevTools

एक्सटेंशन में किए जा सकने वाले बदलावों के लिए समीक्षा स्किप करें

हमें नई सुविधा के बारे में बताते हुए खुशी हो रही है. इसकी मदद से डेवलपर, एलान वाले कुल अनुरोध एपीआई का इस्तेमाल करके, मेनिफ़ेस्ट V3 एक्सटेंशन में ज़रूरी शर्तें पूरी करने वाले बदलावों की समीक्षा नहीं कर पाएंगे.

• Chrome

इसमें चौड़ाई या शुरुआती स्केल वाला टैग नहीं है

"इसमें चौड़ाई या शुरुआती स्केल वाला टैग नहीं है" लाइटहाउस ऑडिट के बारे में जानें.

नेटवर्क की शर्तें: उपयोगकर्ता एजेंट स्ट्रिंग में बदलाव करें

नेटवर्क कंडिशन पैनल की मदद से, अन्य ब्राउज़र को एम्युलेट करने का तरीका जानें.

• Chrome DevTools

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

बेहतर ट्रैक कॉन्फ़िगरेशन मोड, फ़्लेम चार्ट में लिस्ट को अनदेखा करें, और परफ़ॉर्मेंस पैनल में सीपीयू को 20 बार थ्रॉटल करें, और अन्य काम करें.

• Chrome
• Chrome DevTools

JavaScript डीबग करें

JavaScript की गड़बड़ियों को ढूंढने और उन्हें ठीक करने के लिए, Chrome DevTools का इस्तेमाल करने का तरीका जानें.

• Chrome DevTools

Google I/O 2024 में Chrome एक्सटेंशन

एक और Google I/O हमारे पीछे है और हमने सभी दिलचस्प एक्सटेंशन अपडेट को कवर कर लिया है!

• Chrome

Chrome DevTools की मदद से अनुमान लगाने के नियमों को डीबग करना

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

• Chrome DevTools

क्विक सोर्स पैनल

सोर्स फ़ाइलें देखें और अन्य टूल का ऐक्सेस पाएं.

• Chrome DevTools

व्यू ट्रांज़िशन में नया क्या है? (Google I/O 2024 अपडेट)

MPA के लिए क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन, ऐक्टिव टाइप के साथ चुनिंदा व्यू ट्रांज़िशन, और व्यू-ट्रांज़िशन-क्लास के साथ ऐनिमेशन स्टाइल शेयर करने का एलान.

• Chrome

तेज़ वेब एआई (AI) के लिए WebAssembly और WebGPU को बेहतर बनाना, भाग{8/}1

पार्ट 1/2. जानें कि WebAssembly और WebGPU को बेहतर बनाने की सुविधा, वेब पर मशीन लर्निंग की परफ़ॉर्मेंस को कैसे बेहतर बनाती है.

• Chrome

WebAssembly और WebGPU की सुविधाओं को बेहतर बनाने से वेब के एआई को बेहतर बनाने में मदद मिलती है. दूसरा हिस्सा

भाग 2/2. जानें कि WebAssembly और WebGPU के ज़रिए, बेहतर तरीके से मशीन लर्निंग का इस्तेमाल करके, वेब पर मशीन लर्निंग की परफ़ॉर्मेंस को कैसे बेहतर बनाया जाता है.

• Chrome

JavaScript फ़्रेमवर्क में नया क्या है (मई 2024)

इस दस्तावेज़ में JavaScript फ़्रेमवर्क के नेटवर्क में हाल की गतिविधियों की खास जानकारी दी गई है.

• Chrome

I/O 2024 वेब एआई रैप अप: आपके अगले वेब ऐप्लिकेशन के लिए नए मॉडल, टूल, और एपीआई

I/O 2024 में वेब एआई से मिली खास जानकारी पढ़ें. अपने अगले वेब ऐप्लिकेशन के नए मॉडल, टूल, और एपीआई के बारे में जानें.

• Chrome
• WebGpu

परफ़ॉर्मेंस मॉनिटर पैनल

रीयल टाइम में, अपनी वेबसाइट के रनटाइम की परफ़ॉर्मेंस का विश्लेषण करें.

• Chrome DevTools

क्लाइंट-साइड वेब एआई (AI) की मदद से, प्रॉडक्ट की काम की समीक्षाओं को बढ़ावा देना

इस कोडलैब में क्लाइंट-साइड एआई की सुविधा दी गई है. इसके लिए, एआई को डेवलप करने की जानकारी, सर्वर या एपीआई पासकोड की ज़रूरत नहीं होती.

एआई की मदद से प्रॉडक्ट की समीक्षाओं का आकलन करना

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

Chrome 126 बीटा

Chrome 126 के बीटा वर्शन में, गेमपैड एपीआई के ट्रिगर-रंबल एक्सटेंशन के साथ-साथ क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन के साथ-साथ अन्य सुविधाएं भी शामिल हैं.

• Chrome

पेश है Windows के लिए यूज़र इंटरफ़ेस (यूआईए) की सुविधा

Chrome 126 में, Windows यूआई ऑटोमेशन फ़्रेमवर्क काम करता है.

• Chrome

Async Clipboard API के लिए SVG सहायता

Async Clipboard API, अब SVG इमेज के साथ काम कर सकता है.

• Chrome

क्लाइंट-साइड एआई का इस्तेमाल कब करना चाहिए

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

Google I/O 2024 से 10 अपडेट: हर वेब डेवलपर को एआई का बेहतर तरीके से इस्तेमाल करना

Google I/O डेवलपर कीनोट और सेशन की दिलचस्प सुविधाओं के बारे में जानें.

• Chrome

Chrome 125 में नया

Chrome 125 अब रोल आउट किया जा रहा है! सीएसएस ऐंकर पोज़िशनिंग एपीआई, Compute Pressure API, स्टोरेज ऐक्सेस एपीआई का दायरा बढ़ाने के साथ-साथ और भी बहुत कुछ. एड्रियाना जारा के पास Chrome 125 में डेवलपर के लिए नया क्या है, इस बारे में पूरी जानकारी है.

• Chrome

Chrome 125

Chrome 125, 14 मई, 2024 से रोल आउट होने जा रहा है. इसमें, सीएसएस ऐंकर पोज़िशनिंग, Compute Pressure API, नई बेसलाइन सुविधाएं, और बहुत कुछ शामिल है.

• Chrome

DevTools सलाह: नेटवर्क पर मिलने वाले रिस्पॉन्स को बदलें और उनकी नकल करें

DevTools की मदद से, नेटवर्क जवाबों को बदलने और मॉक करने का तरीका जानें.

• Chrome
• Chrome DevTools

वेब कॉन्टेंट और एचटीटीपी रिस्पॉन्स हेडर को स्थानीय तौर पर बदलें

रिमोट संसाधनों की नकल करने के लिए, स्थानीय बदलावों का इस्तेमाल करें. साथ ही, पेज लोड होने पर DevTools में किए गए बदलावों को बनाए रखें.

• Chrome DevTools

Spotify ने पिक्चर में पिक्चर एपीआई का इस्तेमाल करके Spotify मिनी प्लेयर कैसे बनाया

Spotify मिनी प्लेयर में 'कैनवस हैक' से लेकर 'डॉक्यूमेंट पिक्चर में पिक्चर एपीआई' की मदद से बेहतर अनुभव पाने के बारे में जानें.

• Chrome

पेश है सीएसएस ऐंकर पोज़िशनिंग एपीआई

नए ऐंकर पोज़िशनिंग एपीआई का इस्तेमाल करके, एलिमेंट को एक-दूसरे के बीच रखें.

• Chrome

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

Gemini की मदद से, Console में गड़बड़ियों और चेतावनियों को बेहतर तरीके से समझें.

• Chrome DevTools

आसान और ऑटोमेटेड टेस्टिंग के लिए, Chrome के टूल

Chrome टूलिंग टीम की ओर से Puppeteer, Chrome हेडलेस, और Chrome for Testing और अन्य संसाधनों के बारे में खास जानकारी.

• Chrome

Chrome की मदद से अपने संगठन में टेस्टिंग की सुविधा लागू करना

एंटरप्राइज़ एनवायरमेंट में टेस्ट करने की सुविधा से चुनौतियों से निपटने का तरीका जानें

• Chrome

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

कंसोल में गड़बड़ी की वजहें, 'परफ़ॉर्मेंस' में सीएसएस सिलेक्टर के आंकड़े, नेटवर्क में शुरुआती हिंट वाले हेडर वगैरह.

• Chrome
• Chrome DevTools

स्क्रोल-ड्रिवन ऐनिमेशन की केस स्टडी

पारदर्शिता बाज़ार, RedBus, और Tokopedia के साथ स्क्रोल करके चलने वाले ऐनिमेशन के फ़ायदों के बारे में जानें.

• Chrome

ट्रांज़िशन की केस स्टडी देखें

RedBus, Policybazaar, और Tokopedia सभी, व्यू ट्रांज़िशन एपीआई का इस्तेमाल करते हैं. साथ ही, इनको बेहतर परफ़ॉर्मेंस और बेहतरीन यूज़र इंटरफ़ेस (यूआई) का फ़ायदा मिलता है.

• Chrome

WebGPU (Chrome→125) में नया क्या है

डेवलपमेंट में सबग्रुप और 3D टेक्सचर के हिस्से के तौर पर रेंडर हो रहे हैं.

• Chrome
• WebGpu

आपकी ई-कॉमर्स साइट के लिए, सीएसएस और यूज़र इंटरफ़ेस (यूआई) की सुविधाएं क्यों अहम हैं?

जानें कि सीएसएस और यूज़र इंटरफ़ेस (यूआई) की नई सुविधाएं लागू करने से ई-कॉमर्स साइटों को किस तरह फ़ायदा मिलता है. जैसे, ट्रांज़िशन, स्क्रोल करके दिखाए जाने वाले ऐनिमेशन, पॉपओवर एपीआई वगैरह.

• Chrome

:has() केस स्टडी

जानें कि :has() का इस्तेमाल करने से Policybazaar और Tokopedia को क्या फ़ायदे मिलते हैं.

• Chrome

कंटेनर की क्वेरी से जुड़ी केस स्टडी

RedBus और Tokopedia की कंटेनर क्वेरी के फ़ायदों के बारे में जानें.

• Chrome

पेश है "स्क्रोल-आधारित ऐनिमेशन की ताकत का इस्तेमाल करें"

स्क्रोल करके चलने वाले ऐनिमेशन के बारे में जानने के लिए, 10 हिस्सों का वीडियो कोर्स

• Chrome

सीएसएस में आर्किटेक्चर का इस्तेमाल करने के लिए दूसरा प्रस्ताव

मैसनरी और ग्रिड को अलग-अलग निर्देशों में तय करने का प्रस्ताव.

• Chrome

WebGPU की खास जानकारी

WebGPU, वेब पर बेहतरीन परफ़ॉर्मेंस वाले 3D ग्राफ़िक्स और डेटा-पैरलल कंप्यूटेशन की अनुमति देता है.

• WebGpu

मेनिफ़ेस्ट - Chrome का कम से कम वर्शन

Manifest.json की कम से कम chrome_version प्रॉपर्टी के लिए रेफ़रंस दस्तावेज़.

• Chrome एक्सटेंशन

पॉपओवर केस स्टडी

Tokopedia अपने ऐप्लिकेशन में कोड की मात्रा कम करने के लिए, Popover API का इस्तेमाल करता है.

• Chrome

असुरक्षित कॉन्टेक्स्ट के लिए प्राइवेट नेटवर्क ऐक्सेस (पीएनए) को बंद करने का ट्रायल खत्म हो रहा है. पीएनए की अनुमति देने का अनुरोध लागू करें

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

• Chrome

कैप्चर किए गए टैब को स्क्रोल और ज़ूम करना

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

WebAudio: WebAudio API मेट्रिक देखें

WebAudio पैनल में WebAudio API मेट्रिक देखें

• Chrome DevTools

मेनिफ़ेस्ट - ट्रायल टोकन

Manifest.json की trial_tokens प्रॉपर्टी के लिए रेफ़रंस दस्तावेज़.

• Chrome एक्सटेंशन

Chrome 125 बीटा

सीएसएस ऐंकर पोज़िशनिंग, सीएसएस स्टेपेड फ़ंक्शन, Compute Pressure API वगैरह.

• Chrome

एचटीटीपीएस का इस्तेमाल नहीं करता है

एचटीटीपीएस से अपनी वेबसाइट को सुरक्षित रखने का तरीका जानें.

फ़ोल्ड किए जा सकने वाले एपीआई का ऑरिजिन ट्रायल

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

• Chrome

Chrome 124 में नया

Chrome 124 अब रोल आउट हो रहा है! ऐसे दो नए एपीआई हैं जो JavaScript से डिक्लेरेटिव शैडो DOM को इस्तेमाल करने की अनुमति देते हैं. स्ट्रीम का इस्तेमाल वेब सॉकेट में किया जा सकता है. व्यू ट्रांज़िशन थोड़ा और बेहतर हो गया है. इनके अलावा, और भी बहुत कुछ है. Chrome 124 में डेवलपर के लिए नया क्या है, इसके बारे में Pete LePage पर पूरी जानकारी मौजूद है.

• Chrome

मान्य Apple-टच-आइकॉन उपलब्ध नहीं कराता

iOS की होम स्क्रीन पर, आपका प्रोग्रेसिव वेब ऐप्लिकेशन कौनसा आइकॉन दिखे, यह तय करने का तरीका जानें.

थ्रॉटलिंग

थ्रॉटलिंग टैब का रेफ़रंस.

• Chrome DevTools

कस्टम स्प्लैश स्क्रीन के लिए कॉन्फ़िगर नहीं किया गया

अपने प्रोग्रेसिव वेब ऐप्लिकेशन के लिए, पसंद के मुताबिक स्प्लैश स्क्रीन बनाने का तरीका जानें.

पेज और start_url को कंट्रोल करने वाले सर्विस वर्कर को रजिस्टर नहीं करता है

ऐसे सर्विस वर्कर को रजिस्टर करने का तरीका जानें जो प्रोग्रेसिव वेब ऐप्लिकेशन की सुविधाओं के साथ काम करता हो. जैसे, ऑफ़लाइन फ़ंक्शन, पुश नोटिफ़िकेशन, और इंस्टॉल करने की सुविधा.

ऑफ़लाइन होने पर, start_url 200 कोड से जवाब नहीं देता है

अपने प्रोग्रेसिव वेब ऐप्लिकेशन के start_url को कॉन्फ़िगर करने का तरीका जानें, ताकि आपके ऐप्लिकेशन को ऑफ़लाइन ऐक्सेस किया जा सके.

हर पेज का एक यूआरएल होता है

लाइटहाउस "हर पेज का एक यूआरएल" ऑडिट होता है. इसके बारे में जानें.

JavaScript उपलब्ध न होने पर, फ़ॉलबैक कॉन्टेंट उपलब्ध नहीं कराता है

JavaScript के उपलब्ध न होने पर, उपयोगकर्ताओं को आपके वेब पेज पर कम से कम कुछ कॉन्टेंट दिखाने का तरीका जानें.

ऑटोमैटिक भरने की सुविधा: सेव किए गए पतों की जांच करें और उन्हें डीबग करें

ऑटोमैटिक भरने की सुविधा वाले पैनल की मदद से, Chrome में सेव किए गए पतों की जांच करें और उन्हें डीबग करें.

• Chrome DevTools

पेज ट्रांज़िशन से ऐसा नहीं लगता कि वे नेटवर्क पर ब्लॉक हो जाते हैं

नेटवर्क धीमा होने पर भी वेब पेजों के बीच ट्रांज़िशन करने का तरीका जानें.

यह एचटीटीपी ट्रैफ़िक को एचटीटीपीएस पर रीडायरेक्ट नहीं करता है

सभी पेजों को एचटीटीपीएस पर रीडायरेक्ट करके, अपनी साइट को ज़्यादा सुरक्षित बनाने का तरीका जानें.

पता बार के लिए थीम का रंग सेट नहीं करता

अपने प्रोग्रेसिव वेब ऐप्लिकेशन के लिए पता बार की थीम का रंग सेट करने का तरीका जानें.

Chrome एक्सटेंशन में क्या हो रहा है?

Chrome एक्सटेंशन में हाल ही में हुए बदलावों के साथ-साथ, आने वाले समय में लॉन्च होने वाली एक्सटेंशन की ऐसी शानदार सुविधाओं की खास जानकारी जो डेवलपर को मिलने वाले हैं.

• Chrome एक्सटेंशन
• Chrome

एमआईडीआई डिवाइसों को ऐक्सेस करने के लिए, अब उपयोगकर्ता की अनुमति ज़रूरी है

Chrome अब पूरे Web MIDI API को अनुमति के संकेत से सुरक्षित करता है.

• Chrome

मेनिफ़ेस्ट में ऐसा कोई आइकॉन नहीं है जिसे मास्क किया जा सके

अपने PWA में, मास्केबल आइकॉन की सुविधा जोड़ने का तरीका जानें.

यह साइट अलग-अलग ब्राउज़र पर काम करती है

यह पक्का करने के लिए कि आपका वेब पेज सभी ब्राउज़र पर काम करता है, Workbox को इस्तेमाल करने का तरीका जानें.

कॉन्टेंट का साइज़, व्यूपोर्ट के हिसाब से नहीं है

अपने वेब पेज के कॉन्टेंट के साइज़ को मोबाइल स्क्रीन पर फ़िट करने का तरीका जानें.

पेज लोड होने की स्पीड, मोबाइल नेटवर्क पर ज़रूरत के मुताबिक नहीं है

अपने वेब पेज को मोबाइल नेटवर्क पर तेज़ी से लोड करने का तरीका जानें.

ऑफ़लाइन होने पर, मौजूदा पेज 200 कोड का जवाब नहीं देता

अपने प्रोग्रेसिव वेब ऐप्लिकेशन को ऑफ़लाइन काम करने का तरीका जानें.

Chrome 124

Chrome 124, 16 अप्रैल, 2024 से लॉन्च होने वाला है. इसमें setHTMLUnsafe, WebSockets में स्ट्रीम के अलावा, और भी बहुत कुछ शामिल है.

• Chrome

वेब ऐप्लिकेशन का मेनिफ़ेस्ट, इंस्टॉल करने की ज़रूरी शर्तों को पूरा नहीं करता

अपने प्रोग्रेसिव वेब ऐप्लिकेशन को इंस्टॉल करने लायक बनाने का तरीका जानें.

ऐनिमेशन: सीएसएस ऐनिमेशन के इफ़ेक्ट की जांच करें और उनमें बदलाव करें

ऐनिमेशन पैनल की मदद से ऐनिमेशन की जांच करें और उनमें बदलाव करें.

• Chrome DevTools

कई पेज वाले ऐप्लिकेशन के लिए, क्रॉस-दस्तावेज़ व्यू में बदलाव

अपने मल्टी-पेज ऐप्लिकेशन (MPA) में इस्तेमाल के लिए, क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन का इस्तेमाल शुरू करें.

व्यू ट्रांज़िशन एपीआई के साथ आसान ट्रांज़िशन

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

मज़ेदार और दमदार: Chrome DevTools का परिचय

जानें कि DevTools आपके वेब ऐप्लिकेशन डेवलपमेंट को कैसे बेहतर बना सकता है.

• Chrome DevTools
• Chrome

Chrome Web Store Developer Dashboard में वर्शन रोलबैक

हमें इस हफ़्ते एक नई सुविधा लॉन्च करते हुए खुशी हो रही है. इसकी मदद से, डेवलपर अपने एक्सटेंशन को Chrome वेब स्टोर में, पब्लिश किए गए पिछले वर्शन पर वापस ले जा सकते हैं. हमारा मकसद, डेवलपर को अपडेट पब्लिश करते समय ज़्यादा भरोसा दिलाना है. खास तौर पर,

• Chrome
• Chrome एक्सटेंशन

CrUX गाइड

आसानी से समझ में आने वाली गाइड की मदद से, CrUX इस्तेमाल करने का तरीका जानें

• Chrome UX रिपोर्ट

WebGPU (Chrome→124) में नया क्या है

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

• Chrome
• WebGpu

BigQuery पर CrUX

जानें कि BigQuery में CrUX डेटासेट का स्ट्रक्चर कैसा है.

• Chrome UX रिपोर्ट

PageSpeed Insights पर Chrome UX रिपोर्ट का डेटा देखने का तरीका

PageSpeed Insights (PSI) वेब डेवलपर के लिए एक टूल है. इसकी मदद से, यह समझा जा सकता है कि पेज की परफ़ॉर्मेंस क्या है और इसे कैसे बेहतर बनाया जा सकता है. इस गाइड में, जानें कि CrUX से अहम जानकारी निकालने और उपयोगकर्ता अनुभव को बेहतर ढंग से समझने के लिए, पीएसआई का इस्तेमाल कैसे करें.

• Chrome UX रिपोर्ट

नेविगेशन के टाइप अब CrUX में उपलब्ध हैं

Chrome की उपयोगकर्ता अनुभव रिपोर्ट (CrUX) में नई नेविगेशन_टाइप मेट्रिक के बारे में जानें. साथ ही, यह भी जानें कि वेब परफ़ॉर्मेंस मेट्रिक की जानकारी देने और उसे ऑप्टिमाइज़ करने के लिए, इसका इस्तेमाल कैसे किया जा सकता है.

• Chrome

पक्का करें कि वेबफ़ॉन्ट लोड होने के दौरान टेक्स्ट दिखता रहे

फ़ॉन्ट-डिसप्ले एपीआई का इस्तेमाल करने का तरीका जानें, ताकि यह पक्का किया जा सके कि आपके उपयोगकर्ताओं को वेब पेज का टेक्स्ट हमेशा दिखे.

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

स्क्रोल करके ऐनिमेशन की सुविधा, अपने-आप जानकारी भरने का नया पैनल, नेटवर्क थ्रॉटलिंग में WebRTC के नए विकल्प वगैरह.

• Chrome DevTools
• Chrome

JS प्रोफ़ाइलर को अलविदा कहें और परफ़ॉर्मेंस पैनल की मदद से सीपीयू की प्रोफ़ाइल बनाएं

सीपीयू की परफ़ॉर्मेंस की प्रोफ़ाइल बनाने के तरीके के बारे में जानें. साथ ही, यह भी जानें कि हम JavaScript प्रोफ़ाइलर का इस्तेमाल क्यों और कैसे करते हैं.

• Chrome

बैक/फ़ॉरवर्ड कैश मेमोरी isNoteरिकवरीज़ एपीआई

इस बारे में जानकारी दें कि दस्तावेज़ में मौजूद फ़्रेम को, नेविगेशन के दौरान बैक-फ़ॉरवर्ड कैश मेमोरी का इस्तेमाल करने से ब्लॉक किया गया है या नहीं.

परफ़ॉर्मेंस पैनल के साथ प्रोफ़ाइल Node.js की परफ़ॉर्मेंस

परफ़ॉर्मेंस पैनल की मदद से, Node.js ऐप्लिकेशन की परफ़ॉर्मेंस को प्रोफ़ाइल करने का तरीका जानें.

• Chrome DevTools

WebAssembly JavaScript Promise इंटिग्रेशन (JSPI) में ऑरिजिन ट्रायल की शुरुआत की गई

JavaScript Promise इंटिग्रेशन (JSPI) एक ऐसा एपीआई है जो WebAssembly में इकट्ठा किए गए सिंक्रोनस सिक्वेंस कोड को एसिंक्रोनस वेब एपीआई को ऐक्सेस करने की अनुमति देता है.

• Chrome

फ़ेचLater API का ऑरिजिन ट्रायल

BringLater API के बारे में जानें—अब यह ऑरिजिन ट्रायल में है. यह एक नया एपीआई है, जो स्थगित फ़ेच का अनुरोध करने के लिए है. यह पेज बंद होने पर भी पूरा हो जाएगा.

• Chrome

नेटवर्क अनुरोध: नेटवर्क अनुरोधों को ब्लॉक करके अपनी साइट की जांच करें

यह जांच करें कि आपकी साइट गायब संसाधनों को कैसे मैनेज करती है.

• Chrome DevTools

कीबोर्ड पर फ़ोकस करने लायक स्क्रोलर

स्क्रोल करने वाले ऐसे लोगों का इस्तेमाल करने के लिए एक बदलाव रोल आउट किया जा रहा है जिनमें Tabindex की वैल्यू सेट नहीं होगी. साथ ही, इनमें बच्चों के लिए कीबोर्ड पर फ़ोकस करने की सुविधा भी नहीं होगी.

• Chrome

Chrome 124 बीटा

लिखने के सुझाव वाला एचटीएमएल एट्रिब्यूट, WebSocketStream API, प्राथमिकता वाला एचटीटीपी अनुरोध हेडर वगैरह.

• Chrome

Chrome 123 में नया

Chrome 123 अब रोल आउट किया जा रहा है! नए लाइट-डार्क फ़ंक्शन के साथ, लंबे ऐनिमेशन फ़्रेम एपीआई, सर्विस वर्कर स्टैटिक रूटिंग एपीआई के साथ-साथ और भी बहुत कुछ है. एड्रियाना जारा के पास Chrome 123 में डेवलपर के लिए नया क्या है, इस बारे में पूरी जानकारी है.

• Chrome

निजी नेटवर्क का ऐक्सेस: वेब वर्कर और नेविगेशन फ़ेच के लिए बेहतर सुरक्षा

वेब वर्कर, नेविगेशन फ़ेच, और आने वाली सुरक्षाओं के लिए Private Network Access के मुख्य सुरक्षा तरीकों के बारे में जानें. इस दस्तावेज़ में यह भी बताया गया है कि अगर वेबसाइट के मालिक निजी नेटवर्क का इस्तेमाल करते हैं, तो उन्हें क्या करना चाहिए.

• Chrome

खास पाथ के लिए सर्विस वर्कर को बायपास करने के लिए, सर्विस वर्कर स्टैटिक रूटिंग एपीआई का इस्तेमाल करें

जानें कि Chrome 123 में उपलब्ध, इस नए एपीआई को कैसे इस्तेमाल किया जा सकता है.

• Chrome

साल 2024 और उसके बाद परफ़ॉर्मेंस टूल की सुविधा

DevTools के परफ़ॉर्मेंस पैनल को बेहतर बनाने के लिए, Chrome टीम के प्लान के बारे में जानें.

• Chrome
• Chrome DevTools

एक्सटेंशन के अनुरोध और नेटवर्क पैनल में किए गए अन्य सुधार छिपाएं

Chrome DevTools नेटवर्क पैनल में नए सुधारों को देखें. इन्हें वेब डीबग करने के आपके अनुभव को आसान बनाने के लिए डिज़ाइन किया गया है.

• Chrome
• Chrome DevTools

एलिमेंट पैनल की खास जानकारी

डीओएम में तुरंत बदलाव करें.

• Chrome DevTools

सीएसएस देखना और उसमें बदलाव करना

किसी पेज के सीएसएस को देखने और बदलने के लिए, Chrome DevTools का इस्तेमाल करने का तरीका जानें.

• Chrome DevTools

सीएसएस की सुविधाओं का रेफ़रंस

Chrome DevTools में सीएसएस देखने और बदलने के नए वर्कफ़्लो खोजें.

• Chrome DevTools

ब्रेकपॉइंट की मदद से अपने कोड को रोकें

Chrome DevTools में अपने कोड को रोकने के सभी तरीकों के बारे में जानें.

• Chrome DevTools

WebGPU (Chrome→123) में नया क्या है

DP4a में पहले से मौजूद फ़ंक्शन, WGSL में कंपोज़िट को डिफ़रेंस करने के लिए, बिना पाबंदी वाले पॉइंटर पैरामीटर, सिंटैक्स शुगर वगैरह के साथ काम करते हैं.

• Chrome
• WebGpu

दूसरे इफ़ेक्ट इस्तेमाल करें: अपने-आप गहरे रंग वाली थीम चालू करें, फ़ोकस को एम्युलेट करें वगैरह

विज्ञापन फ़्रेम को हाइलाइट करें, पेज पर फ़ोकस को एम्युलेट करें, लोकल फ़ॉन्ट और इमेज फ़ॉर्मैट को बंद करें, अपने-आप लागू होने वाली गहरे रंग वाली थीम चालू करें, और देखने में आने वाली समस्याओं को एम्युलेट करें.

• Chrome DevTools

पुराने हेडलेस Chrome को chrome-headless-शेल के तौर पर डाउनलोड करें

अब उपयोगकर्ता के इस्तेमाल किए जाने वाले हर Chrome रिलीज़ के लिए, पुराने हेडलेस Chrome को स्टैंडअलोन बाइनरी के तौर पर डाउनलोड किया जा सकता है.

• Chrome

शेयर किए गए डिक्शनरी की मदद से, कंप्रेस करने की क्षमता को बेहतर बनाएं

शेयर किए गए शब्दकोश के कंप्रेशन से वेब पर कंप्रेस करने को बहुत बढ़ावा मिल रहा है. जानें कि वे क्या हैं और वे कैसे काम करते हैं. साथ ही, जानें कि इनकी मदद से, वेब पर स्टैटिक और डाइनैमिक, दोनों तरह के संसाधनों के लिए स्टैंडर्ड कंप्रेशन की तुलना में, लोड होने में लगने वाले समय को काफ़ी हद तक कम कैसे किया जा सकता है.

• Chrome

ऐप्लिकेशन पैनल की खास जानकारी

सीधे ब्राउज़र से अपने वेब ऐप्लिकेशन के बारे में ज़रूरी जानकारी पाएं.

• Chrome DevTools

इंटरफ़ेस को अंतरराष्ट्रीय बनाएं

अपने इंटरफ़ेस को एक से ज़्यादा भाषाओं में रेंडर करने के लिए, chrome.i18n API का इस्तेमाल करें.

• Chrome एक्सटेंशन

अपने एक्सटेंशन को ऐक्सेस करने लायक बनाएं

कई उपयोगकर्ताओं के लिए, सुलभता यूज़र इंटरफ़ेस ही है और इसकी सुविधाएं कई लोगों के लिए काम की हैं.

• Chrome एक्सटेंशन

अनुमान लगाने के नियम वाले एपीआई में सुधार

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

• Chrome

नया खास जानकारी

Chrome DevTools की नई सुविधाओं के बारे में जानें

• Chrome DevTools

Chrome एक्सटेंशन: सर्विस वर्कर के निलंबन की जांच करने का सफ़र

इस पोस्ट में, आईओ टीम ने एक्सटेंशन सर्विस वर्कर की टेस्टिंग की समस्या पर अपना सफ़र शेयर किया है. खास तौर पर, यह पक्का कैसे करें कि सर्विस वर्कर के निलंबित होने पर उनके Chrome एक्सटेंशन ठीक से काम करें.

• Chrome
• Chrome एक्सटेंशन

DevTools (Chrome 123) में नया क्या है

एक ईस्टर एग, एलिमेंट > स्टाइल, नया लाइटहाउस ऑडिट वगैरह में फ़ोकस किया गया पेज एम्युलेशन.

• Chrome DevTools
• Chrome

तीसरे पक्ष की लाइब्रेरी को मैनेज करने के लिए Next.js पैकेज

तीसरे पक्ष के लोकप्रिय संसाधनों की लोडिंग को ऑप्टिमाइज़ करने के लिए, @next/third-partys लाइब्रेरी का इस्तेमाल करने का तरीका जानें

• Chrome

Chrome 123 बीटा

CSS Light-dark() रंग फ़ंक्शन, ब्लॉक के लिए सामग्री को अलाइन करें, फ़ील्ड का साइज़ करने वाली प्रॉपर्टी, और pagereveal इवेंट.

• Chrome

ब्लॉक और टेबल लेआउट में कॉन्टेंट अलाइन करने के लिए सहायता

कोई फ़्लेक्सिबल या ग्रिड कंटेनर बनाए बिना आइटम को अलाइन करने के लिए, Chrome 123 में अलाइन-कॉन्टेंट का इस्तेमाल करें.

• Chrome

कीबोर्ड शॉर्टकट

Chrome DevTools के कीबोर्ड शॉर्टकट के लिए कैननिकल दस्तावेज़.

• Chrome DevTools

Chrome 122 में नया

Chrome 122 अब रोल आउट किया जा रहा है! नए Storage बकेट एपीआई के साथ, DevTools परफ़ॉर्मेंस पैनल अपडेट होता है. साथ ही, Async Clipboard API से एचटीएमएल पढ़ने के लिए, सैनिटाइज़ नहीं किया गया विकल्प होता है. साथ ही, और भी बहुत कुछ है. एड्रियाना जारा के पास Chrome 122 में डेवलपर के लिए नया क्या है, इस बारे में पूरी जानकारी है.

• Chrome

डिवाइस मोड की मदद से, मोबाइल डिवाइसों को सिम्युलेट करें

मोबाइल-फ़र्स्ट वेबसाइटें बनाने के लिए Chrome के डिवाइस मोड में वर्चुअल डिवाइस का इस्तेमाल करें.

• Chrome DevTools

सीएसएस ::बैकड्रॉप इनहेरिटेंस में बदलाव

Chrome 122 के बाद से `::backdrop` एलिमेंट अपने मूल एलिमेंट से प्रॉपर्टी इनहेरिट करता है.

• Chrome

एक्सटेंशन आइकॉन कॉन्फ़िगर करें

किसी एक्सटेंशन को टूलबार में दिखाने के लिए, कम से कम एक आइकॉन होना ज़रूरी है.

• Chrome एक्सटेंशन

परफ़ॉर्मेंस पैनल की मदद से, परफ़ॉर्मेंस पैनल 400% ज़्यादा तेज़

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

• Chrome

Chrome Extensions

अभी तय नहीं है

• Chrome एक्सटेंशन

WebHID का इस्तेमाल करें

ह्यूमन इंटरफ़ेस डिवाइस (एचआईडी) के साथ काम करने वाले डिवाइसों को वेब पर उपलब्ध कराने वाला WebHID एपीआई, एक्सटेंशन में उपलब्ध है.

• Chrome एक्सटेंशन

WebUSB का इस्तेमाल करना

WebUSB API, जो नॉन-स्टैंडर्ड यूनिवर्सल सीरियल बस (यूएसबी) के साथ काम करने वाले डिवाइसों को वेब पर दिखाता है वह एक्सटेंशन में उपलब्ध होता है.

• Chrome एक्सटेंशन

मेनिफ़ेस्ट V3 पर माइग्रेट करें

मेनिफ़ेस्ट V2 एक्सटेंशन को, मेनिफ़ेस्ट V3 एक्सटेंशन में बदलने के लिए गाइड.

• Chrome एक्सटेंशन

मेनिफ़ेस्ट - कॉन्टेंट की सुरक्षा के बारे में नीति

Manifest.json की कॉन्टेंट की सुरक्षा नीति की प्रॉपर्टी के लिए रेफ़रंस दस्तावेज़.

• Chrome एक्सटेंशन

WebGPU (Chrome→122) में नया क्या है

डेवलपमेंट में कंपैटिबिलिटी मोड, maxVertexAttributes की सीमा बढ़ाएं, और डॉन अपडेट.

• Chrome
• WebGpu

हीप स्नैपशॉट रिकॉर्ड करें

हीप प्रोफ़ाइलर की मदद से हीप स्नैपशॉट रिकॉर्ड करने और मेमोरी लीक ढूंढने का तरीका जानें.

• Chrome DevTools

सीएसएस के फ़ील्ड का साइज़ बदलना

बदलाव करने लायक कॉन्टेंट वाले एलिमेंट के अपने-आप साइज़ बदलने के लिए, कोड की एक लाइन.

chrome.runtime

chrome.runtime एपीआई का इस्तेमाल करके, सेवा वर्कर को वापस लाएं, मेनिफ़ेस्ट की जानकारी दिखाएं, और एक्सटेंशन के लाइफ़साइकल में होने वाले इवेंट को सुनें और उनका जवाब दें. इस एपीआई का इस्तेमाल, यूआरएल के रिलेटिव पाथ को फ़ुल्ली-क्वालिफ़ाइड यूआरएल में

• Chrome एक्सटेंशन

अनुमतियों का एलान करना

Manifest.json में मौजूद अनुमति प्रॉपर्टी के लिए मान्य वैल्यू की खास जानकारी.

• Chrome एक्सटेंशन

वेब पुश का इस्तेमाल करें

Chrome एक्सटेंशन के साथ वेब पुश को इस्तेमाल करने के तरीके के बारे में सिलसिलेवार निर्देश

• Chrome एक्सटेंशन

अनुमति से जुड़ी चेतावनी के बारे में दिशा-निर्देश

Chrome एक्सटेंशन में अनुमति से जुड़ी चेतावनियां कैसे काम करती हैं.

• Chrome एक्सटेंशन

एडिटकॉन्टेक्स्ट एपीआई का इस्तेमाल करके, वेब में अपनी पसंद के मुताबिक बदलाव करने के अनुभव को बेहतर बनाने के लिए, पेश है नया तरीका

EditorContext एक नया एपीआई है, जिसे Chrome और Edge में लॉन्च किया जा रहा है. इसकी मदद से डेवलपर, ब्राउज़र में टेक्स्ट में बदलाव करने की बेहतर सुविधाएं बना सकते हैं. इस पोस्ट में इसके बारे में ज़्यादा जानें!

• Chrome

DevTools में नया क्या है (Chrome 122)

नेटवर्क और ऐप्लिकेशन पैनल में तीसरे पक्ष की कुकी के फ़ेज़आउट की चेतावनियां, नेटवर्क पैनल में बेहतर डीबगिंग, परफ़ॉर्मेंस पैनल में ब्रेडक्रंब वगैरह.

• Chrome
• Chrome DevTools

DevTools के बारे में सलाह: तेज़ी से पेज लोड होने के लिए, अनुमान वाले नेविगेशन को डीबग करना

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

• Chrome DevTools
• Chrome

निर्देशों का जवाब दें

किसी एक्सटेंशन में कस्टम कुंजी के कॉम्बिनेशन का जवाब देना.

• Chrome एक्सटेंशन

डेस्कटॉप Chrome पर SharedArrayBuffer के बंद होने के ट्रायल की अवधि बढ़ाकर, Chrome 124 कर दिया गया है

Chrome डेस्कटॉप पर, क्रॉस-ऑरिजिन आइसोलेशन के बिना SharedArrayBuffer का इस्तेमाल बंद करने की सुविधा, Chrome 124 तक बढ़ा दी गई है.

• Chrome

रिकॉर्डर को एक्सटेंशन की मदद से, पसंद के मुताबिक बनाएं

एक्सटेंशन इंस्टॉल करके, रिकॉर्डर ऐप्लिकेशन को अपनी पसंद के मुताबिक बनाएं और इंटिग्रेट करें.

• Chrome DevTools

Chrome 122 बीटा

Chrome 122 बीटा में इटरेटर हेल्पर, तरीके सेट करने, स्टोरेज बकेट एपीआई जैसी सुविधाएं मिलती हैं. साथ ही, इसमें Async Clipboard API में बिना सैनिटाइज़ किया हुआ एचटीएमएल पढ़ने जैसी कई सुविधाएं मिलती हैं.

• Chrome

Chrome 121 में नया

Chrome 121 अब रोल आउट हो रहा है! सीएसएस अपडेट के साथ, Expulation Rules API में सुधार किए गए, Element Capture API के लिए ऑरिजिन ट्रायल के साथ-साथ और भी बहुत कुछ. एड्रियाना जारा के पास Chrome 121 में डेवलपर के लिए नया क्या है, इस बारे में पूरी जानकारी है.

• Chrome

Chrome एक्सटेंशन में क्या हो रहा है?

Chrome एक्सटेंशन में हाल ही में हुए बदलावों के साथ-साथ, आने वाले समय में लॉन्च होने वाली एक्सटेंशन की ऐसी शानदार सुविधाओं की खास जानकारी जो डेवलपर को मिलने वाले हैं.

• Chrome एक्सटेंशन
• Chrome

खोज वाली पट्टी से कार्रवाइयां ट्रिगर करें

खोज वाली पट्टी से कार्रवाइयां ट्रिगर करें.

• Chrome एक्सटेंशन

WebGPU (Chrome→121) में नया क्या है

यह Android पर WebGPU की सुविधा देता है. शेडर कंपाइलेशन के लिए DXC का इस्तेमाल करता है, कंप्यूट और रेंडर पास में टाइमस्टैंप क्वेरी करता है, शेडर मॉड्यूल के लिए डिफ़ॉल्ट एंट्री पॉइंट, जीपीयूएक्सटर्नल टेक्सचर कलर स्पेस के तौर पर डिसप्ले-p3 के साथ काम करता है, मेमोरी हीप की जानकारी वगैरह.

• Chrome
• WebGpu

ऐंगुलर एसएसआर की मदद से, डीओएम को सुरक्षित तरीके से ऐक्सेस करना

Angular में, एसएसआर के साथ DOM को सुरक्षित तरीके से इस्तेमाल करने का तरीका जानें

• Chrome

Puppeteer की मदद से वेब ब्लूटूथ की जांच करना

Chrome में Web Bluetooth API का इस्तेमाल करने वाली सुविधाओं की जांच करने के लिए, Puppeteer का इस्तेमाल करें.

• Chrome

स्क्रोलबार स्टाइल

स्क्रोलबार को स्टाइल करने के लिए, `scrollbar-width` और `scrollbar-color` प्रॉपर्टी का इस्तेमाल करना है.

Google Colab में वेब एआई (AI) मॉडल की टेस्टिंग

स्टैंडर्ड हार्डवेयर सेटअप में क्लाइंट-साइड और ब्राउज़र पर आधारित एआई (AI) मॉडल को टेस्ट करने का तरीका जानें. साथ ही, स्केलेबल और अपने-आप काम करने वाले मॉडल का इस्तेमाल कैसे किया जा सकता है.

• WebGpu

WebGPU, WebGL, और बिना ग्राफ़िक यूज़र इंटरफ़ेस वाले Chrome के वेब एआई (AI) मॉडल की टेस्टिंग को सुपरचार्ज करें

ब्राउज़र की टेस्टिंग को ऑटोमेट करने और ऐप्लिकेशन की परफ़ॉर्मेंस को बेहतर बनाने के लिए, हमारे समाधान देखें.

• Chrome
• WebGpu

chrome.gcm के साथ Firebase क्लाउड से मैसेज (FCM) का इस्तेमाल करें

chrome.gcm के साथ Firebase मैसेज सेवा इस्तेमाल करने के तरीके के बारे में सिलसिलेवार निर्देश

• Chrome एक्सटेंशन

कोई कार्रवाई लागू करें

टूलबार पर क्लिक करने वाले उपयोगकर्ता को जवाब देना.

• Chrome एक्सटेंशन

फ़ॉर्म कंट्रोल एलिमेंट के लिए, सीएसएस वर्टिकल राइटिंग मोड

Chrome में एक और नई अंतरराष्ट्रीय सीएसएस सुविधा जोड़ी गई है.

• Chrome

File System Access API के लिए स्थायी अनुमतियां

इस पोस्ट में बताया गया है कि File System Access API के लिए, स्थायी अनुमतियों को कैसे मैनेज किया जा सकता है. इसमें समस्या की मौजूदा स्थिति और हल की जा रही चुनौतियों का रीकैप दिया गया है.

• Chrome

DevTools से जुड़ी सलाह: रंग लिखने के बारे में जानकारी

कुछ ही क्लिक में रंगों को लिखने का तरीका जानें.

• Chrome DevTools
• Chrome

कलर पिकर की मदद से, एचडी और नॉन-एचडी कलर की जांच करें और उन्हें डीबग करें

एचडी और बिना एचडी वाले रंगों की जांच करने और उन्हें डीबग करने की स्टाइल वाले एलिमेंट में कलर पिकर इस्तेमाल करने का तरीका जानें.

• Chrome DevTools

DevTools से जुड़ी सलाह: डेटा फ़ेच करने की प्राथमिकता को डीबग करने के बारे में

फ़ेच करने की प्राथमिकता को डीबग करने का तरीका जानें.

• Chrome DevTools
• Chrome

CSS text-wrap: balance

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

वेब ऐप्लिकेशन स्कोप एक्सटेंशन

Chrome 122 से,Scope_extensions ऐप्लिकेशन मेनिफ़ेस्ट के ऑरिजिन ट्रायल की सदस्यता ली जा सकती है. इससे, एक से ज़्यादा सबडोमेन और टॉप लेवल डोमेन को कंट्रोल करने वाली साइटों को, एक वेब ऐप्लिकेशन के तौर पर दिखाया जा सकता है.

WebDriver BiDi की क्षमता का इस्तेमाल करें: Puppeteer के साथ Chrome और Firefox ऑटोमेशन

Puppeteer अब Firefox से बात करता है! 🎉 लेकिन रुको, है न? 🤔 आइए Puppeteer के नए प्रोटोकॉल WebDriver BiDi के बारे में जानें और जानें कि Firefox के ऑटोमेशन वर्कफ़्लो के लिए, इस रोमांचक डेवलपमेंट का क्या मतलब है.

• Chrome

संदर्भ मेन्यू बनाना

एक पॉप-अप लागू करें. यह एक ऐसी विंडो है जिससे उपयोगकर्ता, एक्सटेंशन की सुविधाओं को शुरू कर सकते हैं.

• Chrome एक्सटेंशन

रिमोट होस्ट किए गए कोड से जुड़े उल्लंघनों से निपटें

सर्विस वर्कर, एक्सटेंशन को ज़रूरत होने पर ही चलाने की सुविधा देता है. इससे, संसाधन सेव होते हैं.

• Chrome एक्सटेंशन

मॉडर्न फ़्रेमवर्क, नई आईएनपी मेट्रिक पर कैसा परफ़ॉर्म करते हैं

इस पोस्ट में बताया गया है कि फ़्रेमवर्क पर आधारित वेबसाइटों के लिए नई आईएनपी मेट्रिक कितने काम की है. साथ ही, इस मेट्रिक को ऑप्टिमाइज़ करने में फ़्रेमवर्क की मदद करने के लिए किए गए ऑरोरा के काम के बारे में भी बताया गया है.

पॉप-अप जोड़ें

एक पॉप-अप लागू करें. यह एक ऐसी विंडो है जिससे उपयोगकर्ता, एक्सटेंशन की सुविधाओं को शुरू कर सकते हैं.

• Chrome एक्सटेंशन

Chrome के साथ Android इंटेंट

Android इंटेंट की मदद से, सीधे वेब पेज से ऐप्लिकेशन लॉन्च करें.

Android पर Google Chrome

Android पर Chrome में उपलब्ध डेवलपर सुविधाओं की पूरी सूची के लिए, chromestatus.com पर जाएं. Play Store पर Chrome डाउनलोड करें. जब कोई उपयोगकर्ता किसी एक डिवाइस पर Chrome में साइन इन करता है, तो उस सेशन के टैब और ब्राउज़िंग इतिहास को तब ही ऐक्सेस किया

खास अकॉर्डियन

एक जैसे `नाम` वाले कई `` एलिमेंट के साथ एक खास अकॉर्डियन बनाएं.

Chrome, प्रीमियम टैबलेट पर डिफ़ॉल्ट रूप से डेस्कटॉप मोड को चालू करता है

Chrome ने प्रीमियम टैबलेट पर डिफ़ॉल्ट रूप से डेस्कटॉप मोड चालू करके, Android टैबलेट नेटवर्क के हिसाब से काम किया है.

• Chrome

DevTools (Chrome 121) में नया क्या है

@font-palette-values एलिमेंट में सहायता, बेहतर सोर्स मैप सपोर्ट, बेहतर परफ़ॉर्मेंस > इंटरैक्शन ट्रैक वगैरह.

• Chrome
• Chrome DevTools

WebGPU (Chrome→120) में नया क्या है

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

• Chrome
• WebGpu

'रीजन कैप्चर' की मदद से बेहतर टैब शेयर करना

इस वेब प्लैटफ़ॉर्म पर अब Region कैप्चर की सुविधा उपलब्ध है. यह वीडियो ट्रैक को काटने का बेहतर और बेहतर तरीका है.

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

WebGPU में हुए नए बदलावों के बारे में अप-टू-डेट रहें.

• WebGpu

सीएसएस रैप किया गया: 2023!

साल 2023, सीएसएस के लिए शानदार रहा! जानें कि इस साल Chrome और वेब प्लैटफ़ॉर्म पर क्या नया है.

• Chrome

कुकी देखना, जोड़ना, उनमें बदलाव करना, और उन्हें मिटाना

Chrome DevTools का इस्तेमाल करके किसी पेज की एचटीटीपी कुकी को देखने, जोड़ने, मिटाने, और उसमें बदलाव करने का तरीका जानें.

• Chrome DevTools

पोर्ट फ़ॉरवर्डिंग की मदद से लोकल सर्वर और Chrome इंस्टेंस ऐक्सेस करें

डेवलपमेंट मशीन के वेब सर्वर पर किसी साइट को होस्ट करें और फिर किसी Android डिवाइस का इस्तेमाल करके कॉन्टेंट ऐक्सेस करें.

• Chrome DevTools

DevTools सलाह: बैक-फ़ॉरवर्ड कैश मेमोरी को डीबग करना

bfcache को डीबग करने और अपने पेज को तुरंत लोड करने के बारे में जानें.

• Chrome
• Chrome DevTools

फ़्रेम की जानकारी देखें

फ़्रेम की जानकारी देखें.

• Chrome DevTools

Chrome इंस्टॉल करने से जुड़ी ज़रूरी शर्तों पर फिर से ध्यान देना

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

• Chrome

DevTools के बारे में सलाह: DOM क्या है? एचटीएमएल बनाम DOM

DevTools की मदद से, DOM को डीबग करने का तरीका जानें.

• Chrome
• Chrome DevTools

निजी नेटवर्क ऐक्सेस की अनुमति के अनुरोध का ऑरिजिन ट्रायल: वेबसाइटों को एचटीटीपीएस पर माइग्रेट करने का पाथ

Google Chrome, प्राइवेट नेटवर्क ऐक्सेस (पीएनए) स्पेसिफ़िकेशन के तहत, असुरक्षित सार्वजनिक वेबसाइटों से प्राइवेट नेटवर्क एंडपॉइंट के ऐक्सेस को बंद कर रहा है.

• Chrome

Chrome DevTools, अपने-आप होने वाले XSS के हमलों से बचने में किस तरह मदद करता है

जानें कि Chrome DevTools, DevTools के अनुभव न होने वाले उपयोगकर्ताओं के लिए कोड चिपकाने की सुविधा को ब्लॉक करके, सेल्फ़-XSS हमलों को कैसे कम करता है.

• Chrome DevTools
• Chrome

Chrome 120 में नया

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

• Chrome

पेश है सीएसएस की चार नई अंतरराष्ट्रीय सुविधाएं

Chrome में चार नई अंतरराष्ट्रीय सीएसएस सुविधाएं जोड़ी जा रही हैं.

• Chrome

पेज लाइफ़साइकल एपीआई

Page Lifecycle API की मदद से, मोबाइल ऑपरेटिंग सिस्टम में आम तौर पर इस्तेमाल होने वाली ऐप्लिकेशन की लाइफ़साइकल सुविधाओं को वेब पर उपलब्ध कराया जाता है. संसाधनों को बचाने के लिए, ब्राउज़र अब बैकग्राउंड में चलने वाले पेजों को सुरक्षित तरीके से फ़्रीज़ और खारिज कर सकते हैं. साथ ही, डेवलपर, उपयोगकर्ता अनुभव पर असर डाले बिना ऐसी गतिविधियों को सुरक्षित तरीके से मैनेज कर सकते हैं.

Async Clipboard API में सैनिटाइज़ नहीं किया गया एचटीएमएल

Chrome 120 से, Async Clipboard API में एक नया बिना सैनिटाइज़ विकल्प उपलब्ध है. इस गाइड में इसे इस्तेमाल करने का तरीका जानें.

सूची को अनदेखा करें

'सूची' टैब के रेफ़रंस को अनदेखा करें.

• Chrome DevTools

मेनिफ़ेस्ट V3 पर ट्रांज़िशन फिर से शुरू किया जा रहा है

पिछले साल दिसंबर में, हमने मेनिफ़ेस्ट V2 के इस्तेमाल को बंद करने की योजना को रोक दिया था. ऐसा, डेवलपर के सुझावों को ध्यान में रखते हुए और माइग्रेशन से जुड़ी समस्याओं को हल करने के लिए किया गया था. इस सुझाव के आधार पर, हमने मेनिफ़ेस्ट V3 में कई बदलाव

• Chrome एक्सटेंशन
• Chrome

वीडियो कॉन्फ़्रेंसिंग के वेब ऐप्लिकेशन के लिए, अपने-आप 'पिक्चर में पिक्चर' मोड में जाने की सुविधा

Chrome, वीडियो कॉन्फ़्रेंसिंग के वेब ऐप्लिकेशन को अपने-आप 'पिक्चर में पिक्चर' मोड में जाने की अनुमति देता है.

• Chrome

मेनिफ़ेस्ट V3 में कॉन्टेंट को फ़िल्टर करने की सुविधा को बेहतर बनाना

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

• Chrome एक्सटेंशन
• Chrome

Angular NgOptimizedImage डायरेक्टिव में नया क्या है

Angular NgOptimizedImage डायरेक्टिव में शामिल नई सुविधाओं के बारे में जानें. ये सुविधाएं, Angular ऐप्लिकेशन में इमेज की परफ़ॉर्मेंस को और बेहतर बनाती हैं.

• Chrome

सर्विस वर्कर स्टैटिक रूटिंग एपीआई ऑरिजिन ट्रायल

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

• Chrome

WebGPU नेटवर्क को कैप्चर करना

जानें कि WebGPU ईकोसिस्टम, JavaScript, C++, और रस्ट साम्राज्य से आगे कैसे फैला है.

• Chrome
• WebGpu

DevTools (Chrome 120) में नया क्या है

समस्याएं पैनल में तीसरे पक्ष की कुकी के चरण रद्द करने से जुड़ी समस्याएं, कुकी के लिए प्राइवसी सैंडबॉक्स विश्लेषण टूल, ऐप्लिकेशन पैनल में कॉन्टेंट की सुरक्षा नीति लागू की गई, ऐनिमेशन को डीबग करने से जुड़ी बेहतर सुविधाएं, अनदेखा करने की बेहतर सुविधा वाली सूची वगैरह.

• Chrome
• Chrome DevTools

सीएसएस नेस्टिंग आसान सिंटैक्स अपडेट

Chrome 120 में लुकअहेड नेस्टिंग चालू की गई.

• Chrome

IndexedDB में, डेटा को सेव रखने के डिफ़ॉल्ट मोड में बदलाव

Chrome 121 से, IndexedDB में डेटा के सेव रहने की अवधि का मोड, सख्त से ढीला हो रहा है.

• Chrome

एक्सटेंशन के लिए Chrome 120 में नया क्या है

Chrome एक्सटेंशन डेवलपर के लिए, Chrome 120 में हुए अहम बदलावों की खास जानकारी.

• Chrome
• Chrome एक्सटेंशन

file_handlers

Manifest.json की file_managers प्रॉपर्टी के लिए रेफ़रंस दस्तावेज़.

• Chrome एक्सटेंशन

Chrome 120 बीटा

सीएसएस मास्किंग, सीएसएस नेस्टिंग के लिए आसान नियम, एलिमेंट के साथ अकॉर्डियन पैटर्न बनाएं, Media Session API के लिए enterpictureinpicture कार्रवाई.

• Chrome

Chrome OS पर फ़ाइल मैनेज करने की सुविधा

Chrome एक्सटेंशन सर्विस वर्कर, पॉप-अप, साइड पैनल या कॉन्टेंट स्क्रिप्ट में फ़ाइलें खोलने का तरीका.

• Chrome एक्सटेंशन

Chrome 119 में नया

Chrome 119 अब रोल आउट हो रहा है! खत्म होने की तारीख में अपडेट के साथ, स्टोरेज में पहले से मौजूद कुकी की ऊपरी सीमा भी तय की गई है. सीएसएस में नई सूडो क्लास, रिलेटिव कलर सिंटैक्स, और फ़ेंस किए गए फ़्रेम में सुधार किए गए हैं. जैसे, विज्ञापन साइज़ मैक्रो के साथ-साथ और भी बहुत कुछ.

• Chrome

WebAssembly गार्बेज कलेक्शन (WasmGC) को अब Chrome में डिफ़ॉल्ट रूप से चालू कर दिया गया है

प्रोग्रामिंग लैंग्वेज दो तरह की होती हैं: ग़ैर-ज़रूरी डेटा को इकट्ठा करने वाली प्रोग्रामिंग लैंग्वेज और ऐसी प्रोग्रामिंग लैंग्वेज जिनके लिए मैन्युअल मेमोरी मैनेजमेंट की ज़रूरत होती है. WebAssembly Garbage Collection की मदद से, इकट्ठा की गई उन भाषाओं को WebAssembly में पोर्ट किया जा सकता है जिन्हें इकट्ठा किया जाता है.

• Chrome

सीएसएस prefers-reduced-transparency

उन उपयोगकर्ताओं के लिए ऑप्टिमाइज़ और एडजस्ट करें जो ओपेक यूज़र इंटरफ़ेस (यूआई) को पसंद करते हैं.

• Chrome

WebGPU (Chrome 119) में नया क्या है

फ़िल्टर किए जा सकने वाले 32-बिट फ़्लोट टेक्स्चर, अनorm10-10-10-2 वर्टेक्स फ़ॉर्मैट, आरजीबी10a2uint टेक्सचर फ़ॉर्मैट वगैरह.

• Chrome
• WebGpu

एलिमेंट चुनें: अब हॉरिज़ॉन्टल रूल के साथ

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

• Chrome

सीएसएस टेक्स्ट-रैप: सुंदर

तेज़ी से खूबसूरती बढ़ाने के लिए, ऑप्टिमाइज़ किए गए टेक्स्ट रैपिंग के लिए ऑप्ट-इन करें.

• Chrome

Chrome एक्सटेंशन में क्या हो रहा है?

Chrome एक्सटेंशन में हाल ही में हुए बदलावों के साथ-साथ, आने वाले समय में लॉन्च होने वाली एक्सटेंशन की ऐसी शानदार सुविधाओं की खास जानकारी जो डेवलपर को मिलने वाले हैं.

• Chrome
• Chrome एक्सटेंशन

Chromium से जुड़ी समस्याओं को ट्रैक करने वाले टूल का माइग्रेशन

Chromium की समस्या को ट्रैक करने की सुविधा, जनवरी 2024 से Google की समस्या को ट्रैक करने वाले टूल पर माइग्रेट हो रही है.

• Chrome

Sanitizer API का इस्तेमाल नहीं किया जा सकता

आने वाले समय में लॉन्च की जाने वाली खास जानकारी में होने वाले अपडेट को ध्यान में रखते हुए, Chrome 119 से मौजूदा Sanitizer एपीआई को लागू करने पर रोक लगा दी गई है.

• Chrome

वेब पर ब्लूटूथ के ज़रिए सीरियल नंबर

Web Serial API में, ब्लूटूथ RFCOMM सेवाओं के साथ काम करने की सुविधा जोड़ी गई.

• Chrome

Puppeteer की मदद से Chrome एक्सटेंशन की जांच करना

Puppeteer का इस्तेमाल करके, Chrome एक्सटेंशन के लिए ऑटोमेटेड टेस्ट लिखने का तरीका.

• Chrome एक्सटेंशन

Chrome एक्सटेंशन के लिए एंड-टू-एंड टेस्टिंग

एक्सटेंशन के लिए शुरू से अंत तक के टेस्ट लिखने का तरीका.

• Chrome एक्सटेंशन

यूनिट टेस्टिंग Chrome एक्सटेंशन

एक्सटेंशन के लिए यूनिट टेस्ट लिखने का तरीका.

• Chrome एक्सटेंशन

सीएसएस रिलेटिव कलर सिंटैक्स

किसी अन्य रंग के चैनल और वैल्यू के आधार पर नए रंग बनाएं.

• Chrome

एक्सटेंशन बग की शिकायत करें

दस्तावेज़ से जुड़ी समस्याओं या एक्सटेंशन की गड़बड़ियों की शिकायत करने का तरीका.

• Chrome एक्सटेंशन

गड़बड़ी ढूंढना और उसे फ़ॉलो करना

देखें कि किसी गड़बड़ी या सुविधा के अनुरोध की पहले ही शिकायत की जा चुकी है या नहीं.

• Chrome एक्सटेंशन

Chrome 118 में नया

Chrome 118 अब रोल आउट किया जा रहा है! @scope सीएसएस नियम की मदद से किसी कॉम्पोनेंट में खास स्टाइल का एलान करें. नई मीडिया सुविधा का इस्तेमाल करें: prefers-reduced-transparency. DevTools में सोर्स पैनल में कई सुधार किए गए हैं. साथ ही, इसमें और भी बहुत कुछ है.

• Chrome

DevTools (Chrome 119) में नया क्या है

स्टाइल में @property सेक्शन को बेहतर बनाया गया, डिवाइसों की अपडेट की गई सूची, सोर्स में सुंदर प्रिंटिंग, और कंसोल में अपने-आप पूरा होने की सुविधा.

• Chrome DevTools
• Chrome

ब्राउज़र में फ़ाइलों के साथ काम करने के लिए API सुधार

FileSystemSyncAccessHandle के लिए, कई रीडर और राइटर के साथ-साथ FileSystemWritableFileStream के लिए, एक्सक्लूज़िव राइटर की सुविधा. ऑरिजिन प्राइवेट फ़ाइल सिस्टम (जिसे कभी-कभी बकेट फ़ाइल सिस्टम भी कहा जाता है) की मदद से, डेवलपर ऐसी फ़ाइलों को ऐक्सेस कर

• Chrome

फ़ुलस्क्रीन पॉप-अप विंडो के लिए, नया ऑरिजिन ट्रायल

अब सिर्फ़ एक चरण से, पॉप-अप विंडो को फ़ुलस्क्रीन मोड में खोलने के लिए, एक नया ऑरिजिन ट्रायल उपलब्ध है.

• Chrome

Chrome 119 बीटा वर्शन

Chrome 119 के बीटा वर्शन में आपको सीएसएस के रिलेटिव कलर सिंटैक्स, नई सूडो क्लास के अलावा और भी बहुत कुछ मिलता है.

• Chrome

सीएसएस @scope एट-रूल की मदद से, अपने सिलेक्टर की पहुंच सीमित करें

अपने DOM के सीमित सबट्री में ही एलिमेंट चुनने के लिए, @scope का इस्तेमाल करने का तरीका जानें.

DevTools के बारे में सलाह: Chrome एक्सटेंशन को डीबग करना

Chrome एक्सटेंशन को डीबग करने के लिए, DevTools इस्तेमाल करने का तरीका जानें.

• Chrome DevTools
• Chrome
• Chrome एक्सटेंशन

Chrome अब macOS पर iCloud Keychain पर पासकी काम करता है

macOS पर Chrome ने iCloud Keychain पर पासकी की सुविधा देना शुरू कर दिया है. इससे उपयोगकर्ता, iCloud Keychain पर पासकी बना सकते हैं और उन्हें Apple के सभी डिवाइसों पर सिंक कर सकते हैं.

• Chrome

WebGPU (Chrome 118) में नया क्या है

कॉपी एक्सटर्नल इमेज टू टेक्सचर के लिए एक्सटेंडेट सोर्स सपोर्ट, पढ़ने-लिखने के लिए एक्सपेरिमेंटल सपोर्ट, और रीड-ओनली स्टोरेज टेक्सचर के साथ-साथ और भी बहुत कुछ.

• Chrome
• WebGpu

व्यू ट्रांज़िशन की मदद से, आसानी से नेविगेट करना

CyberAgent, RedBus, Nykaa, और PolicyBazaar ने व्यू ट्रांज़िशन को कैसे और क्यों लागू किया, इस बारे में पूरी जानकारी.

• Chrome

हम डेवलपर के लिए Chrome हैं

Chrome की 15वीं सालगिरह और डेवलपर के लिए एक भरोसेमंद और मददगार पार्टनर के तौर पर हमारी भूमिका का जश्न.

• Chrome

WebGL से WebGPU तक

WebGPU पर माइग्रेट करने वाले WebGL डेवलपर के लिए कुछ सलाह पाएं.

• Chrome

DevTools (Chrome 118) में नया क्या है

एलिमेंट में कस्टम प्रॉपर्टी के लिए नया सेक्शन; स्टाइल, बदलाव से जुड़े ज़्यादा स्थानीय बदलाव, बेहतर खोज, सोर्स में व्यवस्थित फ़ाइल फ़ोल्डर वगैरह.

• Chrome
• Chrome DevTools

Chrome 118 का बीटा वर्शन

सीएसएस के लिए स्कोप की गई स्टाइल, मीडिया से जुड़ी दूसरी सुविधाएं, कीबोर्ड पर फ़ोकस करने लायक स्क्रोल कंटेनर वगैरह.

• Chrome

Chrome 117 में नया

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

• Chrome

Chrome ऐप्स से ट्रांज़िशन

Chrome के पैकेज किए गए या होस्ट किए गए ऐप्लिकेशन को माइग्रेट करने का तरीका.

WebGPU (Chrome 117) में नया क्या है

वर्टेक्स बफ़र और ग्रुप को अनसेट करें, खोए हुए डिवाइस को सही तरीके से काम करने के लिए दिखाएं वगैरह.

• Chrome
• WebGpu

अपना एक्सटेंशन पब्लिश करें

नया मेनिफ़ेस्ट V3 एक्सटेंशन पब्लिश करने के बारे में दिशा-निर्देश

• Chrome एक्सटेंशन

Google समर ऑफ़ कोड और Chrome एक्सटेंशन

Google गर्मियों के कोड में भाग लेने का अनुभव और सलाह.

• Chrome एक्सटेंशन
• Chrome

DevTools के बारे में सलाह: स्निपेट और लाइव एक्सप्रेशन

अक्सर इस्तेमाल किए जाने वाले कोड और लाइव एक्सप्रेशन को रीयल टाइम में देखने के लिए, स्निपेट का इस्तेमाल करें.

• Chrome
• Chrome DevTools

ऐस्ट्रो व्यू ट्रांज़िशन

हाइलाइट करें कि जब Chrome एपीआई को आकार दे रहा था, तब Astro समुदाय ने व्यू ट्रांज़िशन को कैसे अपनाया. साथ ही, Astro + स्थायी द्वीपों में इसके लिए पहले-क्लास की सहायता पाने की प्रक्रिया को कैसे पूरा किया.

• Chrome

Chrome की ज़्यादा तेज़ रिलीज़ (दो चरणों में रिलीज़!)

Chrome 119 से, हम रिलीज़ के लिए ब्रैंच और रिलीज़ को स्टेबल बनाने के बीच के समय को कम कर देंगे.

• Chrome

शेड्यूलr.yield ऑरिजिन ट्रायल पेश है

`Scheduler.yield`, शेड्यूलर एपीआई में एक नया बदलाव है जो अभी ऑरिजिन ट्रायल में है. यह ज़्यादा रिस्पॉन्सिव उपयोगकर्ता अनुभव के लिए टास्क को बांटने का नया तरीका है. शेड्यूलिंग एपीआई में जोड़ने के इस प्रस्ताव के फ़ायदों को समझें और अहम जानकारी और सुझाव पाने में हमारी मदद करने के लिए, ऑरिजिन ट्रायल के लिए साइन अप करें.

• Chrome

Lighthouse 11 में नया क्या है

Lighthouse 11 आ गया है सुलभता से जुड़े नए बदलावों और ऑडिट अपडेट के साथ

• Chrome

नए कमांड एडिटर की मदद से, बेहतर तरीके से Chrome Devtools प्रोटोकॉल (सीडीपी) कमांड तैयार करें

Chrome DevTools प्रोटोकॉल (सीडीपी) के निर्देश आसानी से टाइप करने के लिए, DevTools ने उपयोगकर्ता के लिए एक आसान एडिटर पेश किया है. इससे, आपको JSON का इस्तेमाल करने की ज़रूरत नहीं पड़ेगी.

• Chrome

DevTools (Chrome 117) में नया क्या है

XHR/फ़ेच करने से जुड़े अनुरोधों को बदलें और नेटवर्क पैनल से एक्सटेंशन के अनुरोध छिपाएं, परफ़ॉर्मेंस पैनल में फ़ेच की प्राथमिकता में बदलाव देखें, कई यूज़र इंटरफ़ेस (यूआई) को बेहतर बनाएं, नए रंग और प्रयोग के तौर पर उपलब्ध सुविधाएं देखें वगैरह.

• Chrome
• Chrome DevTools

chrome://extensions पेज पर, सुरक्षा जांच की सुविधा उपलब्ध कराई जा रही है

Chrome 117 और उसके बाद के वर्शन पर, उपयोगकर्ताओं के इंस्टॉल किए गए एक्सटेंशन 'Chrome वेब स्टोर' में मौजूद न होने पर, Chrome उन्हें अपने-आप हाइलाइट करेगा.

• Chrome
• Chrome एक्सटेंशन

आसानी से एंट्री करने और बाहर निकलने के ऐनिमेशन के लिए चार नई सीएसएस सुविधाएं

उन नई सुविधाओं के बारे में जानें जो अलग-अलग ऐनिमेशन और टॉप लेयर के बीच आसानी से ट्रांज़िशन करने में मदद करती हैं

• Chrome

Chrome 117 बीटा

सीएसएस ग्रिड सबग्रिड, सीएसएस, ऐरे ग्रुपिंग, इटरेटर हेल्पर वगैरह के लिए सहायता.

• Chrome

Chrome 116 में नया

Chrome 116 अब रोल आउट किया जा रहा है! 'पिक्चर में पिक्चर' एपीआई का इस्तेमाल करके, उपयोगकर्ता की उत्पादकता बढ़ाएं. अब DevTools में उन स्टाइलशीट को डीबग करना आसान हो गया है जो मौजूद नहीं हैं. इसके अलावा, और भी बहुत कुछ है.

• Chrome

मेनिफ़ेस्ट - कॉन्टेंट स्क्रिप्ट

Manifest.json की "content_scripts" प्रॉपर्टी के लिए रेफ़रंस दस्तावेज़.

• Chrome एक्सटेंशन

पाबंदी-प्रॉपर्टी के साथ सुरक्षित पॉप-अप इंटरैक्शन

पॉप-अप के साथ इंटरैक्ट करते समय, क्रॉस-ऑरिजिन आइसोलेशन और क्रॉस-साइट लीक से सुरक्षा पाएं.

• Chrome

WebGPU (Chrome 116) में नया क्या है

WebCodecs इंटिग्रेशन, वीडियो प्लेबैक से जुड़े सुधार वगैरह.

• Chrome
• WebGpu

Chrome में एक बार मिलने वाली अनुमतियां

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

• Chrome

DevTools के लिए सलाह: ब्रेकपॉइंट और लॉगपॉइंट

आसानी से डीबग करने के लिए, ब्रेकपॉइंट और लॉगपॉइंट का इस्तेमाल करें.

• Chrome DevTools
• Chrome

TWA के लिए PostMessage

Chrome 115 की भरोसेमंद वेब गतिविधि (TWA) से, postMessage का इस्तेमाल करके मैसेज भेजे जा सकते हैं. यह दस्तावेज़ आपके ऐप्लिकेशन और वेब के बीच संपर्क करने के लिए ज़रूरी सेटअप के बारे में बताता है.

एक्सटेंशन के लिए Chrome 116 में नया क्या है

Chrome एक्सटेंशन डेवलपर के लिए, Chrome 116 में हुए अहम बदलावों की खास जानकारी.

• Chrome एक्सटेंशन
• Chrome

Chrome 116 बीटा

सीएसएस मोशन पाथ, बैक/फ़ॉरवर्ड कैश मेमोरी नोट को रीस्टोर करने के लिए एपीआई, दस्तावेज़ पिक्चर में पिक्चर वगैरह.

• Chrome

iOS 16.4 और इसके बाद के वर्शन पर, Chrome में वेबसाइटों को डीबग करना

iOS पर, Chrome के लिए Safari Web Inspector को डीबग करने का तरीका जानें.

• Chrome

Chrome एक्सटेंशन में क्या हो रहा है?

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

• Chrome एक्सटेंशन
• Chrome

Chrome 115 में नया

स्क्रोल करके उपयोगकर्ता अनुभव को बेहतर बनाने वाले ऐनिमेशन बनाने के लिए, ScrollTimeline और ViewTimeline का इस्तेमाल करें. फ़ेंस किए गए फ़्रेम, प्राइवसी सैंडबॉक्स के अन्य एपीआई के साथ काम करते हैं. इससे, काम के कॉन्टेंट को एम्बेड किया जाता है और बेवजह संदर्भ शेयर करने से रोका जाता है. Topics API से, ब्राउज़र उपयोगकर्ता की पसंद के बारे में तीसरे पक्षों के साथ जानकारी शेयर कर सकता है. साथ ही, निजता बनाए रखते हुए और भी बहुत कुछ कर सकता है.

• Chrome

स्क्रोल करके चलने वाले ऐनिमेशन की परफ़ॉर्मेंस के बारे में केस स्टडी

एपीआई का नया वर्शन, स्क्रोल करके चलने वाले ऐनिमेशन को लागू करने के क्लासिक तरीके से ज़्यादा आसान है.

• Chrome

DevTools के बारे में सलाह: रिकॉर्डर की मदद से, यूज़र फ़्लो को रिकॉर्ड करें और उसे फिर से चलाएं

DevTools में रिकॉर्डर पैनल की मदद से, यूज़र फ़्लो को रिकॉर्ड करने, फिर से चलाने, और डीबग करने का तरीका जानें.

• Chrome DevTools
• Chrome

सर्विस वर्कर में WebSockets इस्तेमाल करना

अपने Chrome एक्सटेंशन में WebSocket से कनेक्ट करने के तरीके के बारे में सिलसिलेवार निर्देश.

• Chrome एक्सटेंशन

WebRTC: लेगसी getStats() माइग्रेशन गाइड

iOS पर, Chrome के लिए Safari Web Inspector को डीबग करने का तरीका जानें.

• Chrome

DevTools के बारे में सलाह: लोकल और सेशन के लिए स्टोरेज

मुख्य-वैल्यू पेयर को डीबग करने के लिए, ऐप्लिकेशन > लोकल स्टोरेज और सेशन स्टोरेज का इस्तेमाल करें.

• Chrome
• Chrome DevTools

DevTools (Chrome 116) में नया क्या है

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

• Chrome DevTools
• Chrome

भौगोलिक स्थान का इस्तेमाल करें

Chrome एक्सटेंशन सर्विस वर्कर, पॉप-अप, साइड पैनल या कॉन्टेंट स्क्रिप्ट में जियोलोकेशन का इस्तेमाल करने का तरीका.

• Chrome एक्सटेंशन

WebGPU (Chrome{6}115) में नया क्या है