WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

पब्लिश की गई तारीख: 18 मई, 2026, आखिरी बार अपडेट की गई तारीख: 9 जून, 2026

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

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

ज़्यादा जानकारी देने वाला वीडियो वेब एक्सटेंशन Chrome स्टेटस मकसद
GitHub ऑरिजिन ट्रायल ऑरिजिन ट्रायल देखें एक्सपेरिमेंट करने का मकसद

WebMCP क्यों इस्तेमाल करें?

WebMCP, वेब ऐप्लिकेशन और एजेंट के बीच के अंतर को कम करने में आपकी मदद कर सकता है. साथ ही, इंटरैक्शन के लिए नियम उपलब्ध कराकर, यह एफिशिएंसी, भरोसेमंद होने की संभावना, और टास्क पूरे करने की दर को बेहतर बना सकता है. किसी बटन या फ़ील्ड जैसे एलिमेंट के मकसद को समझने के लिए, एजेंट उसकी समीक्षा करने के बजाय, वेबसाइट एलिमेंट के मकसद की जानकारी देती है. इससे एलिमेंट का सही तरीके से इस्तेमाल हो पाता है

यह, एक्चुएशन से ज़्यादा भरोसेमंद है. एक्चुएशन में कई चरण हो सकते हैं और हर चरण को एजेंट अपनी समझ के हिसाब से पूरा कर सकता है.

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

WebMCP इनके साथ काम करता है:

  • डिस्कवरी: पेजों के लिए, एजेंट के साथ टूल रजिस्टर करने का एक स्टैंडर्ड तरीका. जैसे checkout या filter_results.
  • JSON स्कीमा: इनपुट और अनुमानित आउटपुट की साफ़ तौर पर दी गई परिभाषाएं. इससे, गलत जानकारी या गलतफ़हमी की संभावना कम हो जाती है.
  • स्टेट: मौजूदा पेज के कॉन्टेक्स्ट की शेयर की गई जानकारी. इससे एजेंट को यह पता चलता है कि रीयल टाइम में किन संसाधनों का इस्तेमाल किया जा सकता है.

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

इस्तेमाल के उदाहरण

वेब पर WebMCP का इस्तेमाल कई तरीकों से किया जा सकता है. उदाहरण के लिए:

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

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

असल में, आपके टूल ये टास्क पूरे कर सकते हैं:

  • स्ट्रक्चर्ड फ़ॉर्म भरें: submit_application टूल बनाएं. इससे एजेंट को, उपयोगकर्ता के साथ बातचीत से इकट्ठा किए गए डेटा को फ़ॉर्म फ़ील्ड में सही तरीके से मैप करने में मदद मिलेगी. उदाहरण के लिए, यह अंतर किया जा सकता है कि किसी फ़ील्ड में पूरा नाम ज़रूरी है या पहला और आखिरी नाम अलग-अलग.
  • लोगों की ज़रूरतों को ध्यान में रखकर डिज़ाइन किए गए इंटरफ़ेस में, एजेंट के इंटरैक्शन को बेहतर बनाएं: कुछ फ़ील्ड, लोगों की ज़रूरतों को ध्यान में रखकर डिज़ाइन किए जाते हैं. हालांकि, एजेंट उन्हें समझ नहीं पाते. date_pick टूल बनाया जा सकता है. इससे रिज़र्वेशन या इवेंट बुकिंग में, तारीख और समय को मुश्किल तरीके से चुना जा सकता है.
  • ऐप्लिकेशन को डीबग करने की प्रोसेस को तेज़ बनाएं: डेवलपर सेटिंग वाले पेज पर, run_diagnostics टूल बनाया जा सकता है. इससे एजेंट, उन समस्याओं को ठीक कर सकता है जो नेस्ट किए गए मेन्यू में छिपी होती हैं.

क्या आपके इस्तेमाल का उदाहरण मौजूद नहीं है? या आपके पास WebMCP के लिए कोई ऐसा आइडिया है जिसे शेयर करने के लिए आप उत्साहित हैं? अर्ली प्रीव्यू प्रोग्राम में शामिल हों और अपने सुझाव, शिकायत या राय शेयर करें.

