真实操作案例自动化与工作流
浏览器自动化操作:Tokeny 实操案例
对本地表单网页进行真实浏览器自动化:填写姓名和反馈、点击提交、读取成功提示、保存截图与提取 JSON。只操作本地演示网页。
作者:Tokeny 团队 · Windows · Tokeny 1.7.8 · gpt-6-sol
准备这次任务的输入
在 Tokeny 中新建工作空间,将下载的样例解压到工作空间,选择支持工具调用的模型。本例使用合成演示数据或文中列出的公开资料。
- form.html
把任务交给 Tokeny
对本地表单网页进行真实浏览器自动化:填写姓名和反馈、点击提交、读取成功提示、保存截图与提取 JSON。只操作本地演示网页。 交付文件:browser-test.mjs、submission.json、browser-result.png。 验收要点: - 实际 Chromium 填写与点击 - 结果包含演示姓名与反馈 - 截图来自真实页面 这是使用合成演示输入或指定公开资料的真实操作案例。请先读取工作空间输入,再实际生成文件并自检。所有写入、脚本与临时服务限于当前工作空间;临时服务只监听 127.0.0.1,执行后关闭;不触达外部收件人、不发布、不付款、不更改系统设置,不调用子智能体。需要公开资料时可读取给定 URL。只启用完成任务必需的工具。另写 report.md(中文)和 report.en.md(英文),简洁、完整,包含输入、处理步骤、真实结果、检查方式和局限;失败或未验证部分如实记录,不能宣称成功。最终回复用中文列出产物、关键结果与待核实项。 排版检查:Word 主标题仅出现一次,标题为黑色且与后续正文或表格保持同页;表格的标题、表头和第一条数据保持同页,单行不要跨页拆分;Excel 表头和长文字不能被窄列截断,合理设置列宽、换行、行高;HTML 在 390px 视口不能整页横向溢出。临时网络服务请用系统分配端口(0),记录实际端口,不使用固定端口,避免并发案例互相访问。报告没有固定字数要求,不要为字数反复改写。
本次使用独立演示工作空间。复现时,请根据自己的文件与权限设置检查操作,确认后继续。
实际执行过程
任务从 Tokeny 输入框提交,由在线模型读取资料并调用工具实际执行。表单操作与截图针对本地演示网页,使用真实浏览器执行。
产物、结果与复核
输入
- 页面:
form.html,本地体验反馈演示页。 - 姓名:林晓雨
- 反馈:页面加载很快,提交流程清晰。
处理步骤
- 读取工作空间中的
form.html和环境说明。 - 运行
browser-test.mjs,启动仅监听127.0.0.1的临时 HTTP 服务,并使用系统分配端口0。 - 通过真实 Microsoft Edge(Chromium)打开本地页面。
- 使用浏览器定位器填写姓名和反馈,点击“提交”。
- 读取
role="status"成功提示,保存真实页面截图和 JSON 结果。 - 关闭浏览器并关闭临时服务。
真实结果
- 成功提示:
已收到 林晓雨 的反馈:页面加载很快,提交流程清晰。 - JSON:
submission.json - 截图:
browser-result.png - 实际端口:
58814,由操作系统分配,未使用固定端口。 - 390px 视口检查:
viewportWidth=390、scrollWidth=390,无整页横向溢出。
检查方式
- 检查
submission.json中的submitted、name、feedback和successMessage。 - 检查
mobileLayout.noHorizontalOverflow为true。 - 检查截图文件存在,并由 Playwright 在提交后的真实页面上生成。
- 检查脚本退出前关闭浏览器和临时 HTTP 服务。
局限
- 本次仅验证本地静态演示页,不代表真实后端接口、网络传输或持久化存储行为。
- 使用无头真实 Chromium 内核执行,未覆盖其他浏览器、字体环境或真实移动设备。
下载产物,自己核对
压缩包保存本次执行生成的文件。替换成自己的资料后,可以按下面的检查点验收。
- 实际 Chromium 填写与点击
- 结果包含演示姓名与反馈
- 截图来自真实页面
browser-test.mjs · 3 KBsubmission.json · 1 KBbrowser-result.png · 22 KBreport.md · 1 KBreport.en.md · 2 KB
下载本次实际产物
