AI 开源项目雷达帮你从 GitHub 上快速发现、理解和复用高质量 AI 开源项目。

左右滑动查看全部 ↔ English ←返回 AI 工作站

Agent Skill 核验档案

浏览器自动化 · Dev Browser

dev-browser 是一个浏览器自动化 Skill，能够在脚本多次执行之间保持页面状态持久化。它支持导航网站、填写表单、截图、提取网页数据、测试 Web 应用以及自动化浏览器工作流等操作。

适用任务

导航到指定 URL 并等待页面加载完成
通过 getAISnapshot() 获取页面无障碍树并使用 selectSnapshotRef() 点击指定元素
对网页进行整页截图并保存到文件
通过拦截和重放网络请求来抓取大型数据集
以 Standalone 模式启动新的 Chromium 浏览器进行自动化会话
以 Extension 模式连接用户已有的 Chrome 浏览器在登录态下执行操作

输入

目标网站 URL
页面名称（如 checkout、login 等描述性名称）
可选的视口尺寸（宽度和高度）
需交互的元素引用（如 e5）
截图保存路径（如 tmp/screenshot.png）

输出

页面标题和当前 URL
保存在 tmp/ 目录下的截图文件
YAML 格式的页面无障碍树
页面文本内容
当前页面状态的调试信息（URL、标题、正文文本）

限制与检查

page.evaluate() 在浏览器中执行，不支持 TypeScript 语法，类型注解会导致运行时失败
仅当脚本需要复用、逻辑复杂或用户明确要求时才应写入 tmp/ 文件
Extension 模式下若扩展尚未连接则无法控制浏览器
确认每个脚本仅执行一个操作（导航、点击、填写或检查），并在结尾记录或返回状态以决定后续步骤
验证 page.evaluate() 中未使用任何 TypeScript 类型注解语法
确认断开连接时调用了 await client.disconnect() 以保证页面在服务器上持久存在
检查 Standalone 模式下是否已等待 Ready 消息或 Extension 模式下是否已等待 Extension connected 消息
确认脚本运行目录为 skills/dev-browser 以保证 @/ 导入别名正常工作

AI 搜索

搜项目、查事实、做对比，也能把复杂需求整理成可执行方案

从一个真实需求开始点击只会填入搜索框，你可以继续修改

合集应用场景项目类型 License 部署方式资源形态

项目详情

0