面向 Agent 的浏览器工作环境

让 Agent 执行任务,也能排查与验证

把页面操作、网络请求、日志和环境模拟连接起来,让 Agent 完成任务、检查结果,再将验证过的流程沉淀为可复用的 Skill。

选择你想用的浏览器,通过扩展、CDP 或 Provider 接入任务所需的环境。

让 Agent 导出每周报表

工作流示意 · 非实时运行
让 Agent 导出每周报表

帮我导出上周的报表,核对日期和字段,再把这套流程保存为 Skill。

数据报表
每周数据汇总上周 · CSV 格式
weekly-report.csv
已筛选上周数据
PAGE ACTION

从日常操作开始

打开报表页面,选择上周的日期范围,执行导出。

打开报表页面
→ 选择上周
→ 导出 CSV
沿用所选浏览器的登录态
数据报表
每周数据汇总上周 · CSV 格式
weekly-report.csv
报表已生成
REQUEST + RESPONSE

确认页面请求了什么

读取导出请求和响应,确认日期范围与页面选择一致。

GET /api/reports      200
range: last_week
format: csv
请求中的日期范围与筛选条件一致
数据报表
每周数据汇总上周 · CSV 格式
weekly-report.csv
下载完成,已核对
DOWNLOAD + VERIFICATION

拿到文件,再核对结果

保存 CSV,检查文件中的日期和字段,再报告完成。

weekly-report.csv
✓ 日期范围符合上周
✓ 所需字段齐全
交付已保存、已核对的报表文件
数据报表
每周数据汇总上周 · CSV 格式
weekly-report/SKILL.md
已保存操作流程
REUSABLE SKILL

下周,直接复用

将导出和核对步骤做成带日期参数的 Skill。

weekly-report/
  SKILL.md
  scripts/export.mjs
下次指定日期范围,调用 Skill 即可
开源 · Apache-2.0网页自动化
概览

用 Mearl 可以做什么

  • 连接浏览器与设备

    通过扩展接入日常 Chrome,用 CDP 连接浏览器或 Electron,或用 Provider 接入外部环境。云端请求可经 Connector 到达浏览器所在主机。

  • 自动操作网页

    让 Agent 读页面、填表、上传下载文件或截图,也可通过 CLI、TypeScript SDK 或 MCP 调用浏览器动作。

  • 用浏览器登录态调用接口

    复用浏览器里的登录态,直接调用已知 HTTP 接口,重放请求或读取报表数据。

  • 调试网页与验收界面

    查看请求、控制台日志和埋点,用 Mock 响应复测页面,或叠加设计稿对比像素差异。

  • 验证 App 与小程序

    模拟设备、时区和 App WebView,检查 JSBridge 与容器行为;也能运行和调试本地微信小程序。

  • 复用工具与工作流

    安装现成的 Skills 和 bb-browser 适配器,或把验证过的流程做成 Skill,从 Agent、CLI 或工具箱再次运行。

设备与 App 模拟

在浏览器里,还原 App 运行环境

按需安装端模拟配置,在浏览器里检查网页进入 App 后的表现,从页面布局到原生交互。

  • App 身份设置 User-Agent 和环境标识,验证页面的端内逻辑。
  • JSBridge 调用模拟配置支持的原生方法与返回数据。
  • 容器行为检查导航与 WebView 行为,配合设备、时区模拟验证。

端模拟示例 · 微信小程序 WebView

普通浏览器

普通浏览器:页面底部显示「加入购物车」和「立即购买」。

启用端模拟

微信小程序内网页:底部只显示「立即购买」。

按角色找到适合的用法

入门

安装 Mearl

先运行 setup,准备 Mearl 环境并接入 Agent,再选择浏览器连接方式。需要接入日常浏览器时,可选安装扩展。

1. 安装 Mearl 环境
npx @mearl/setup