WebMCP is a proposed web standard to help you build and expose structured tools for AI agents. It provides JavaScript and annotates HTML form elements so that agents know exactly how to interact with page features. Websites can share explicit purpose, such as search or purchasing, by defining a tool; tools execute on your webpage visibly, so users gain trust that tasks are completed as expected.

How do I get started with WebMCP?

Join the WebMCP origin trial from Chrome 149. For local development, open chrome://flags/#enable-webmcp-testing, set the flag to Enabled, and relaunch Chrome.

What are the two WebMCP APIs?

The Imperative API lets you define different types of tools with standard JavaScript, such as form input, navigation tools, state management, or other functions. The Declarative API lets you add annotations to standard HTML forms to create a WebMCP tool. Angular has experimental support for WebMCP, and you can debug WebMCP tools and validate how the browser parses the JSON Schema with Chrome DevTools.

How is WebMCP different from an agent clicking through my site?

Instead of an agent reviewing each element, such as a button or a field, to understand its purpose, the website defines tools with explicit purpose. This is more reliable than actuation, which may have numerous steps and leaves each step open to interpretation by the agent. WebMCP offers higher accuracy for agentic task completion and can be added as a progressive enhancement.

What are the limitations of WebMCP?

Headless browsing: the API is primarily designed for local browser workflows with a human in the loop. Overhead for complex interfaces: highly complex sites may need to refactor or add JavaScript to handle application and interface state. Tool discoverability: clients and browsers must visit a site directly to know if it has callable tools.

Does WebMCP work in cross-origin iframes?

Both APIs are gated by the tools Permissions Policy. The policy defaults to self, which allows tool registration in top-level and same-origin contexts and disables it for cross-origin iframes. To allow WebMCP tools in a cross-origin iframe, add the allow="tools" attribute to the iframe.

Google ใช้เทคโนโลยี AI เพื่อแปลเนื้อหาเป็นภาษาที่คุณต้องการ การแปลโดย AI อาจมีข้อผิดพลาด

WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

เผยแพร่: 18 พฤษภาคม 2026 อัปเดตล่าสุด: 7 ตุลาคม 2026

WebMCP เป็นมาตรฐานเว็บที่เสนอเพื่อช่วยคุณสร้างและแสดงเครื่องมือที่มีโครงสร้างสำหรับเอเจนต์ AI WebMCP มี JavaScript และใส่คำอธิบายประกอบองค์ประกอบแบบฟอร์ม HTML เพื่อให้ Agent ทราบวิธีโต้ตอบกับฟีเจอร์ของหน้าเว็บอย่างถูกต้อง เพื่อรองรับประสบการณ์ของผู้ใช้ ซึ่งจะช่วยปรับปรุงประสิทธิภาพและความน่าเชื่อถือของการสั่งการของตัวแทนได้อย่างมาก

AI Agent เป็นเทคโนโลยีที่ใหม่กว่า ซึ่งจะช่วยให้ผู้ใช้ที่เป็นมนุษย์ทำงานที่ซับซ้อนและเป็นเชิงเทคนิคสูงได้ดีขึ้น WebMCP ช่วยให้การทำงานของ Agent เสร็จสมบูรณ์ได้อย่างแม่นยำยิ่งขึ้น และสามารถเพิ่มเป็นการเพิ่มประสิทธิภาพแบบต่อเนื่องได้

วิดีโออธิบาย	เว็บ	ส่วนขยาย	สถานะ Chrome	ความตั้งใจ
GitHub	ช่วงทดลองใช้จากต้นทางของ		ดู	ความตั้งใจที่จะทดสอบ

ทำไมต้องใช้ WebMCP

WebMCP มีกฎสำหรับการโต้ตอบที่เชื่อมช่องว่างระหว่างเว็บแอปพลิเคชันกับ Agent ซึ่งช่วยปรับปรุงประสิทธิภาพ ความน่าเชื่อถือ และการทำงานให้เสร็จสมบูรณ์ แทนที่จะให้ Agent ตรวจสอบองค์ประกอบ เช่น ปุ่มหรือช่อง เพื่อทำความเข้าใจวัตถุประสงค์ เว็บไซต์จะประกาศวัตถุประสงค์ขององค์ประกอบเพื่อให้มีการใช้งานตามที่ตั้งใจไว้

