基本信息
- 来源: juejin
- 原始来源: https://juejin.cn/post/7607097714301042698
来源摘要/节选
公开展示已截断至最多 800 个字符;请访问原始来源查看完整上下文。
一、 AI 终于不用“瞎猜”你的网页了 我们可以把 WebMCP 想象成一种**“翻译官协议”**: 以前的 AI(视觉模拟派) :就像一个老外在看一份全中文的报纸,他得先拍照,再识别文字,最后猜哪里是按钮。一旦你把按钮从左边挪到右边,他就找不到了。 WebMCP(接口直连派) :你的网站现在给 AI 提供了一个**“操作说明书”**。AI 进门后不用看页面长什么样,直接问:“那个‘查询余额’的功能在哪?” 你的网站直接通过 WebMCP 告诉它:“在这里,发个 JSON 给我,我就告诉你结果。” 一句话总结:WebMCP 让网页从“给人看的界面”变成了“给 AI 调用的函数”。 二、 核心能力:WebMCP 的“两把斧” 在实际开发中,WebMCP 提供了两种接入方式: 宣告式(适合简单动作) :在 HTML 里加个属性,就像给按钮贴个“AI 可读”的标签。 命令式(适合高级逻辑) :用 JavaScript 编写具体的执行函数,适合处理复杂计算。 三、 实战:WebMCP 的具体使用方法 目前,你可以在 Chrome Canary (v145+) 中通过以下步骤实现一个“AI 自动分析监控日志”的功能。
- 开启实验室开关 在浏览器地址栏输入: chrome://flags/#enable-webmcp ,将其设置为 Enabled 并重启。
- 定义“说明书” (mcp-config.json) 在你的网站根目录放置一个配置文件,告诉 AI 你有哪些能力。…
来源说明
当前只保存了公开页面节选,不代表原文全文。请以原始来源为准。
本页只呈现已做哈希绑定的来源证据,不包含基于旧正文或缺失原文的扩展推断。