用途:Dev Browser 用于浏览器自动化,适合导航网站、填写表单、截图、提取网页数据、测试 Web 应用等任务。其特点是页面状态在多次脚本执行之间保持,便于把复杂流程拆成小步骤逐步推进。
主要能力:支持独立模式(默认,启动新的 Chromium 会话)和扩展模式(连接用户已有的 Chrome,用于已登录或需鉴权的场景)。提供命名页面管理、ARIA 快照元素发现、截图、等待页面加载或特定元素/URL,以及通过 Playwright Page 对象进行交互。抓取大数据集时可拦截并重放网络请求。
使用方式:独立模式运行 ./skills/dev-browser/server.sh &,可加 --headless,等待 Ready 后执行脚本。扩展模式先运行 cd skills/dev-browser && npm i && npm run start-extension &,等待扩展连接,扩展下载地址为 https://github.com/SawyerHood/dev-browser/releases。脚本需在 skills/dev-browser/ 目录下运行,使用 @/ 导入别名,可通过 heredoc 内联执行 npx tsx。核心 API 包括 connect()、client.page("name")、client.list()、client.close("name")、client.disconnect()、client.getAISnapshot("name")、client.selectSnapshotRef("name", "e5")。
适用场景:本地或源码可读站点可直接写选择器;未知布局可用 getAISnapshot() 发现元素并用 selectSnapshotRef() 交互;需要视觉反馈时截图。
限制:page.evaluate() 在浏览器中运行,只能使用纯 JavaScript,不能写 TypeScript 语法。脚本应保持小而专注,每步只做一件事并评估状态。页面在断开连接后仍保留在服务器上。扩展模式需用户先启动并激活扩展。资料未提供收费、价格或平台支持等更多信息。