วิธีนี้เชื่อถือได้มากกว่าการสั่งการ ซึ่งอาจมีหลายขั้นตอนและเปิดโอกาสให้ Agent ตีความแต่ละขั้นตอนได้

ทางด้านซ้าย Agent จะสแกน DOM ทางด้านขวา Agent จะเรียกใช้เครื่องมือ ลองใช้ด้วยตนเองในการสาธิตการจองการนัดหมาย

เว็บไซต์สามารถแชร์วัตถุประสงค์ที่ชัดเจน เช่น การค้นหาหรือการซื้อ โดยการกำหนด tool เครื่องมือจะทำงานบนหน้าเว็บของคุณอย่างชัดเจน เพื่อให้ผู้ใช้มั่นใจว่างานจะเสร็จสมบูรณ์ตามที่คาดไว้ นอกจากนี้ยังช่วยให้แบรนด์และตัวเลือกการออกแบบที่เน้นมนุษย์เป็นศูนย์กลางยังคงอยู่เหมือนเดิม

WebMCP รองรับสิ่งต่อไปนี้

การค้นพบ: วิธีมาตรฐานสำหรับหน้าเว็บในการลงทะเบียนเครื่องมือกับ Agent เช่น checkout หรือ filter_results
สคีมา JSON: คำจำกัดความที่ชัดเจนของอินพุตและเอาต์พุตที่คาดหวัง เพื่อลดอาการหลอนหรือความเข้าใจผิด
สถานะ: ความเข้าใจร่วมกันเกี่ยวกับบริบทของหน้าเว็บปัจจุบัน เพื่อให้ Agent ทราบว่ามีทรัพยากรใดบ้างที่พร้อมใช้งานแบบเรียลไทม์

เป้าหมายของเราคือการสร้าง API ที่เบราว์เซอร์ที่มีความสามารถด้าน Agentic AI สามารถนำไปใช้และได้รับประโยชน์ เพื่อให้ผู้ใช้ทำงานต่างๆ ให้เสร็จสมบูรณ์ได้ง่ายขึ้น คุณสามารถติดตามกระบวนการนี้ได้ใน GitHub

กรณีการใช้งาน

คุณใช้ WebMCP ได้หลายวิธี เช่น

ช่วยให้ลูกค้าได้รับการสนับสนุน หากคุณให้บริการซอฟต์แวร์แก่ลูกค้า คุณอาจมีขั้นตอนการสนับสนุนที่ซับซ้อนเพื่อตอบคำถามต่างๆ มากมาย คุณสามารถใช้ WebMCP เพื่อช่วยให้ตัวแทนไปยังแบบฟอร์มที่ถูกต้องได้เร็วขึ้นและกรอกข้อมูลในช่องต่างๆ ด้วยข้อมูลที่ผู้ใช้ระบุ
ปรับปรุงการจองการเดินทาง ช่วยให้ตัวแทนจองการเดินทางที่ซับซ้อน หลายเมือง และมีผู้โดยสารหลายคนได้โดยใช้ขั้นตอนน้อยลง

การดำเนินการบางอย่างอาจมีความละเอียดอ่อน เช่น การซื้อ คุณสามารถใส่คำสั่งเพื่อขอให้ผู้ใช้โต้ตอบกับกล่องโต้ตอบการยืนยันได้

ในทางปฏิบัติ เครื่องมือของคุณสามารถทำงานต่อไปนี้ให้เสร็จสมบูรณ์ได้

กรอกแบบฟอร์มที่มีโครงสร้าง: สร้างเครื่องมือ submit_application เพื่อช่วยตัวแทนแมปข้อมูลที่รวบรวมจากการสนทนากับผู้ใช้กับช่องแบบฟอร์มอย่างถูกต้อง เช่น คุณสามารถแยกความแตกต่างได้ว่าช่องหนึ่งๆ ต้องใช้ชื่อเต็มหรือชื่อและนามสกุลแยกกัน
การโต้ตอบของ Agent กับการสนับสนุนในอินเทอร์เฟซที่เน้นมนุษย์เป็นหลัก: ช่องบางช่องออกแบบมาสำหรับผู้ใช้ที่เป็นมนุษย์ แต่อาจไม่เป็นที่เข้าใจสำหรับ Agent คุณสามารถสร้างเครื่องมือ date_pick ที่ช่วยให้เลือกวันที่และเวลาที่ซับซ้อนในการจองหรือการจองกิจกรรมได้
แก้ไขข้อบกพร่องของแอปพลิเคชันได้เร็วขึ้น: คุณสามารถสร้างเครื่องมือ run_diagnostics ในหน้าการตั้งค่าของนักพัฒนาซอฟต์แวร์ เพื่อให้ Agent สามารถเรียกใช้การแก้ไขที่ซ่อนอยู่หลังเมนูที่ซ้อนกันได้

