WSL 连接宿主机 Chrome DevTools

WSL 切换至 Mirrored 网络模式

WSL 配置文件默认位于：

复制代码

C:\Users\<用户名>\.wslconfig

在该文件中追加如下配置：

toml 复制代码

[wsl2]
networkingMode=mirrored

保存配置后，重启 WSL 使配置生效：

powershell 复制代码

wsl --shutdown

启动匿名 Chrome 实例（开启远程调试）

在 PowerShell 中执行以下命令：

powershell 复制代码

& "C:\Program Files\Google\Chrome\Application\chrome.exe" `
  --remote-debugging-port=9922 `
  --user-data-dir="$env:TEMP\chrome-devtools-mcp-profile" `
  --no-first-run `
  --no-default-browser-check `
  --disable-extensions

在 WSL 中验证 DevTools 连接

执行：

bash 复制代码

curl "http://localhost:9922/json/version"

正常返回示例：

json 复制代码

{
   "Browser": "Chrome/147.0.7727.56",
   "Protocol-Version": "1.3",
   "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36",
   "V8-Version": "14.7.173.16",
   "WebKit-Version": "537.36 (@b28eac7a1a97ec8d7bc58eca0242958254be494d)",
   "webSocketDebuggerUrl": "ws://localhost:9922/devtools/browser/28b8a2bf-ff91-4c3e-b7ab-00c0d7d9b51d"
}

配置 MCP

以 Codex 为例：

bash 复制代码

codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest --browser-url=http://127.0.0.1:9922

执行后，会在 ~/.codex/config.toml 中生成：

toml 复制代码

[mcp_servers.chrome-devtools]
command = "npx"
args = ["chrome-devtools-mcp@latest", "--browser-url=http://127.0.0.1:9922"]

验证 MCP 安装

执行：

bash 复制代码

npx -y chrome-devtools-mcp@latest --help

确保可以正常输出帮助信息。

功能测试

启动 Codex，并输入 使用浏览器打开 baidu.com

复制代码

╭───────────────────────────────────────╮
│ >_ OpenAI Codex (v0.121.0)            │
│                                       │
│ model:     gpt-5.4   /model to change │
│ directory: ~/git/codex-demo           │
╰───────────────────────────────────────╯

  Tip: When the composer is empty, press Esc to step back and edit your last message; Enter
  confirms.

› 使用浏览器打开baidu.com


• 我会直接用浏览器打开 baidu.com，先新建一个页面并确认加载结果。

• Called chrome-devtools.new_page({"url":"https://www.baidu.com","timeout":20000})
  └ ## Pages
    1: chrome://new-tab-page/
    2: https://www.baidu.com/ [selected]

───────────────────────────────────────────────────────────────────────────────────────────────────

• 已在浏览器中打开 https://www.baidu.com/。

此时，chrome 正确打开新的标签页并进入 baidu.com