WebMCP

Alexandra Klepper

เผยแพร่: 18 พฤษภาคม 2026, ปรับปรุงล่าสุด: 1 ตุลาคม 2026

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

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

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

ทำไมต้อง WebMCP

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

ซึ่งมีความน่าเชื่อถือมากกว่าการกระตุ้นที่อาจมีหลายขั้นตอนและปล่อยให้ Agent ตีความแต่ละขั้นตอน

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

WebMCP รองรับ

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

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

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

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

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

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

ในทางปฏิบัติ เครื่องมือของคุณสามารถทํางานต่อไปนี้ได้

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

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

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

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

WebMCP ในเครื่อง

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

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

ใช้ WebMCP API

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

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

ข้อจำกัด

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

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

นโยบายสิทธิ์

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

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

สาธิต

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

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

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

จำลองการแชทกับตัวแทนด้วยส่วนขยายเครื่องมือตรวจสอบ

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

ส่วนขยายนี้ช่วยให้คุณทำสิ่งต่อไปนี้ได้

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

พูดคุยกับเอเจนต์โดยใช้ภาษาธรรมชาติเพื่อดูว่าเอเจนต์ระบุ และเรียกใช้เครื่องมือ WebMCP ที่เหมาะสมได้อย่างถูกต้องหรือไม่ ระบบจะส่ง��รอมต์ของคุณไปยังโมเดล gemini-3-flash-preview โดยค่าเริ่มต้น

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

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

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