AI导哈

浏览器自动化工具

一款用于浏览器自动化、测试和调试的工具，支持内容提取、用户交互、调试等功能。

  • by serkan-ozal
  • 本地部署
  • 7 星标
  • 更新于
在 GitHub 查看 serkan-ozal/browser-devtools-skills

使用说明

浏览器开发工具技能

技能 浏览器工具MCP -具备浏览器自动化、测试和调试的AI代理技能。

安装

使用以下工具安装浏览器自动化功能，作为AI编码代理（Claude Code、Cursor、Windsurf等）的技能 技能s.sh 生态系统：

npx skills add serkan-ozal/browser-devtools-skills

可用技能

CLI技能

技能 描述
浏览器devtools cli 浏览器自动化的完整CLI参考
node-devtools-cli 用于Node.js后端调试的CLI（跟踪点、日志点、检查器协议）

浏览器devtools cli域引用：

  • 导航 -页面导航（转到、返回或前进、重新加载）
  • 内容 -内容提取（屏幕截图、PDF、HTML、文本）
  • 互动 -用户交互（点击、填充、悬停、滚动）
  • a11y -可访问性快照（ARIA、AX树）
  • 2011年 -可观察性（Web生命、控制台、HTTP、跟踪）
  • 调试 -非阻塞调试（跟踪点、日志点、异常）
  • 存根 -HTTP模拟（拦截、模拟、清除）
  • 同步 -同步（等待网络空闲）
  • 反应 -React DevTools集成
  • 菲格玛 -Figma设计比较
  • 执行 -批处理JavaScript执行（运行execute；CLI和MCP）

node-devtools-cli引用：

  • 调试 -连接、跟踪点、日志点、异常点、快照

特定任务技能

技能 描述
浏览器测试 浏览器自动化、交互和表单测试
调试 控制台、网络、跟踪点、日志点和异常监控
目视检测 截图、响应测试和Figma比较
绩效审计 Web生命周期和性能分析
可访问性审计 WCAG合规性和ARIA验证
api测试 API嘲讽和请求拦截
反应调试 React组件检查
可观测性 分布式跟踪和监控

快速开始

# Install globally
npm install -g browser-devtools-mcp

# Browser automation
browser-devtools-cli navigation go-to --url "https://example.com"
browser-devtools-cli content take-screenshot --name "homepage"
browser-devtools-cli content get-as-text

# Node.js backend debugging (requires PLATFORM=node daemon; use --port 2021 if browser daemon is on 2020)
PLATFORM=node node-devtools-cli daemon start --port 2021
node-devtools-cli --port 2021 debug connect --pid 12345
node-devtools-cli --port 2021 debug put-tracepoint --url-pattern "server.js" --line-number 42

许可证

弹性许可证2.0（ELv2）

相关 MCP