Tabbit博客

怎样让 AI Agent 验收本地网页?

让浏览器 Agent 打开本次改动的 localhost 路由,复现交互故障,再用网络结果和可见回执确认修复。

本文目录
  1. 启动服务并确认目标路由
  2. 走完一个完整用户动作
  3. 复现问题、改一行、按原步骤复测
  4. 需要保存哪些证据?
  5. 打不开页面时怎么办?

语法检查通过时,真实用户操作仍可能失败。浏览器验收需要一条改动路由、一组测试输入和用户可见的结果。示例的提醒设置页面修复前后都返回 HTTP 200,只有提交表单才暴露问题。

启动服务并确认目标路由

记录主机、端口和路由,确认监听的是预期进程。测试服务用回环地址。如果 Agent 在远端,它的 localhost 指向远端环境。用独立测试标签页打开改动路由,核对标题和初始状态。首页 HTTP 200 不能证明本次改动的设置页能用。

从这里开始核对
GET /settings/alertsHTTP 200 · Alert settings
Enable alertsSave alerts
POST /api/alertsHTTP + role=status

Playwright · Web server

走完一个完整用户动作

勾选 Enable alerts,再点击 Save alerts,同时观察 POST 响应和页面文字。在点击前开始等待响应,避免漏掉快速返回的请求。核对方法和路径,以免把同时完成的其他请求算进去。只用合成输入,在生产环境避开不可逆操作。

Playwright · Network

复现问题、改一行、按原步骤复测

首次运行,前端发送 enabled,而服务端要求 alertsEnabled,于是返回 422,页面显示 Save failed: alertsEnabled required。只改请求字段,在同一端口重启练习服务。勾选同一个控件并点击同一个按钮,POST 返回 200,页面显示 Q02-ALERTS-ENABLED。浏览器检查发现了 JavaScript 语法检查没覆盖的接口不匹配。

阶段修复前修复后
页面导航HTTP 200HTTP 200
提交动作POST 422 · enabledPOST 200 · alertsEnabled
可见结果Save failed: alertsEnabled requiredQ02-ALERTS-ENABLED

修复前 Tabbit 显示保存失败

修复后 Tabbit 显示提醒回执

需要保存哪些证据?

保留改动路由、具体步骤、输入、预期与实际结果、脱敏网络信息,以及能呈现问题的截图。前后结果放在一起。此练习只验证回执,没有测账号持久化或生产性能。如果功能承诺持久化,刷新后单独核对读取接口返回的值。

有开发者询问如何让编码 Agent 像用户一样操作自己的小型应用。另一位描述了其流程中的 localhost 访问和 CSS 渲染盲区。可把要求写成在可访问路由上验证一个可观察行为。

Reddit · Cursor · Reddit · BuildWithClaude

打不开页面时怎么办?

先在浏览器所在环境检查服务监听,再核对域名、端口和路径。分别处理连接失败、页面报错和用户动作失败。缺少所需网络权限时停下,并记录具体边界。

常见问题

如何启动本地验收?

记录主机、端口和路由,确认监听的是预期进程。测试服务用回环地址。如果 Agent 在远端,它的 localhost 指向远端环境。用独立测试标签页打开改动路由,核对标题和初始状态。首页 HTTP 200 不能证明本次改动的设置页能用。

要测试哪个浏览器动作?

勾选 Enable alerts,再点击 Save alerts,同时观察 POST 响应和页面文字。在点击前开始等待响应,避免漏掉快速返回的请求。核对方法和路径,以免把同时完成的其他请求算进去。只用合成输入,在生产环境避开不可逆操作。

怎样确认一行修复?

首次运行,前端发送 enabled,而服务端要求 alertsEnabled,于是返回 422,页面显示 Save failed: alertsEnabled required。只改请求字段,在同一端口重启练习服务。勾选同一个控件并点击同一个按钮,POST 返回 200,页面显示 Q02-ALERTS-ENABLED。浏览器检查发现了 JavaScript 语法检查没覆盖的接口不匹配。

验收要保留什么?

保留改动路由、具体步骤、输入、预期与实际结果、脱敏网络信息,以及能呈现问题的截图。前后结果放在一起。此练习只验证回执,没有测账号持久化或生产性能。如果功能承诺持久化,刷新后单独核对读取接口返回的值。

打不开页面时怎么办?

先在浏览器所在环境检查服务监听,再核对域名、端口和路径。分别处理连接失败、页面报错和用户动作失败。缺少所需网络权限时停下,并记录具体边界。

下一步

让 Tabbit 与你并肩工作。

跨标签页调研、自动化重复的浏览器工作,让每一处上下文都触手可及。