webmcp-bridge - WebMCP Bridge - AI Agent Discovers and Executes Web Page Tools

webmcp-bridge

WebMCP Bridge - AI Agent Discovers and Executes Web Page Tools

社区自动化

描述

Enable AI agents to discover and execute WebMCP tools registered on web pages via browser evaluate capability and navigator.modelContextTesting API. Supports tool discovery, parameter validation, and result parsing.

使用场景

AI 代理发现当前网页注册的所有 WebMCP 工具（名称、描述、参数 Schema）
AI 代理通过函数调用直接执行网页上的 WebMCP 工具
处理动态工具注册/注销（页面切换时自动重新发现）
让 AI 代理与 WebMCP 应用深度交互：读取数据、操控 UI、触发操作

示例

// 1. 发现当前页面所有 WebMCP 工具
(async () => {
  const tools = await navigator.modelContextTesting.listTools()
  return tools.map(t => ({ name: t.name, description: t.description }))
})()

// 2. 执行一个工具（参数必须 JSON.stringify）
(async () => {
  const result = await navigator.modelContextTesting.executeTool(
    'code_read',
    JSON.stringify({ file: "html" })
  )
  return JSON.parse(result.content[0].text)
})()

注意事项

需要 Chrome 146+ 并启用 chrome://flags/#enable-webmcp-testing
所有代码通过浏览器 evaluate 执行，必须用 async IIFE 包裹（不支持顶层 await）
executeTool 的第二个参数是 JSON 字符串，不是对象
工具是页面级作用域，导航后需重新调用 listTools() 发现新工具

适用角色

开发者

webmcp-bridge - WebMCP Bridge - AI Agent Discovers and Executes Web Page Tools

描述

使用场景

示例

注意事项

适用角色

标签

相关 Skills