หากไม่มี Use Case ของคุณ หรือคุณมีไอเดียที่อยากแชร์สำหรับ WebMCP ไหม ตั้งคำถามและเข้าร่วมการสนทนาใน GitHub

เริ่มต้นใช้งาน

เข้าร่วมช่วงทดลองใช้จากต้นทางของ WebMCP ตั้งแต่ Chrome 149 ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีเริ่มต้นใช้งานช่วงทดลองใช้จากต้นทาง

WebMCP ในเครื่อง

WebMCP พร้อมใช้งานเป็น Chrome Flag สำหรับการพัฒนาในเครื่อง โดยทำดังนี้

เปิด Chrome แล้วไปที่ chrome://flags/#enable-webmcp-testing
ตั้งค่า Flag เป็นเปิดใช้
เปิด Chrome อีกครั้งเพื่อใช้การเปลี่ยนแปลง

ใช้ WebMCP API

คุณใช้ API 2 รายการต่อไปนี้เพื่อตั้งค่าเครื่องมือเว็บไซต์ได้

Imperative API: กำหนดเครื่องมือประเภทต่างๆ ด้วย JavaScript มาตรฐาน เช่น อินพุตแบบฟอร์ม เครื่องมือนำทาง การจัดการสถานะ หรือฟังก์ชันอื่นๆ
Declarative API: เพิ่มคำอธิบายประกอบลงในแบบฟอร์ม HTML มาตรฐานเพื่อสร้างเครื่องมือ WebMCP

คุณสามารถแก้ไขข้อบกพร่องของเครื่องมือ WebMCP และตรวจสอบวิธีที่เบราว์เซอร์แยกวิเคราะห์สคีมา JSON ด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

ข้อจำกัด

แม้ว่า WebMCP จะมีเป้าหมายเพื่อทำให้งานที่ซับซ้อนง่ายขึ้นสำหรับ Agent และมนุษย์ แต่ก็มีข้อจำกัดดังนี้

การท่องเว็บแบบ Headless: แม้ว่าคุณจะเรียกใช้เครื่องมือ WebMCP ในสภาพแวดล้อมแบบ Headless ได้ แต่ API นี้ออกแบบมาสำหรับเวิร์กโฟลว์เบราว์เซอร์ในเครื่องแบบมีมนุษย์ร่วมเป็นหลัก
ค่าใช้จ่ายเพิ่มเติมสำหรับอินเทอร์เฟซที่ซับซ้อน: หากเว็บไซต์มีความซับซ้อนสูง คุณอาจต้องเปลี่ยนโครงสร้างภายในโค้ดหรือเพิ่ม JavaScript เพื่อจัดการสถานะแอปพลิเคชันและอินเทอร์เฟซ
การค้นพบเครื่องมือ: ไคลเอ็นต์และเบราว์เซอร์ต้องเข้าชมเว็บไซต์โดยตรงเพื่อดูว่ามีเครื่องมือที่เรียกใช้ได้หรือไม่

นโยบายสิทธิ์การใช้งาน

API ทั้ง 2 รายการได้รับการควบคุมโดยtools นโยบายสิทธิ์การใช้งาน นโยบายจะมีค่าเริ่มต้นเป็น self ซึ่งอนุญาตให้ลงทะเบียนเครื่องมือในบริบทระดับบนสุดและต้นทางเดียวกัน และปิดใช้สำหรับ iframe แบบข้ามต้นทาง

หากต้องการอนุญาตเครื่องมือ WebMCP ใน iframe แบบข้ามต้นทาง ให้เพิ่มแอตทริบิวต์ allow="tools" ลงใน iframe

สาธิต

ตัวอย่างการสาธิตที่ครอบคลุมทั้งการใช้งานแบบบังคับและแบบประกาศมีดังนี้

WebMCP zaMaker ใช้ WebMCP Imperative API
เดโมการเดินทาง (React) ใช้ WebMCP Imperative API
เดโม Le Petit Bistro ใช้ Declarative API ของ WebMCP

