WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky
François Beaufort
François Beaufort
GitHub
Kasper Kulikowski
Kasper Kulikowski
X GitHub LinkedIn

Ngày xuất bản: 18 tháng 5 năm 2026, Lần cập nhật gần đây nhất: 7 tháng 10 năm 2026

WebMCP là một tiêu chuẩn web được đề xuất để giúp bạn xây dựng và hiển thị các công cụ có cấu trúc cho tác nhân AI. WebMCP cung cấp JavaScript và chú thích các phần tử biểu mẫu HTML để tác nhân biết chính xác cách tương tác với các tính năng của trang, nhằm hỗ trợ trải nghiệm của người dùng. Điều này có thể cải thiện đáng kể hiệu suất và độ tin cậy của thao tác tự động của tác nhân.

Tác nhân AI là một công nghệ mới hơn. Các mô hình này có thể giúp người dùng hoàn thành tốt hơn những nhiệm vụ có độ phức tạp và tính kỹ thuật cao. WebMCP mang lại độ chính xác cao hơn cho hoàn thành nhiệm vụ của tác nhân và có thể được thêm vào dưới dạng một tính năng cải tiến tăng dần.

Video giải thích Web Phần mở rộng Chrome Status Mục đích
GitHub Bản dùng thử theo nguyên gốc Bản dùng thử theo nguyên gốc Xem Ý định thử nghiệm

Tại sao nên dùng WebMCP?

WebMCP cung cấp các quy tắc tương tác giúp thu hẹp khoảng cách giữa các ứng dụng web và tác nhân, từ đó cải thiện hiệu quả, độ tin cậy và khả năng hoàn thành nhiệm vụ. Thay vì để tác nhân xem xét phần tử (chẳng hạn như nút hoặc trường) để hiểu mục đích của phần tử đó, trang web sẽ khai báo mục đích của phần tử để phần tử đó được sử dụng đúng mục đích.

Cách này đáng tin cậy hơn so với thao tác tự động, vì thao tác tự động có thể có nhiều bước và mỗi bước đều có thể được tác nhân diễn giải theo nhiều cách.

Ở bên trái, tác nhân thu thập dữ liệu DOM. Ở bên phải, tác nhân gọi một công cụ. Hãy tự mình trải nghiệm trên bản minh hoạ đặt lịch hẹn của chúng tôi.

Các trang web có thể chia sẻ mục đích rõ ràng, chẳng hạn như tìm kiếm hoặc mua hàng, bằng cách xác định tool. Các công cụ thực thi trên trang web của bạn một cách rõ ràng, nhờ đó người dùng tin tưởng rằng các nhiệm vụ được hoàn thành như mong đợi. Điều này cũng giúp giữ nguyên thương hiệu và các lựa chọn thiết kế lấy con người làm trung tâm.

WebMCP hỗ trợ:

  • Khám phá: Cách chuẩn để các trang đăng ký công cụ với tác nhân, chẳng hạn như checkout hoặc filter_results.
  • Giản đồ JSON: Định nghĩa rõ ràng về dữ liệu đầu vào và đầu ra dự kiến, để giảm thiểu ảo tưởng hoặc hiểu lầm.
  • Trạng thái: Sự hiểu biết chung về bối cảnh trang hiện tại, nhờ đó tác nhân biết được những tài nguyên nào có sẵn để hành động theo thời gian thực.

Mục tiêu của chúng tôi là xây dựng các API mà mọi trình duyệt có khả năng của tác nhân AI đều có thể triển khai và hưởng lợi, nhờ đó người dùng có thể hoàn thành nhiệm vụ dễ dàng hơn. Bạn có thể theo dõi quy trình này trên GitHub.

Trường hợp sử dụng

Có nhiều cách để sử dụng WebMCP. Ví dụ:

  • Giúp khách hàng nhận được dịch vụ hỗ trợ. Nếu cung cấp phần mềm cho khách hàng, bạn có thể có một quy trình hỗ trợ phức tạp để giải quyết nhiều câu hỏi khác nhau. Bạn có thể sử dụng WebMCP để giúp nhân viên hỗ trợ nhanh chóng chuyển đến đúng biểu mẫu và điền thông tin do người dùng cung cấp vào các trường.
  • Cải thiện quy trình đặt vé du lịch. Giúp nhân viên đặt vé cho các chuyến đi phức tạp, nhiều thành phố và nhiều hành khách với ít bước hơn.

Một số hành động có thể nhạy cảm, chẳng hạn như mua hàng. Bạn có thể thêm một lệnh để yêu cầu người dùng tương tác với hộp thoại xác nhận.

Trên thực tế, các công cụ của bạn có thể hoàn thành những nhiệm vụ sau:

  • Điền vào biểu mẫu có cấu trúc: Tạo một công cụ submit_application để giúp nhân viên hỗ trợ liên kết dữ liệu thu thập được từ cuộc trò chuyện với người dùng vào các trường trong biểu mẫu một cách chính xác. Ví dụ: bạn có thể phân biệt xem một trường yêu cầu tên đầy đủ hay họ và tên riêng biệt.
  • Hỗ trợ các hoạt động tương tác của tác nhân trong giao diện ưu tiên con người: Một số trường được thiết kế cho người dùng là con người, nhưng tác nhân có thể không hiểu được. Bạn có thể tạo một công cụ date_pick cho phép chọn ngày và giờ phức tạp trong một lượt đặt chỗ hoặc đặt sự kiện.
  • Gỡ lỗi ứng dụng nhanh hơn: Bạn có thể xây dựng một công cụ run_diagnostics trên trang cài đặt dành cho nhà phát triển để nhân viên hỗ trợ có thể kích hoạt các bản sửa lỗi vốn bị ẩn sau các trình đơn lồng nhau.

