Kimi Browser Extension -

1. https://www.kimi.ai/products/kimi-browser-extension

 

 

 

2. 

1. 用调试端口启动一个 Chrome 实例

⚠️ 建议和日常浏览器分开（Kimi 扩展和 CDP 同时 attach 同一标签页可能互相干扰），所以要指定独立 user-data-dir：

# macOS
"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
  --remote-debugging-port=9222 \
  --user-data-dir=/tmp/chrome-debug

# Windows
"C:\Program Files\Google\Chrome\Application\chrome.exe" ^
  --remote-debugging-port=9222 ^
  --user-data-dir=C:\chrome-debug

注意：Chrome 136 之后，默认用户目录下 --remote-debugging-port 会被忽略，必须加 --user-data-dir。启动后在这个实例里打开 http://localhost:3000。

 

2. Cursor 配置 MCP

在 ~/.cursor/mcp.json（全局）或项目下 .cursor/mcp.json：

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--browserUrl",
        "http://127.0.0.1:9222"
      ]
    }
  }
}

保存后在 Settings → MCP 里确认显示绿色已连接。

 

 

 

3. Kiro 配置 MCP

Kiro 用 .kiro/settings/mcp.json（项目级）或 ~/.kiro/settings/mcp.json（用户级），格式相同：

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--browserUrl",
        "http://127.0.0.1:9222"
      ]
    }
  }
}

验证

• 浏览器访问 http://127.0.0.1:9222/json/version，返回 JSON 说明 CDP 端口正常；
• 在 Cursor/Kiro 里让 AI「列出当前打开的页面」，能拿到 localhost:3000 的标签页即成功。

 

之后 Cursor/Kiro 就能对这个调试实例做截图、读 DOM、查 console 报错、跑性能分析等；而我这边（Kimi 扩展）继续控制你的日常浏览器，两边互不冲突。如果想让两边操作同一个浏览器实例，也可以只用一个带 9222 端口的实例并装上 Kimi 扩展，但同一页面被两边同时调试时可能出现 attach 冲突，遇到问题就拆成两个实例。