Skip to content

浏览器验收:检查报名页并交付问题报告

作者已运行 · 浏览器接入本身不在本篇验证范围

本篇使用当前 Codex 会话已有的 Ego 浏览器能力,未验证 Playwright MCP 安装。读者需要已经可用的浏览器工具;未连接工具时先完成自己环境的接入,不能仅靠提示词获得浏览器能力。尚无独立读者复现。

1. 场景价值与交付产物预览

当 AI 告诉你“页面完成了”,还需要实际打开并检查操作是否符合需求。本练习提供一个本站原创的虚构报名页面,故意包含缺陷,不收集真实信息。

输入是练习页面与页面上写明的需求。输出是问题报告和实际截图,不是修复后的页面。

空姓名和邮箱仍显示报名成功的实际截图

2. 前置准备与环境配置

作者环境为 macOS 26.5.1 arm64、Codex 当前会话与 Ego 浏览器。这里只验证这一环境;不承诺相同 Prompt 在未接入工具的客户端可运行。

读者可直接打开本站练习页。需要离线运行时保存 index.htmlhelp.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. 排障与验收要求

报告至少包含两个预设问题:空提交未被阻止、帮助入口指向错误路径。每个问题都必须写预期、实际、复现步骤;同时记录正常填写路径和未覆盖范围。

  • 找不到浏览器工具:停止本练习,先解决接入,不让模型猜页面内容。
  • 页面提示成功:检查输入和实际系统状态;此样例没有服务端,因此不能写“记录已入库”。
  • 工具定位失败:先重新观察页面再选择元素,不能盲目重试同一个定位器。
  • 只完成截图:仍需实际操作和报告。截图不能证明所有按钮都可用。

6. 示例源码与产物资源

验证状态以文章证据为准 · 非 OpenAI 官方网站