SONUB
ZH English 한국어 日本語 中文 हिन्दी বাংলা اردو Español Português Français Deutsch Русский العربية Bahasa Indonesia Tiếng Việt ไทย Türkçe

如何开启通知

此浏览器或网址无法使用通知。请使用支持通知的浏览器,通过安全连接访问SONUB。

如果通知被屏蔽,请在浏览器设置中允许通知。

  1. 打开地址栏旁的站点设置或浏览器的站点设置,将此网站的通知设为允许。
  2. 在设备设置中允许浏览器发送通知,并检查勿扰模式或专注模式。
  3. 返回SONUB,刷新页面,然后通过铃铛开启通知。

在iPhone或iPad上,将SONUB添加到主屏幕,从主屏幕打开后允许通知。

登录 退出登录 显示主题 默认主题 深色主题 粉色主题 聊天 1:1 聊天 群聊 论坛 公告 新闻区 建议区 主菜单
把 连接到外部工具的标准

MCP(Model Context Protocol)

把现成的 连接到上使用。看看智能体在网页里工作的三种方式——WebMCP、 MCP、Playwright MCP——有什么不同,以及安全守则。

把 MCP 服务器连接到智能体

要连接到上才能用。连接( · codex add)、范围和确认方法每个都不一样,所以分别写在各个工具页面的 MCP 单元里,各写一次。

WebMCP vs Chrome DevTools MCP vs Playwright MCP

三者都让智能体在网页里工作。不同的是由谁来准备,以及智能体怎么工作。WebMCP 是网站一方声明“我的网站可以使用这些功能”的浏览器 ;另外两个是安装在智能体一方、在任何网站上都直接操作浏览器的 MCP 服务器。

在浏览器里工作的三种方式对比
项目 WebMCP Chrome DevTools MCP Playwright MCP
是什么 网站使用的浏览器 API——仍处于提案阶段的网页标准(Web 社区组草案) 安装在智能体一方的 MCP 服务器(Google 团队) 安装在智能体一方的 MCP 服务器(Microsoft)
由谁准备 网站开发者——在自己网站的里加入 registerTool() 来注册工具 使用智能体的人——把添加到自己的智能体 使用智能体的人——把服务器添加到自己的智能体
智能体怎么工作 按名字网站注册的工具,不需要读屏幕去猜。 通过 操作并查看真正的 Chrome——点击、输入、。 读取页面的无障碍树(页面结构)来点击和输入——看的是结构,不是。
擅长的事 准确、快速地使用这个网站的功能,直接用我已登录的 ——性能记录、请求、控制台错误 与测试——、、WebKit 多种浏览器
局限 只能在网站注册了工具的地方使用。它是新标准,支持的浏览器和网站还很少。 为 Chrome(和 Chrome for )打造。页面一变,就要重新找。 页面结构一变,就要重新找。它靠一个个按钮工作,而不是靠网站定义的功能。

入门代码

WebMCP · shop.js
// WebMCP: the website registers its own feature as a tool
// (first explainer / Chrome preview: navigator.modelContext,
//  spec draft 2026-10-27: document.modelContext)
const modelContext = document.modelContext ?? navigator.modelContext;

modelContext.registerTool({
  name: "search-products",
  description: "Search this shop's products by keyword",
  inputSchema: {
    type: "object",
    properties: { query: { type: "string" } },
    required: ["query"],
  },
  async execute({ query }) {
    const response = await fetch("/api/products?q=" + encodeURIComponent(query));
    return await response.json();   // the agent gets this result
  },
});
Chrome DevTools MCP · Terminal
# Chrome DevTools MCP: add the server to your agent (Claude Code)
claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest
Playwright MCP · Terminal
# Playwright MCP: add the server to your agent (Claude Code)
claude mcp add playwright -- npx @playwright/mcp@latest

WebMCP 写在网站的 里,另外两个写在你电脑的里。WebMCP 最初的说明和 Chrome 预览版用 navigator.modelContext,2026-10-27 的规范草案用 document.modelContext——规范还在变化中。

打个比方——挂出菜单的店和跑腿机器人

WebMCP = 店家挂出的点单窗口和菜单

  • 店家(网站)事先在门口挂出写着“请在这个窗口点单”的菜单。
  • 菜单上写着能点什么(工具名)和怎么填点单表(输入 )。
  • 机器人(智能体)只要读菜单、把点单表递进窗口就行——不用在店里到处走。
  • 不过只有设了窗口的店,才能这样点单。

Chrome DevTools MCP · Playwright MCP = 顾客派出的跑腿机器人

  • 顾客(使用智能体的人)把跑腿机器人派进店里。店家什么都不用准备。
  • 机器人自己在店里转,读货架、拿商品、按收银台的按钮。
  • 哪家店都能进,但货架一换就得重新找,所以可能很慢,还会迷路。
  • Chrome DevTools MCP 机器人是连店里的线路和电表都要查看的检修师傅(性能、网络、控制台)。
  • Playwright MCP 机器人是在好几家店(浏览器)里一模一样地重复规定购物路线的购物机器人。

总之,在有窗口的店里,用窗口点单又快又准;在没有窗口的店里,机器人只能自己转着找。所以三者不是互相替代,而是一起用。

MCP 安全守则

安全:工具是以你的运行的代码,除非服务器可信,否则工具描述也不可信。规范要求主机在调用工具之前征得用户同意。只安装你读过或信任的服务器,只给服务器它所需的最小访问权限,把放在环境变量里而不是代码里,并且要提防( injection)——工具读取的网页或文件里可能藏着针对 的指令。

出处

在 AI 课程里一起学

AI 课程的 MCP 章节——目标 · 任务 · 进度

学习指南

人工智能

智能体工具

Vibe 编程

AI 应用

AI证书

AI课堂

IT 基础

聊天

论坛

创作

社区

更多

术语词典

选一个你不认识的词吧,可以看到简单的解释和相关术语。

还没有匹配的术语。

选择一个术语即可查看解释。