WebMCP

Alexandra Klepper

पब्लिश करने की तारीख: 18 मई, 2026, पिछली बार अपडेट करने की तारीख: 1 अक्टूबर, 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 के लिए कोई ऐसा आइडिया है जिसे शेयर करने के लिए आप उत्साहित हैं? GitHub पर सवाल पूछें और चर्चा में हिस्सा लें.

अपनी प्रोफ़ाइल बनाना शुरू करें

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

Local WebMCP

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

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

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

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

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

ध्यान दें: Angular में, WebMCP को एक्सपेरिमेंट के तौर पर इस्तेमाल किया जा सकता है.

सीमाएं

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

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

अनुमतियों से जुड़ी नीति

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

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

डेमो

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

• WebMCP zaMaker, WebMCP Imperative API का इस्तेमाल करता है.
• यात्रा का डेमो (React), WebMCP Imperative API का इस्तेमाल करता है.
• Le Petit Bistro का डेमो, WebMCP Declarative API का इस्तेमाल करता है.

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

Inspector एक्सटेंशन की मदद से, एजेंट से चैट करने की सुविधा का इस्तेमाल करना

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

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

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

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

ध्यान दें: यह Chrome में Gemini से अलग है.

सुझाव/राय दें या शिकायत करें

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

• WebMCP के ओरिजिन ट्रायल में शामिल हों. साथ ही, Chrome Status पर Chrome के लिए लागू करने का तरीका देखें.
• WebMCP के बारे में जानकारी देने वाला लेख पढ़ें, सवाल पूछें, और चर्चा में हिस्सा लें.
• WebMCP इस्तेमाल करने के सबसे सही तरीके पढ़ें.
• WebMCP टूल की सुरक्षा से जुड़े दिशा-निर्देश और सबसे सही तरीके पढ़ें.
• अगर आपको Chrome में लागू किए गए बदलावों के बारे में कोई सुझाव या राय देनी है या शिकायत करनी है, तो Chromium बग फ़ाइल करें.