操作前
若要查看操作发生之前的页面，可以使用浏览器回放工具的前置动作浏览器内容选项卡。例如，下图为浏览器回放工具显示的点击“Athletic”操作（该操作模仿用户将搜索范围缩小为只包含运动鞋的操作）前的 web 页面外观。
通过右键点击该元素，选择检查 <Element>，可以看到此给定元素的 HTML。
操作后
若要查看操作发生之后的页面，则使用浏览器内容查看器工具。例如，下图为浏览器内容查看器工具显示的点击“Athletic”操作之后同一 web 页面的外观。
彩色边框
请注意，各种颜色的边框用于突出显示作为提取、验证、用户操作等操作源的元素。
下表解释了每个彩色边框所表示的内容。
| 颜色 | 标记内容 |
|---|---|
| 蓝色 | 用户操作 |
| 红色 | 验证 |
| 灰色 | 数据库提取物 |
| 绿色 | 等待条件 |
| 紫色 | 验证 + 数据库提取物 |
