Appearance
浏览器验收:检查报名页并交付问题报告
作者已运行 · 浏览器接入本身不在本篇验证范围
本篇使用当前 Codex 会话已有的 Ego 浏览器能力,未验证 Playwright MCP 安装。读者需要已经可用的浏览器工具;未连接工具时先完成自己环境的接入,不能仅靠提示词获得浏览器能力。尚无独立读者复现。
1. 场景价值与交付产物预览
当 AI 告诉你“页面完成了”,还需要实际打开并检查操作是否符合需求。本练习提供一个本站原创的虚构报名页面,故意包含缺陷,不收集真实信息。
输入是练习页面与页面上写明的需求。输出是问题报告和实际截图,不是修复后的页面。

2. 前置准备与环境配置
作者环境为 macOS 26.5.1 arm64、Codex 当前会话与 Ego 浏览器。这里只验证这一环境;不承诺相同 Prompt 在未接入工具的客户端可运行。
读者可直接打开本站练习页。需要离线运行时保存 index.html 与 help.html 到同一空目录,并通过自己熟悉的本地静态服务器打开;本篇没有验证所有服务器的启动命令。
使用假姓名与 example.com 邮箱,页面没有后端。完整需求见 TASK.md。
3. 核心配置文件
本练习页面不需要密钥、数据库或服务端配置。浏览器工具的接入由读者已配置的环境提供。本站不会给出一份未经测试的通用 MCP 配置来填满这个章节。
4. Prompt 与执行过程
以下是从实际操作整理出的练习 Prompt,未由独立读者逐字测试:
text
请使用当前可用的浏览器工具打开 https://codexguide.codes/samples/browser-check/index.html。
先读取页面上的需求,分别检查空提交、有效姓名和邮箱提交、帮助入口。
使用假姓名及 [email protected],记录每步预期与实际结果。
发现异常后重置页面复现,保存真实截图和 report.md。
不要修改页面,不要把客户端成功提示当成服务端写入证明。
如果没有可用浏览器工具,直接说明缺失条件,不编造执行过程。作者实际先读取页面语义结构,然后点击空表单提交,观察到“报名成功”;重置后填写合法样例仍显示成功;点击帮助入口进入 missing-help.html,出现未找到页面提示。再次打开初始页面,空提交问题仍可复现。
截图来自实际页面,并非图像生成。作者事先知道页面含有缺陷,这次演示用于学习验收与证据写法,不是未知缺陷检出率评测。
5. 排障与验收要求
报告至少包含两个预设问题:空提交未被阻止、帮助入口指向错误路径。每个问题都必须写预期、实际、复现步骤;同时记录正常填写路径和未覆盖范围。
- 找不到浏览器工具:停止本练习,先解决接入,不让模型猜页面内容。
- 页面提示成功:检查输入和实际系统状态;此样例没有服务端,因此不能写“记录已入库”。
- 工具定位失败:先重新观察页面再选择元素,不能盲目重试同一个定位器。
- 只完成截图:仍需实际操作和报告。截图不能证明所有按钮都可用。