发帖
 找回密码
 立即注册
搜索
6 0 0
日常闲聊 625 6 昨天 13:28
谷歌官方消息,Chrome DevTools MCP 现已加入 Github MCP
GitHub - ChromeDevTools/chrome-devtools-mcp: Chrome DevTools for coding agents

Chrome 开发者工具 MCP

chrome-devtools-mcp 让您的编码代理(例如 Gemini、Claude、Cursor 或 Copilot)控制并检查实时 Chrome 浏览器。它充当模型-上下文-协议 (MCP) 服务器,让您的 AI 编码助手能够充分利用 Chrome DevTools 的强大功能,实现可靠的自动化、深入的调试和性能分析。

主要特点
  • 获取性能洞察 :使用Chrome DevTools记录痕迹并提取可操作的性能见解。
  • 高级浏览器调试 :分析网络请求、截取屏幕截图并检查浏览器控制台。
  • 可靠的自动化 。使用 Puppeteer在 Chrome 中自动执行操作并自动等待操作结果。

免责声明
chrome-devtools-mcp 将浏览器实例的内容公开给 MCP 客户端,允许它们检查、调试和修改浏览器或 DevTools 中的任何数据。避免共享您不想与 MCP 客户端共享的敏感信息或个人信息。

要求

入门
将以下配置添加到您的 MCP 客户端:
{ “mcpServers”: { “chrome-devtools”: { “command”: “npx”, “args”: [“chrome-devtools-mcp@latest”] } } }

笔记
使用chrome-devtools-mcp@latest 可确保您的 MCP 客户端始终使用最新版本的 Chrome DevTools MCP 服务器。

MCP Client configuration
Claude CodeUse the Claude Code CLI to add the Chrome DevTools MCP server (guide):
claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
ClineFollow Configuring MCP Servers - Cline and use the config provided above.CodexFollow the configure MCP guide using the standard config from above. You can also install the Chrome DevTools MCP server using the Codex CLI:
codex mcp add chrome-devtools – npx chrome-devtools-mcp@latest
Copilot / VS CodeFollow the MCP install guide, with the standard config from above. You can also install the Chrome DevTools MCP server using the VS Code CLI:
code --add-mcp ‘{“name”:“chrome-devtools”,“command”:“npx”,“args”:[“chrome-devtools-mcp@latest”]}’
Cursor

Click the button to install:


Or install manually:
Go to Cursor Settings → MCP → New MCP Server. Use the config provided above.
Gemini CLIFollow the MCP guide using the standard config from above.Gemini Code AssistFollow the configure MCP guide using the standard config from above.JetBrains AI Assistant & Junie

Go to Settings | Tools | AI Assistant | Model Context Protocol (MCP) → Add. Use the config provided above. The same way chrome-devtools-mcp can be configured for JetBrains Junie in Settings | Tools | Junie | MCP Settings → Add. Use the config provided above.

Your first prompt
Enter the following prompt in your MCP Client to check if everything is working:

Check the performance of https://developers.chrome.com

Your MCP client should open the browser and record a performance trace.
Note

The MCP server will start the browser automatically once the MCP client uses a tool that requires a running browser instance. Connecting to the Chrome DevTools MCP server on its own will not automatically start the browser.

──── 0人觉得很赞 ────

使用道具 举报

对的,谷歌总算是开始发力了。
感谢分享
感谢分享
谷歌官方消息,Chrome DevTools MCP 现已加入 GitHub MCP
谢谢分享,这用起来咋样啊?有没有大佬测试过呀?
10 小时前
好用,能一次性调试页面
感谢分享
配合 codex 体验了一番,确实蛮不错的。简单的 js 逆向,一下子就直接搞定了。
您需要登录后才可以回帖 立即登录
高级模式