codex、WSL中使用(cursor)使用chrome-devtools-mcp最佳实践

chrome-devtools-mcp官网:

https://github.com/ChromeDevTools/chrome-devtools-mcp

我在windows和Linux都遇到了错误:

错误1:MCP client for `chrome-devtools` failed to start: request timed out

我看了下面的帖子:

https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/132

大致解决办法如下

npm cache clean --force
npx chrome-devtools-mcp@latest --transport stdio

然后我在WSL上是无法使用的,各种错误,但是在windows可以使用,首先进入 C:\Users\Administrator\.codex 打开config.toml,我的配置如下:

复制代码
model = "gpt-5-codex"
model_reasoning_effort = "high"
windows_wsl_setup_acknowledged = true

[projects.'C:\Users\Administrator']
trust_level = "trusted"


[mcp_servers.chrome-devtools]
command = "cmd"
args = [
    "/c",
    "npx",
    "-y",
    "chrome-devtools-mcp@latest",
	"--executable-path=C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe"
]
env = { SystemRoot="C:\\Windows", PROGRAMFILES="C:\\Program Files" }
startup_timeout_ms = 20_000

然后你现在就可以在windows 的终端中打开codex,然后输入/mcp看一下mcp服务器是否安装成功:

然后输入命令看一下是否可以正常访问了:

使用 chrome-devtools 访问 https://www.aivi.fyi/并总结前三篇文章的内容


WSL中使用(cursor)

好像直接在cursor中使用更方便,wsl中也可以使用

相关推荐
权、狐妖1 天前
【Vscode安装ESlint插件、下载ESLint包以及他们之间的关系和使用】
ide·vscode·编辑器
罗超驿1 天前
1.HTML基础入门:标签、属性与路径详解(VSCode开发环境)
前端·vscode·html
摇滚侠1 天前
VScode 需要安装的插件和修改的设置
ide·vscode·编辑器
林森i1 天前
vscode设置java
java·ide·vscode
Molesidy1 天前
【VSCode】VSCode+Claude Code插件+DeepSeek API Key的环境搭建
ide·vscode·编辑器·deepseek·claude code
老虎海子2 天前
从零手搓一个 AI 编程助手:Mini Claude Code 完全指南
人工智能·git·vscode·python·github
我命由我123452 天前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js
张太行_2 天前
VSCode SSH公钥免密登录
ide·vscode·ssh
π同学2 天前
ESP-IDF+vscode开发ESP32第十四讲——UHCI
ide·vscode·编辑器
纪伊路上盛名在2 天前
Vscode LLM备用方案
ide·vscode·编辑器