Automa工作流元素选择器

在使用 Automa 进行网页自动化操作时,元素选择器是非常关键的工具。它可以帮助你精确定位网页上的元素,例如表单输入框、按钮、文本等,从而让工作流可以与这些元素进行交互或者提取数据。Automa 支持两种常见的选择器语法:CSS 选择器和 XPath 表达式。除此之外,Automa 还为用户提供了多种便捷的选择器选项和功能,帮助你更好地完成工作流中的任务。

1. CSS选择器与XPath表达式

CSS选择器是网页开发中常用的一种选择器语法,用来选择符合特定类、标签或属性的元素。比如,使用 .form-name 作为选择器,可以让 Automa 选择页面上所有具有 form-name 类的 <input> 元素。

XPath表达式是一种基于 XML 的路径选择语言,常用于选择更为复杂的节点。例如,//input[@name='email'] 可以选择带有 name 属性值为 email<input> 元素。

2. 模块选择器选项

在编辑需要元素选择器的模块时,例如点击元素获取文本模块,你会看到选择器选项。通过正确设置选择器,可以让工作流更准确地操作页面元素。

多选

默认情况下,Automa 只会匹配页面上的第一个元素。如果你希望选择多个元素,例如页面上的所有段落,可以使用多选模式。只需在选择器中使用常见的 CSS 选择器语法,比如 p,Automa 将获取所有与该选择器匹配的元素,并对其执行操作。

标记元素

Automa 还提供了标记元素的选项,这意味着如果某个元素已经被工作流操作过,它会被标记为已处理,下次工作流不会再次选择它。

举个例子,假设我们有以下的 HTML 结构:

    
html
<div>
  <p class="text" id="1">Text</p>
  <p class="text" id="2">Text</p>
  <p class="text" id="3">Text</p>
  <p class="text" id="4">Text</p>
</div>

在这个结构中,Automa 通过选择器 .text 来选择第一个 <p> 元素,并标记它。下一次执行时,它会跳过第一个元素,选择第二个 <p> 元素,以此类推。

等待选择器

有时候,你需要等待某个元素出现在页面上,这时可以使用等待选择器功能。它会一直等待指定的元素出现,然后再执行操作。如果元素没有在设定的超时时间内出现,工作流将抛出错误。这个功能非常适合处理页面加载较慢的场景。

3. 生成选择器

如果你不知道如何编写 CSS 选择器或 XPath 表达式,Automa 提供了一个简单易用的选择器生成工具。你可以点击 Automa 面板中的 选择按钮,然后直接在网页上选择你想要操作的元素,Automa 会自动生成一个相应的选择器,非常方便。

在编辑模块时,你也可以点击 选择一个元素 按钮,Automa 会将选择器注入当前页面,帮助你快速生成准确的选择器。

4. 自定义选择器语法

除了标准的 CSS 选择器和 XPath 表达式,Automa 还支持一些自定义选择器语法,例如:

  • iframe-selector |> element-selector: 用于选择 iframe 中的元素。例如 iframe.result |> button.primary-btn 表示在名为 result 的 iframe 内选择 primary-btn 按钮。

  • :contains(TEXT): 选择包含特定文本的元素。例如 p.description:contains("cat") 用于选择描述段落中包含 "cat" 文字的元素。

  • shadow-dom-selector >> element-selector: 用于选择 Shadow DOM 中的元素。例如 div.app-container >> h1.title,表示选择 app-container 组件内的 title 元素。

实际应用场景

  • 填充表单:你可以使用 input.form-name 这样的选择器来定位网页上的表单输入框,并自动填充数据。无论是单个还是多个输入框,Automa 都可以通过准确的选择器完成表单填充任务。

  • 点击按钮:通过选择器 button.submit,你可以让 Automa 自动点击页面上的提交按钮,适用于需要自动化提交表单的工作流。

  • 提取文本内容:使用选择器 p.article,你可以从网页上抓取所有文章段落的文本内容,这对于数据抓取和分析非常有帮助。

使用 Automa 的元素选择器功能,可以大大提高网页自动化操作的效率。尤其是在处理需要精确定位或处理多个相同元素时,选择器的作用至关重要。通过 CSS 选择器、XPath 和 Automa 提供的自定义语法,能够满足绝大多数的操作需求。

如果你还不熟悉 CSS 选择器和 XPath,建议多用 Automa 的选择器生成工具,快速上手并优化你的工作流设置。

阅读全文
AI工具教程
免费领取AI学习资料 进AI副业交流群
礼物
AI工具教程
免费领取AI学习资料 进AI副业交流群