展开本页目录
开始前准备什么
- 下载到独立练习目录，保留原始输入副本。
- 模型步骤使用自己的已验证配置；离线检查不需要 API Key。
- 先阅读 README 中的运行范围；练习数据均为原创。
- 建立自己的练习表单
- 定位控件和执行范围
- 检查空字段
- 检查邮箱格式
- 检查本地回执
- 保存真实输出与截图
- 在自己的环境复跑
1. 建立自己的练习表单
source.html 的 form 仅生成本页回执，下载后用本地服务打开。
2. 定位控件和执行范围
先用 browser_snapshot 找到姓名、邮箱和提交控件，再填写空值或错误邮箱，查看 invalid 控件。真实演示采用 Playwright CLI 调用，不宣称已执行 MCP 模型任务；MCP 客户端可用相同任务自行复现。
3. 检查空字段
空姓名和空邮箱应由 required 阻止；不能以按钮被点击判断提交成功。
4. 检查邮箱格式
填 bad-email，核对 validity.typeMismatch；再改成 [email protected]。
5. 检查本地回执
正确字段后生成姓名与邮箱的本地回执，页面没有外部请求。
6. 保存真实输出与截图
对照 result.html 与原始 browser-result.json 或 local-result.json。结果必须包含本任务字段与来源，截图不能代替实际输出检查。已真实执行独立 Playwright 样站检查与失败负例；未执行 MCP 模型会话，不对外提交。
7. 在自己的环境复跑
按下载 README 使用独立目录；Playwright 首次需安装库和浏览器。负例退出非零是预期，实际用于 CI 时只将正例作为通过条件。
text
text
npm install --no-save playwright
node check.mjs
node check.mjs --negative怎样确认已经完成
- 空姓名、空邮箱与错误邮箱均阻止提交，错误状态可见。
- 合法输入产生匹配姓名与邮箱的真实本地回执。
- 样站不对外提交；独立Playwright结果与MCP模型会话分开。
常见问题
截图是官方工具界面吗？
这是自建样站和真实脚本输出的浏览器截图，原始 HTML 与验证脚本均可下载；不假装官方产品界面。
可以直接提交到真实网站吗？
本页先在自己的独立样站验证。迁移时重新确定站点、字段和允许动作，本教材没有外部提交步骤。