【教程】用 AionUI & Chrome MCP Tools控制自己的 Chrome浏览器（带浏览器原始数据，非新开），完全免费
第一步：开启 Chrome 远程调试权限
这是所有操作的前提，必须手动开启。
- 打开 Chrome 浏览器，在地址栏输入：
chrome://inspect/#remote-debugging - 勾选 “Allow remote debugging for this browser instance”。
- 确认下方出现：
Server running at: 127.0.0.1:9222（这表示“门”已打开）。
第二步：配置 MCP 服务
AionUI 图形界面配置
进入 AionUI 的 Settings（设置） → Tools Settings（工具设置）。
在 MCP Management 区域点击 Add MCP Service。
选择 Add via JSON，粘贴以下配置：
{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": [ "-y", "chrome-devtools-mcp@latest", "--autoConnect", "--channel=stable" ] } } } 
第三步：激活连接（关键动作）
配置完成后，Gemini 并不会立刻接管浏览器，需要一次“握手”：
在 Gemini CLI 或 AionUI 中输入第一个指令，例如：
截取当前网页的屏幕。切换回 Chrome 浏览器：你会看到页面顶部弹出一个系统确认框，询问 “Allow incoming debugging connection?”。
点击 Allow（允许）。
浏览器顶部出现横幅（显示“正在受自动测试软件控制”），说明连接成功。
第四步：实战常用指令
连接成功后，你可以直接用自然语言指挥 Gemini 处理你当前看到的网页：
- 视觉分析：
“帮我截个图，分析一下现在的 UI 布局有没有错位？”
- 性能诊断：
“分析当前页面的性能，告诉我 LCP（最大内容绘制）是多少，怎么优化？”
- 代码调试：
“检查当前页面的 Console 控制台，有没有报错？如果有，帮我解释原因。”
- 网页抓取与操作：
“提取当前网页中所有商品的价格并列成表格。”“帮我点击页面上的‘提交’按钮。”（AI 会通过 DOM 树自动定位元素）
推荐模型：Gemini 3 Flash、Gemini 3 Pro、GLM 4.7（英伟达无限免费 API）
使用案例：