शुरू करें

Chrome 149 से, WebMCP के ऑरिजिन ट्रायल में शामिल हों. ऑरिजिन ट्रायल का इस्तेमाल करने के तरीके के बारे में ज़्यादा जानें .

लोकल WebMCP

WebMCP, लोकल डेवलपमेंट के लिए Chrome फ़्लैग के तौर पर उपलब्ध है:

  1. Chrome खोलें और chrome://flags/#enable-webmcp-testing पर जाएं
  2. फ़्लैग को चालू है पर सेट करें.
  3. बदलाव लागू करने के लिए, Chrome को फिर से लॉन्च करें.

WebMCP API का इस्तेमाल करना

अपनी वेबसाइट के टूल सेट अप करने के लिए, दो एपीआई का इस्तेमाल किया जा सकता है:

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

सीमाएं

WebMCP का मकसद, एजेंट और लोगों के लिए मुश्किल टास्क को आसान बनाना है. हालांकि, इसकी कुछ सीमाएं हैं:

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

सुरक्षा और अनुमतियां

WebMCP API, ऑरिजिन आइसोलेशन की ज़रूरी शर्तों और अनुमतियों की नीति, दोनों के तहत आते हैं.

ऑरिजिन आइसोलेशन

WebMCP, सिर्फ़ ऑरिजिन-आइसोलेटेड दस्तावेज़ों में उपलब्ध है. इससे यह पक्का होता है कि टूल के लाइफ़टाइम के दौरान, दस्तावेज़ का ऑरिजिन स्थिर रहे.

अगर किसी दस्तावेज़ में document.domain की सुविधा चालू है (उदाहरण के लिए, Origin-Agent-Cluster: ?0 एचटीटीपी हेडर का इस्तेमाल करके), तो WebMCP API बंद हो जाते हैं.

अनुमतियों की नीति

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

क्रॉस-ऑरिजिन iframe में WebMCP टूल की अनुमति देने के लिए, iframe में allow="tools" एट्रिब्यूट जोड़ें.

डेमो

इंपेरेटिव और डिक्लेरेटिव, दोनों तरह के लागू करने के उदाहरण उपलब्ध हैं:

GitHub पर, डेमो के सोर्स कोड की समीक्षा की जा सकती है और उसे एक्सप्लोर किया जा सकता है. GitHub.

इंस्पेक्टर एक्सटेंशन की मदद से, एजेंट के साथ चैट की नकल करना

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

एक्सटेंशन की मदद से, ये काम किए जा सकते हैं:

  • WebMCP API की निगरानी करके, यह देखा जा सकता है कि किसी पेज पर कौनसा टूल रजिस्टर किया गया है.
  • मैन्युअल तरीके से टूल कॉल किए जा सकते हैं और फ़ंक्शन लागू किए जा सकते हैं.
  • यह पुष्टि की जा सकती है कि आपका JSON स्कीमा सही तरीके से तय किया गया है और ब्राउज़र, टूल की उम्मीद के मुताबिक डेटा पार्स कर सकता है.
  • अपने टूल से मिले स्ट्रक्चर्ड आउटपुट या गड़बड़ी के मैसेज देखे जा सकते हैं. इससे यह पक्का किया जा सकता है कि वे साफ़ तौर पर लिखे गए हों और सही तरीके से फ़ॉर्मैट किए गए हों, ताकि एजेंट उन्हें समझ सके.

नैचुरल लैंग्वेज का इस्तेमाल करके, एजेंट से बात करें. इससे यह देखा जा सकता है कि वह सही WebMCP टूल की पहचान कर सकता है और उन्हें लागू कर सकता है या नहीं. आपके प्रॉम्प्ट, डिफ़ॉल्ट रूप से gemini-3-flash-preview मॉडल को भेजे जाते हैं.

सुझाव, शिकायत या राय शेयर करना

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