概述

两个偏实战的 MCP 案例——用 Puppeteer 控制本地浏览器,以及 BrowserTools 的三层架构源码解析。

前面讲了怎么开发,这一章看两个更完整的真实案例:一个是用 Puppeteer 让 MCP 直接控制本地浏览器,另一个是拆解 BrowserTools 的源码,看它如何用三层架构桥接浏览器插件与 MCP Server。

用 Puppeteer 驱动无头/本地浏览器,把浏览器能力封装成 MCP。

拆解 MCP 服务 + Node 中间件 + Chrome 扩展的三层架构。

附:用 llms.md 让 AI 更懂你的 MCP

一个仍在演进的实践设想——通过 llms.md 向 AI 提供 MCP 服务的用法说明,让 LLM 更准确地选择与调用工具。

Puppeteer 控制本地浏览器

用 MCP 底层 Server 类封装 Puppeteer,让 Cursor 直接驱动本地浏览器完成导航、搜索等任务——附核心实现与完整仓库地址。