真实操作案例自动化与工作流

浏览器自动化操作: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 输入框提交,由在线模型读取资料并调用工具实际执行。表单操作与截图针对本地演示网页,使用真实浏览器执行。

Tokeny 1.7.8 中「浏览器自动化操作」的真实执行会话与生成文件。点击可查看原图。
Tokeny 1.7.8 中「浏览器自动化操作」的真实执行会话与生成文件。点击可查看原图。
browser-result.png 的实际文件预览。
browser-result.png 的实际文件预览。

产物、结果与复核

输入

  • 页面:form.html,本地体验反馈演示页。
  • 姓名:林晓雨
  • 反馈:页面加载很快,提交流程清晰。

处理步骤

  1. 读取工作空间中的 form.html 和环境说明。
  2. 运行 browser-test.mjs,启动仅监听 127.0.0.1 的临时 HTTP 服务,并使用系统分配端口 0。
  3. 通过真实 Microsoft Edge(Chromium)打开本地页面。
  4. 使用浏览器定位器填写姓名和反馈,点击“提交”。
  5. 读取 role="status" 成功提示,保存真实页面截图和 JSON 结果。
  6. 关闭浏览器并关闭临时服务。

真实结果

  • 成功提示:已收到 林晓雨 的反馈:页面加载很快,提交流程清晰。
  • 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
下载本次实际产物

继续探索同类场景