跳到主要内容

等待元素

等待元素节点用于暂停流程执行，直到指定元素出现或消失后再继续。解决动态页面中"元素还没渲染、流程就跑过去了"的问题。

等待元素节点参数配置面板

使用示例​

场景：打开一个商品列表页，列表数据是异步加载的，直接采集会抓空。在「打开网页」和「数据采集」之间插入等待元素节点。

打开网页 → 等待元素 → 数据采集
              ↑
         等商品列表出现再继续

配置：目标元素填 .product-item（列表项的选择器），监控类型选「元素出现」。流程跑到这里会暂停，商品卡片渲染出来后立即继续采集。

另一个场景：提交表单后页面上出现一个 loading 遮罩，需要等遮罩消失才能继续操作。

点击提交按钮 → 等待元素(等.loading-spinner消失) → 点击下一页

配置：目标元素填 .loading-spinner，监控类型选「元素消失」。

参数说明​

目标元素​

CSS 选择器，指定要监控的元素。支持 {{变量名}} 引用动态选择器。

监控类型​

  • 元素出现：匹配到目标元素时继续。最常用——等按钮渲染、等列表加载、等弹窗弹出
  • 元素消失：不再匹配到目标元素时继续。等加载动画消失、等遮罩层关闭

超时时间​

最大等待秒数，不填默认 30 秒。超时后节点报错、流程中断。网络慢或页面复杂时适当调大。

常见问题​

等待超时但元素明明在页面上​

现象：元素已在页面显示，节点仍然超时。

原因：选择器写错，或元素在 iframe 中未切换上下文。

解决：在开发者工具 Console 执行 document.querySelector('你的选择器') 验证；如果元素在 iframe 中，先用「切换 iframe」进入。