browser-devtools-cli
✓使用 Playwright 自动化浏览器交互以进行 Web 测试、调试和自动化。当用户需要导航网站、截取屏幕截图、填写表单、单击元素、提取页面内容（HTML/文本）、审核可访问性（ARIA/AX 树）、测量 Web Vitals 性能、监控控制台日志和 HTTP 请求、模拟 API 响应、在浏览器中执行 JavaScript、检查 React 组件或将 UI 与 Figma 设计进行比较时使用。
SKILL.md
Command-line interface for browser automation, debugging, and testing using Playwright.
| --port | Daemon server port | 2020 | | --session-id | Session ID for browser state persistence | auto | | --json | Output results as JSON (recommended for AI) | false | | --quiet | Suppress log messages | false | | --verbose | Enable debug output | false | | --timeout | Operation timeout | 30000 | | --headless | Run browser in headless mode | true |
| --no-headless | Run browser with visible window | - | | --persistent | Preserve cookies/localStorage | false | | --no-persistent | Clear state on session end | - | | --user-data-dir | Browser user data directory | OS temp | | --use-system-browser | Use system Chrome | false | | --browser-path | Custom browser path | auto |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/serkan-ozal/browser-devtools-mcp --skill browser-devtools-cli- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 browser-devtools-cli？
使用 Playwright 自动化浏览器交互以进行 Web 测试、调试和自动化。当用户需要导航网站、截取屏幕截图、填写表单、单击元素、提取页面内容（HTML/文本）、审核可访问性（ARIA/AX 树）、测量 Web Vitals 性能、监控控制台日志和 HTTP 请求、模拟 API 响应、在浏览器中执行 JavaScript、检查 React 组件或将 UI 与 Figma 设计进行比较时使用。 来源：serkan-ozal/browser-devtools-mcp。
如何安装 browser-devtools-cli？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/serkan-ozal/browser-devtools-mcp --skill browser-devtools-cli 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/serkan-ozal/browser-devtools-mcp
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01