browser-dev-tools - 浏览器研发调试工具 - 前端页面调试与优化
通过Chrome DevTools协议与实际运行的浏览器窗口交互，实现调试、优化和验证。
标签
更新于: 2026-02-13该技能可以做什么
- 列出活跃浏览器页面
- 捕获页面截图
- 提取页面文本和UID
- 点击页面元素
- 填充表单输入
- 执行JavaScript代码片段
- 调整页面视口大小
- 列出控制台消息
- 开始性能追踪
- 分析性能洞察
输入
- Chrome浏览器实例
- 网页URL或选择器
- 目标元素定位器
- 表单输入数据
- JavaScript代码
- 视口尺寸
输出
- 带索引的页面列表
- 截图图像
- 带UID的文本快照
- 控制台消息日志
- 性能追踪数据
- 交互成功状态
要求
- Chrome/Chromium浏览器
- DevTools协议访问权限
- MCP服务器连接
- 浏览器中加载的网页