ใช้แผง WebMCP ในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบ แก้ไขข้อบกพร่อง และทดสอบเครื่องมือ AI ฝั่งไคลเอ็นต์ที่เว็บไซต์แสดงต่อ AI Agent แผงนี้ให้ข้อมูลเชิงลึกแบบครบวงจรเกี่ยวกับวงจรการใช้งานของเครื่องมือ ซึ่งรวมถึงการจดทะเบียน การตรวจสอบสคีมา และประวัติการเรียกใช้
เปิดแผง WebMCP
แผง WebMCP อยู่ภายในแผง แอปพลิเคชัน หากต้องการเปิดแผงนี้ ให้ทำตามขั้นตอนต่อไปนี้
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome ในหน้าเว็บที่ใช้เครื่องมือ WebMCP
- คลิกแท็บแอปพลิเคชัน
- เลือกแผง WebMCP ในระดับบนสุดของแถบด้านข้าง
ภาพรวมของอินเทอร์เฟซ
แผง WebMCP ใช้เลย์เอาต์ 2 แผงเพื่อช่วยคุณจัดการและตรวจสอบเครื่องมือ
- เครื่องมือที่เรียกใช้: บันทึกการโต้ตอบระหว่าง AI Agent กับหน้าเว็บตามลำดับเวลา
- เครื่องมือที่พร้อมใช้งาน: รายการแบบสดของเครื่องมือ WebMCP ทั้งหมดที่ตรวจพบในแท็บที่ใช้งานอยู่
เครื่องมือที่พร้อมใช้งาน
ส่วนเครื่องมือที่พร้อมใช้งาน จะแสดงชื่อและคำอธิบายของเครื่องมือตามที่ปรากฏต่อ AI Agent นอกจากนี้ ยังมีตัวนับการเรียกใช้ สำหรับเครื่องมือแต่ละรายการ ซึ่งจะแสดงจำนวนครั้งที่เครื่องมือถูกเรียกใช้ในระหว่างเซสชันปัจจุบัน
เครื่องมือที่เรียกใช้
บันทึกเครื่องมือที่เรียกใช้ จะบันทึกการโต้ตอบของเครื่องมืออย่างต่อเนื่อง เมื่อเลือกรายการในบันทึก คุณจะตรวจสอบรายละเอียดต่อไปนี้ได้
- สถานะ: ผลลัพธ์ของการเรียกใช้ (เสร็จสมบูรณ์ ยกเลิก อยู่ระหว่างดำเนินการ หรือข้อผิดพลาด)
- อินพุต: พารามิเตอร์ที่แน่นอนซึ่ง Agent คาดการณ์และส่งไปยังเครื่องมือ
- เอาต์พุต: ค่าที่แสดงผลหรือข้อความแสดงข้อผิดพลาดที่เครื่องมือให้ไว้
กรองบันทึก
ใช้แถบตัวกรอง เพื่อจำกัดรายการเครื่องมือที่เรียกใช้ตามเกณฑ์ต่อไปนี้
- ชื่อหรือคำอธิบาย: ป้อนข้อความเพื่อค้นหาเครื่องมือที่ตรงกับชื่อหรือวัตถุประสงค์ที่เฉพาะเจาะจง
- ประเภทสถานะ: กรองการเรียกใช้ตามสถานะปัจจุบัน เช่น เสร็จสมบูรณ์ ข้อผิดพลาด ยกเลิก หรือ อยู่ระหว่างดำเนินการ
- ประเภทเครื่องมือ: เลือกเพื่อกรองเครื่องมือประกาศ ที่กำหนดไว้ใน HTML และเครื่องมือจำเป็น ที่กำหนดไว้ใน JavaScript หากต้องการดูเครื่องมือทุกประเภท ให้ตรวจสอบว่าไม่ได้เปิดใช้งานตัวกรองใดๆ
ทดสอบเครื่องมือด้วยตนเอง
คุณสามารถข้ามตรรกะการตัดสินใจของ AI Agent เพื่อทดสอบความน่าเชื่อถือของเครื่องมือได้โดยอิสระ ซึ่งจะเป็นประโยชน์สำหรับการตรวจสอบตรรกะของฟังก์ชันโดยไม่ต้องรอพรอมต์ที่เฉพาะเจาะจงของ Agent
- ในรายการเครื่องมือที่พร้อมใช้งาน ให้คลิกเครื่องมือที่ต้องการทดสอบ หรือในบันทึกเครื่องมือที่เรียกใช้ ให้วางเมาส์เหนือเครื่องมือเพื่อแสดงไอคอนเล่น (➜) แล้วคลิกไอคอนดังกล่าว พื้นที่ทดสอบด้วยตนเองจะเปิดขึ้น หมายเหตุ: หากคุณเลือกเครื่องมือจากรายการเครื่องมือที่พร้อมใช้งาน พารามิเตอร์ในพื้นที่ทดสอบด้วยตนเองจะว่างเปล่า แต่หากคุณเลือกเครื่องมือที่เรียกใช้ พื้นที่ทดสอบด้วยตนเองจะเปิดขึ้นพร้อมพารามิเตอร์จากเซสชันนั้นที่ป้อนไว้ล่วงหน้าแล้ว
- ในพื้นที่ทดสอบด้วยตนเอง ให้ป้อนหรือปรับพารามิเตอร์ในช่องอินพุต
- คลิกเรียกใช้เครื่องมือ
แก้ปัญหาการผสานรวม
แผง WebMCP ช่วยคุณวินิจฉัยข้อผิดพลาดในการผสานรวมที่พบบ่อยได้ดังนี้
- การละเมิดสคีมา: แผงเอาต์พุตจะแสดงข้อความแสดงข้อผิดพลาดหากพารามิเตอร์ของเครื่องมือหรือค่าที่แสดงผลไม่ตรงกับสคีมาที่กำหนด
- Agent ปฏิเสธ: ตรวจสอบตัวนับการเรียกใช้ในรายการเครื่องมือที่พร้อมใช้งาน เพื่อดูว่า Agent เคยพิจารณาเครื่องมือของคุณสำหรับพรอมต์ที่กำหนดหรือไม่
ระบบอัตโนมัติและ Agent
WebMCP ออกแบบมาสำหรับเว็บที่ใช้ Agent ซึ่ง AI Agent สามารถค้นพบและโต้ตอบกับเครื่องมือของเว็บไซต์ได้ สำหรับการพัฒนาที่ Agent ช่วย Chrome DevTools for agents Project มีอินเทอร์เฟซเฉพาะที่ใช้โปรโตคอลนี้เพื่อช่วย AI Agent ทดสอบและใช้เครื่องมือ WebMCP ของคุณ
ติดธงบรรทัดคำสั่ง
อินเทอร์เฟซที่ใช้ Agent บางรายการกำหนดให้คุณต้องเปิดใช้แฟล็ก --categoryWebMCP อย่างชัดเจน
แหล่งข้อมูลที่เกี่ยวข้อง
ดูข้อมูลเพิ่มเติมเกี่ยวกับ WebMCP และเว็บที่ใช้ Agent ได้ที่แหล่งข้อมูลต่อไปนี้