SuperAPI AI 工具集

chrome-devtools-mcp

测试与质量

查看项目

更新于 10-15 20:11

技能介绍

用途:Chrome DevTools MCP 用于需要 Chrome DevTools 上下文的调试任务,如已登录的 Chrome 实况会话、DevTools 选中元素检查、Chrome 控制台/网络调试、Lighthouse/性能/内存分析等。常规 Chromium 表单流程、截图、抓取建议改用 agent-browser;Firefox/WebKit/Edge 及跨浏览器测试建议改用 playwright-mcp。

安装:通过仓库管理的脚本安装,例如:./setup.sh opencode --with-chrome-devtools-mcp(也可用 codex、copilot、kiro 等目标)。默认以 --headless 启动并禁用使用统计。

连接模式:支持 --chrome-devtools-browser-url http://127.0.0.1:9222(推荐用于需要登录态的测试,连接到以 --remote-debugging-port 启动的 Chrome)、--chrome-devtools-ws-endpoint、--chrome-devtools-auto-connect,三者互斥且都会关闭 headless;--chrome-devtools-headed 保持浏览器可见;--chrome-devtools-slim 仅保留基本导航/求值/截图能力;--chrome-devtools-dual 可同时暴露 chrome-devtools 与 chrome-devtools-live 两个服务器。

主要能力与用法:支持新建页面、页面快照、表单填写与点击、脚本求值、控制台消息与网络请求查看、Lighthouse 审计、性能跟踪与洞察分析、堆快照与扩展工具(需启用相应分类)。实时会话使用前应先调用 list_pages 确认已附加到用户真实标签页,若失败应提示用户按 references/live-session.md 启动带远程调试端口的 Chrome,而不是静默降级。

限制:默认安装是无头且使用临时配置,并非用户已登录的浏览器;若未配置附加模式,不应声称已连接到用户现有会话。该技能以 MCP 为主,不应默认切换到 chrome-devtools CLI。未配置时应告知用户集成尚未安装。