Automa教程：Automa工作流元素选择器

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 的选择器生成工具，快速上手并优化你的工作流设置。

想深入了解DeepSeek的核心玩法扫描下方二维码加入微信群

阅读全文