Trường hợp sử dụng của bạn không có trong danh sách? Hay bạn có ý tưởng nào muốn chia sẻ cho WebMCP không? Đặt câu hỏi và tham gia thảo luận trên GitHub.

Bắt đầu

Tham gia bản dùng thử theo nguyên gốc của WebMCP từ Chrome 149. Tìm hiểu thêm về cách bắt đầu sử dụng bản dùng thử theo nguyên gốc.

WebMCP cục bộ

WebMCP được cung cấp dưới dạng cờ Chrome cho hoạt động phát triển cục bộ:

  1. Mở Chrome rồi chuyển đến chrome://flags/#enable-webmcp-testing
  2. Đặt cờ thành Enabled (Đã bật).
  3. Khởi động lại Chrome để áp dụng các thay đổi.

Sử dụng API WebMCP

Có hai API mà bạn có thể sử dụng để thiết lập các công cụ cho trang web:

  • API mệnh lệnh: Xác định các loại công cụ khác nhau bằng JavaScript chuẩn, chẳng hạn như dữ liệu đầu vào của biểu mẫu, công cụ điều hướng, quản lý trạng thái hoặc các hàm khác.
  • API khai báo: Thêm chú thích vào biểu mẫu HTML chuẩn để tạo công cụ WebMCP.

Bạn có thể gỡ lỗi các công cụ WebMCP và xác thực cách trình duyệt phân tích cú pháp Lược đồ JSON bằng Chrome DevTools.

Các điểm hạn chế

Mặc dù WebMCP hướng đến việc đơn giản hoá các nhiệm vụ phức tạp cho tác nhân và con người, nhưng vẫn có một số hạn chế:

  • Duyệt web không có giao diện người dùng: Mặc dù có thể chạy các công cụ WebMCP trong môi trường không có giao diện người dùng, nhưng API này chủ yếu được thiết kế cho quy trình làm việc của trình duyệt cục bộ có con người nằm trong quy trình.
  • Phí tổn cho các giao diện phức tạp: Nếu trang web của bạn rất phức tạp, bạn có thể cần phải tái cấu trúc hoặc thêm JavaScript để xử lý trạng thái của ứng dụng và giao diện.
  • Khả năng khám phá công cụ: Ứng dụng khách và trình duyệt phải truy cập trực tiếp vào một trang web để biết trang web đó có công cụ có thể gọi hay không.

Chính sách về quyền

Cả hai API đều được quản lý bằng tools Chính sách về quyền. Chính sách này mặc định là self, cho phép đăng ký công cụ trong bối cảnh cấp cao nhất và cùng nguồn gốc, đồng thời tắt tính năng này cho iframe khác nguồn gốc.

Để cho phép các công cụ WebMCP trong một iframe khác nguồn gốc, hãy thêm thuộc tính allow="tools" vào iframe.

Bản minh hoạ

Sau đây là các ví dụ về bản minh hoạ cho cả cách triển khai bắt buộc và khai báo:

Bạn cũng có thể xem và khám phá mã nguồn minh hoạ trên GitHub.

Mô phỏng một tác nhân để thử nghiệm các công cụ của bạn

Chúng tôi đã xây dựng hai tiện ích Chrome để giúp bạn xem cách các công cụ WebMCP hoạt động trong bản minh hoạ và ứng dụng của bạn.

Cài đặt Tiện ích Chrome tác nhân mẫu để kiểm tra, giám sát và thực thi các công cụ WebMCP bằng câu lệnh ngôn ngữ tự nhiên. Cụ thể, tiện ích này luôn tin tưởng chú thích WebMCP, có thể cảnh báo tác nhân về các hành động nhạy cảm. Ví dụ này minh hoạ cách một công cụ có thể hoạt động khác đi khi có chú thích.

Theo mặc định, tiện ích này sử dụng một máy chủ Node nhỏ có SDK AI. Bạn cần có khoá API và khoá này sẽ được lưu trên máy chủ cục bộ. Theo mặc định, câu lệnh của bạn sẽ được gửi đến mô hình gemini-3.6-flash, nhưng bạn có thể sửa đổi lựa chọn mô hình và nhà cung cấp API trong tệp .env của tiện ích. Có các trường cho OpenAI, Google và Anthropic hoặc bạn có thể tuỳ chỉnh tiện ích để sử dụng một mô hình của một nhà cung cấp khác.

Ngoài ra, bạn có thể sử dụng mô hình phía máy khách với Prompt API. Tính năng này không yêu cầu khoá API và dữ liệu sẽ được lưu trên thiết bị của bạn. Để làm như vậy, hãy bật chrome://flags/#prompt-api-tool-use.

Cài đặt Tiện ích Model Context Tool Inspector để thử nghiệm với một tác nhân và xem cách các công cụ WebMCP hoạt động trong bản minh hoạ trực tiếp hoặc ứng dụng của riêng bạn. Sử dụng câu lệnh bằng ngôn ngữ tự nhiên để xác định xem tác nhân có tương tác với các công cụ WebMCP như mong đợi hay không.

Để sử dụng Gemini để gọi các công cụ của bạn, bạn phải có khoá API mà bạn cung cấp trong giao diện của tiện ích. Theo mặc định, câu lệnh của bạn sẽ được gửi đến mô hình gemini-3.6-flash. Bạn có thể chọn một mô hình Gemini khác để thử nghiệm hoặc tuỳ chỉnh mã của tiện ích để sử dụng mô hình của một nhà cung cấp khác.

Tương tác và chia sẻ ý kiến phản hồi

WebMCP đang được thảo luận và có thể thay đổi trong tương lai. Nếu bạn dùng thử các API này và có ý kiến phản hồi, chúng tôi rất mong được lắng nghe.

Tiếp
Imperative API