用途:通过 Chrome DevTools MCP(chrome-devtools-mcp)控制真实 Chrome 浏览器,完成各类网页交互任务,包括动态抓取、批量填表、Web 应用调试、响应式审计与持久会话管理。
主要能力:
- 表单自动化。批量填表优先使用 fill_form 而非逐字段 fill 或 click,以避免状态不同步;用 press_key、type_text 处理键盘导航与自定义控件;用 upload_file 上传本地文件。
- 内容提取与抓取。用 take_snapshot 从 React、Vue、Angular、Next.js 等 SPA 中提取结构化文本与元素 uid,并把表格、列表、价格或文章内容整理为 JSON、CSV、Markdown 写入 /output/(如 /output/scraped_data.json)。
- 视觉与运行时审计。用 take_screenshot、emulate 对比移动端与桌面端视口,截图存至 /output/screenshot_[device]_[timestamp].png;用 list_console_messages、get_console_message 监控 JS 异常与网络失败;用 performance_start_trace、performance_stop_trace 诊断渲染瓶颈。
- 会话管理。登录后将会话 cookie 与 token 保存到 /output/session_[domain].json,减少重复登录与 2FA;用 list_pages、new_page、select_page、close_page 处理多标签页流程。
典型用法:抓取流程为 navigate_page 打开目标 URL、wait_for 等待动态内容、take_snapshot 取内容与 uid、转换为结构化数据并写入 output/。批量填表流程为读取源数据、take_snapshot 识别输入 uid、fill_form 批量填充、upload_file 上传附件、校验后提交并截图存证。
限制与安全:对不可逆操作(支付、删数据、公开发布、正式提交)须先展示预览并请用户确认;遇 CAPTCHA、OTP 或 2FA 时暂停,由用户在可见浏览器中完成后继续;凭据不得硬编码在脚本或技能文件中,应从本地 .env 或用户输入安全读取。其他细节资料未提供。