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