«

我看到 WebMCP 技术,如同看到原子弹爆炸!

时间:2026-9-5 01:26     作者:独元殇     分类: 开发相关


🔔 RSS: https://www.ccgxk.com/rss.php(欢迎在 Folo、Feedly 等平台订阅️)❤️

永远承诺:本网站,所有字均为人工手敲!无一字为 AI 生成(除非标注)

欢迎关注我的公众号,名叫「串串狗小刊」

接管所有编程工作,最后一个待优化的地方 --- AI 操作浏览器,现在也被大大优化了!

基本可以说 100% 能了。

谷歌今年年初有个好东西搞出来了。叫 WebMCP 。哈哈,我看到这个技术,如同看到原子弹爆炸一样,瘫坐在工位上,久久不能平静.... 今天简单聊聊。

Chrome 浏览器开始提供 WebMCP 接口喽,尝试解决AI 操作性问题。大概这个意思:

img

这个技术怎么说呢,就是在页面中用 JS 脚本,定义当前页面的 MCP 接口,以供 AI 调用。(MCP 的初衷,就是为 AI 提供一个调用工具的方式嘛)

以前

AI 在过去去操作浏览器,实际上没有专有的途径,很古法,就是读取原始的 HTML ,然后运行起来一点点的弄清楚 div 元素,搭配几秒一次的截图读取,连猜再查.... 超级的麻烦,超级的慢,超级的费 Token。运气成分也很大。(当页面大部分由 JavaScript 构成时,这相当相当麻烦)

但是, WebMCP 不是,这个是专门让浏览器直接给出来一组那个清晰、结构化的接口,让 AGENT 直接去调!不用猜了,也不用去一张图一张图的看了。

WebMCP现在还不成熟,但是应该不久的将来会 100% 的全面普及,AI 都会直接调用它。这个是一个轻量级的 JS API ,就是能给 AI 这个接口,让 AI 直接知道怎么跟这个网页交互,现在有时间的前端程序员(如果你还没失业的话)们,可以去学学。

可以通过:

chrome://flags/#enable-webmcp-testing

来启用 WebMCP 。 它的提案仓库在 github.com/webmachinelearning/webmcp

可以把 WebMCP 当成是餐厅里的菜单,直接就是现成的。也就是网站主动给 AI 的一个遥控器,AI 就不用读那些乱七八糟的代码了。

那代码是不是很复杂?

是需要写代码的。但是你也知道,现在普通项目,哪个大儒、大聪明还手写代码,都是 AI 去写。

这是海外程序员梅农写的一段示例:

await document.modelContext.registerTool({
  name: 'add_todo',  // 注册的服务名称
  description: '在当前页面的待办事项列表中添加一个新项目。',  // 描述

  // 设立规定
  // 这里的规定是:必须传入 text,而且 text 必须是字符串。
  inputSchema: {
    type: 'object',
    properties: {
      text: {
        type: 'string',
        description: '待办事项的条目是什么'
      }
    },
    required: ['text']
  },

  // 执行这个任务时,调用什么
  execute: async ({ text }) => {
    addTodoToPage(text);  // 就调用这个

    // 做完后,网页告诉 AI:「搞定了」。
    return {
      success: true,
      message: `已经添加待办事项: ${text}`
    };
  }
});

目前 2026-9 ,这个 API 长这个样子。

其实吧,就是标准化了。让 AGENT 干活时候更加的干净!

但你别低估了这个理念的价值,因为这个意义不仅仅在于工具调用,而是可以连续地调用一大堆工具,组合来完成一件复杂的事。

明白吗?

现在的 AI 操作浏览器,去完成一个复杂的事,是需要消耗很大的(包括时间成本),每多一个步骤,都有很大的不确定风险。而这个 webmcp 把这个简化和抽象了,会很顺利的。

你敢想让 AI 帮你找工作(比如,帮你在招聘网站上筛选 100 个岗位,找出最适合你的 10 个),需要在网站上点击多少内容吗?会花多久时间吗?webmcp 就能抽象成几个点,以很快很干净的效率给你完成。

前者可能需要 20 分钟,Token 很多,大部分都浪费在了阅读无意义的部分的代码上。后者估计半分钟就 OK 了 。Token 要少百倍!

当然,我只是举一个例子。真正会怎么样,还看真实情况。(ChatGPT 现在已经支持了哦)

和 MCP 的区别呢?

其实是这样的。因为这个世界不是只有 AI ,还有 人类 呢。

人类是少不了网上冲浪的需求的。

mcp 是服务器(泛指各种外部服务)和 AI 之间的桥梁。webmcp 是网页和 AI 之间的桥梁。

就是这个网页,它主要还是给人类服务的(你的网页你还是在使用的)。只是顺便支持 webmcp ,加一层的 AI 接口,然后就可以给 AI 一个操作的捷径。

你在开发网站的时候,就可以顺嘴让它也支持 webmcp ,这样网站会更让 AGENT 喜欢。

其他

我其实也有疑问。这与 llms.txt 协议在实质上有何不同?

我的理解是 llms 是一个帮 AI 去理解网站的方式。而 WebMCP 直接就可以执行代码,比较清楚一点,不用让 AI 去乱理解,乱组合。让弱鸡 AI 也能干活漂亮。

非得说清 webmcp 有什么意义?毕竟现在其他很多方式都能干了他的活,它的意义,估计就是节省时间和 Token 吧。



标签: 原创 AI