MCP 推荐

说明

Coding Agent 默认为 Claude Code
默认使用 pnpm dlx 替代 npx 命令

相关链接

Claude Code MCP 官方说明文档

chrome-devtools-mcp

Windows 下 WLS2 + Edge 组合的推荐配置：

Microsoft Edge 开启 CDP 调试端口
如已启动 Edge，则在 Edge 中「⋯（设置及其它）」→「关闭 Microsoft Edge」。
使用如下命令启动 Edge：
PowerShell
```
msedge.exe --remote-debugging-port=9222
```
- --remote-debugging-port=9222：开启 CDP 调试端口
- --user-data-dir="C:\temp\edge-debug-profile"（可选）：使用独立 Profile，避免与日常 Edge 冲突
为 WLS2 中的 Claude Code 安装 chrome-devtools-mcp
Bash
```
claude mcp add --scope user chrome-devtools -- \
  pnpm dlx chrome-devtools-mcp@latest --no-usage-statisticsz \
  --browserUrl http://localhost:9222
```
信息
这里无需使用 cat /etc/resolv.conf | grep nameserver | awk '{print $2}' 来获取 Windows 的 IP。WSL2 默认开启了 localhost 转发，WSL2 内可以直接通过 localhost 访问 Windows 上监听 127.0.0.1 的服务。此外即使指定了 --remote-debugging-address=0.0.0.0 出于安全原因 Chromium/Edge 也不会真正监听外网地址（需要配合端口转发或反向代理技术）。

Chrome DevTools vs Playwright

需求	Chrome DevTools	Playwright
会话保持	默认使用现有浏览器实例	默认启动一个全新的浏览器实例。可通过浏览器插件并搭配 `--extension` 启动参数实现会话保持（但启动后仍需手动点击授权）
跨浏览器兼容性	Chrome 内核浏览器	跨浏览器（Chrome、Firefox、Safari）