浏览器检查与提取

免费网页按钮清单工具.

按钮标签、类型和可见的交互语境。

在规划界面改动前,列出正在审阅的网页控件及其名称和上下文。

需要 Chrome 扩展程序和账号。
每月 25 次免费自动化任务,所有工具共享。受浏览器连接提供方的限制约束。

需要准备的内容

已渲染页面上的控件。

开始使用

可按需调整的任务。

在这里复制,准备好后粘贴到 WebAct。

本页用于准备提示词,任务在 WebAct 中运行。

01

按需调整任务。

检查上方提示词,添加你的目标和重要要求。

02

带到 WebAct 中。

打开来源页面,启用 WebAct,选择相关且可读取的内容。粘贴任务,并补充任务要求的其他来源材料。

03

检查有用的部分。

结果涵盖你提供或选定的可读取内容。先展开相关页面部分,再检查输出是否包含预期记录。

实用指南

如何在语境中整理网页控件清单。

控件清单应在语境中记录标签和角色。只有图标的按钮即使视觉含义明显,也可能需要无障碍名称。

按任务需求调整流程。

列出指定页面区域内可操作的控件,记录可见标签、无障碍名称、角色和可用时的状态。把重复标签与所属容器关联。不要为了识别控件而直接触发它;把不确定的行为留待后续核查。

你需要提供什么
已渲染页面上的控件。
你会得到什么
按钮标签、类型和可见的交互语境。

查看输入和结果。

演示用输入和输出 · 教学示例,并非 WebAct 实时运行结果

示例 个输入项

Supplied DOM: <button>Save draft</button> and <button><svg aria-hidden="true"></svg></button>. Second control visually uses a trash icon; no other naming attributes.

完整示例

Control 1: native button, visible and accessible name "Save draft".
Control 2: native button, no accessible name in the supplied markup; decorative SVG does not provide one.
Review: confirm the second action, then provide an accurate name such as Delete item if that is its actual function.
下载此示例

将这份输入载入提示词,再复制到 WebAct 中尝试任务。实际结果可能与示例不同。

决策与问题排查。

看起来像按钮的链接也要列入清单吗?

审阅界面时要列入,但需保留其链接角色和目的地,以区分导航与操作。

为什么结果中的多个“删除”控件难以区分?

缺少周围的记录或分区。补上语境,并检查无障碍名称是否也能区分控件。

使用自己的资料试一试。

将任务提示词中的示例换成你的材料。保留所需条件,再把任务复制到 WebAct。

自定义并复制任务 ↑
开始之前

使用 WebAct。

提示词和示例在本页提供。请在 WebAct Chrome 扩展中运行任务。

这个工具免费吗?

你可以在这里免费复制和编辑提示词。要在 WebAct 中使用,请安装 Chrome 扩展,创建并验证账户,然后连接可用的浏览器 ChatGPT 会话。Free 方案每自然月包含 25 次由用户发起的自动化任务,所有工具共享。普通浏览器 Chat 单独计算;仍受提供方限制约束。

有关共享上下文,请参阅我们的 隐私政策 以及如何选择 Chat 或 Task.

从提示词到你的实际工作

将任务带到页面上。

安装 WebAct,加入原始材料,再按需调整结果。

安装 WebAct