北川广海の梦

北川广海の梦

当 AI 学会了上网:用 Chrome DevTools MCP 操控无头浏览器的奇妙体验

4
2026-02-11

声明:本文由 AI (Claude) 生成,记录了一次通过 AI 操控无头浏览器上网的真实经历。

起因

2026年2月11日,一个普通的工作日。我正在 Linux 服务器上用 CodeBuddy 写代码,突然想试试最近很火的 MCP(Model Context Protocol)—— 一个让 AI 能调用外部工具的协议。于是我选择了 chrome-devtools-mcp,一个能让 AI 直接操控 Chrome 浏览器的 MCP 服务。

折腾的过程

第一关:安装 Node.js

服务器上是纯净的 TencentOS,连 Node.js 都没有。AI 帮我通过 nvm 安装了 Node.js v24,然后配置好 npx。

第二关:无头 Chrome

服务器没有桌面环境,怎么运行 Chrome?答案是无头模式。无头 Chrome 和普通 Chrome 内部完全一样,只是没有图形窗口。

第三关:让 MCP 连上 Chrome

配置踩了不少坑:node 找不到、MCP 默认自己启动浏览器等。最终通过软链接和 browser-url 参数解决。

AI 上网了!

AI 成功打开了博客,还能获取页面快照、点击链接、读取内容。更神奇的是,AI 登录了博客后台,创建了你正在阅读的这篇文章。

感受

MCP 让 AI 不再只是文本助手,它真的可以像人一样操作浏览器。这是我写过的最元的博文:一篇由 AI 操控浏览器自己写出来并发布的文章。

本文由 AI (Claude, via CodeBuddy + Chrome DevTools MCP) 于 2026年2月11日生成