นอกจากนี้ คุณยังตรวจสอบและสำรวจซอร์สโค้ดสาธิตใน GitHub ได้ด้วย

เลียนแบบ Agent เพื่อทดสอบเครื่องมือ

เราได้สร้างส่วนขยาย Chrome 2 รายการเพื่อช่วยให้คุณเห็นวิธีการทำงานของเครื่องมือ WebMCP ในเดโมและแอปพลิเคชันของคุณ

ติดตั้งส่วนขยาย Chrome ที่เป็น Agentic ตัวอย่างเพื่อตรวจสอบ ตรวจสอบ และเรียกใช้เครื่องมือ WebMCP ด้วยพรอมต์ภาษาธรรมชาติ โดยเฉพาะอย่างยิ่ง ส่วนขยายนี้จะเชื่อถือคำอธิบายประกอบของ WebMCP เสมอ ซึ่งสามารถแจ้งเตือน Agent เกี่ยวกับการดำเนินการที่มีความละเอียดอ่อนได้ ซึ่งแสดงให้เห็นว่าเครื่องมืออาจทำงานแตกต่างกันอย่างไรเมื่อมีคำอธิบายประกอบ

โดยค่าเริ่มต้น ส่วนขยายนี้จะใช้เซิร์ฟเวอร์ Node ขนาดเล็กที่มี AI SDK ต้องใช้คีย์ API และคีย์จะยังคงอยู่ในเซิร์ฟเวอร์ในเครื่อง ระบบจะส่งพรอมต์ของคุณไปยังโมเดล gemini-3.6-flash โดยค่าเริ่มต้น แต่คุณสามารถแก้ไขตัวเลือกโมเดลและผู้ให้บริการ API ได้ในไฟล์ .env ของส่วนขยาย โดยมีช่องสำหรับ OpenAI, Google และ Anthropic หรือคุณจะปรับแต่งส่วนขยายเพื่อใช้โมเดลจากผู้ให้บริการรายอื่นก็ได้

หรือจะใช้โมเดลฝั่งไคลเอ็นต์กับ Prompt API ก็ได้ วิธีนี้ไม่จำเป็นต้องใช้คีย์ API และข้อมูลจะยังคงอยู่ในอุปกรณ์ของคุณ โดยเปิดใช้ chrome://flags/#prompt-api-tool-use

ติดตั้งส่วนขยาย Model Context Tool Inspector เพื่อทดลองใช้ Agent และดูวิธีการทำงานของเครื่องมือ WebMCP ในเดโมแบบสดหรือแอปพลิเคชันของคุณเอง ใช้พรอมต์ภาษาธรรมชาติเพื่อพิจารณาว่า Agent โต้ตอบกับเครื่องมือ WebMCP ตามที่คาดไว้หรือไม่

หากต้องการใช้ Gemini เพื่อเรียกใช้เครื่องมือ คุณต้องมีคีย์ API ซึ่งคุณระบุไว้ในอินเทอร์เฟซของส่วนขยาย ระบบจะส่งพรอมต์ของคุณไปยังโมเดล gemini-3.6-flash โดยค่าเริ่มต้น คุณสามารถเลือกโมเดล Gemini อื่นเพื่อทดสอบหรือปรับแต่งโค้ดส่วนขยายเพื่อใช้โมเดลของผู้ให้บริการรายอื่นได้

มีส่วนร่วมและแชร์ความคิดเห็น

WebMCP อยู่ระหว่างการหารืออย่างต่อเนื่องและอาจมีการเปลี่ยนแปลงในอนาคต หากคุณลองใช้ API เหล่านี้และมีความคิดเห็น เรายินดีรับฟัง

เข้าร่วมช่วงทดลองใช้จากต้นทางของ WebMCP และทำตามการติดตั้งใช้งานสำหรับ Chrome ในสถานะ Chrome
อ่านคำอธิบาย WebMCP, ตั้งคำถาม และเข้าร่วมการสนทนา
อ่านแนวทางปฏิบัติแนะนำสำหรับ WebMCP
อ่านคำแนะนำด้านความปลอดภัยของเครื่องมือ WebMCP และแนวทางปฏิบัติแนะนำ
หากคุณมีความคิดเห็นเกี่ยวกับการใช้งาน Chrome โปรดรายงานข้อบกพร่องของ Chromium

Imperative API