chrome-devtools-mcp官网:

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

Windows安装教程

cursor安装

# **下载安装包

https://github.com/coreybutler/nvm-windows/releases

# 查看可安装的Node.js版本

nvm list available

# 安装Node.js

nvm install 25.0.0

# 使用Node.js 

nvm use 25.0.0

# 查看已安装版本

nvm list

cursor中安装mcp

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

如果出现错误:cursor: no tools, prompts or resources. 

错误解决办法:https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/111

rm -rf ~/.npm/_npx
npm cache clean --force

然后重启cursor就可以了

https://www.aivi.fyi/aiagents/introduce-Chrome-DevTools-MCP


wsl安装教程

我已经放弃使用Linux的了,问题太多了,暂时解决不了

我在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中也可以使用

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