# 页面操作

页面操作分类下包含"新建标签"、"关闭标签"、"关闭其他标签"、"切换标签"、"访问网站"、"刷新页面"、"页面后退"、"页面截图"、"经过元素"、"下拉选择器"、"元素聚焦"、"点击元素"、"输入内容"、"滚动页面"、"上传附件"、"执行JS脚本",共16个操作选项。

# 新建标签

场景举例:要在浏览器新建一个标签页去访问某个网页。

# 关闭标签

场景举例:关闭当前正在执行RPA操作的标签页,例如在标签页A中执行了相关操作,操作完成后需要关闭该标签页A,此时需要使用此选项。

# 关闭其他标签

场景举例:当需要关闭除当前RPA操作页面之外的其他所有标签页时,需要使用此功能。

# 切换标签

场景举例:当需要切换浏览器标签页时,可以使用此功能。当选择的【条件】与填写的【标签信息】匹配时,系统会切换到对应的标签页。

  • URL:指网站的访问地址,例如百度的URL是https://www.baidu.com/
  • 标题:指网页的title标题,例如百度的页面标题是"百度一下,你就知道"

# 访问网站

场景举例:需要访问指定的网站地址。

  • 访问URL:输入目标网站的完整URL地址,如:https://www.facebook.com
  • 使用变量:调用已保存的变量值作为URL

# 刷新页面

场景举例:当需要重新加载当前页面时,使用此选项。

# 页面后退

场景举例:当需要执行浏览器历史记录后退操作时,使用此选项。

# 页面截图

场景举例:当执行某个步骤需要保存页面截图时,可以选择该选项。

  • 截图名称:可自定义截图文件的保存名称,默认命名规则:任务id+用户id+时间戳。
  • 截全屏:
  • 开启:截取整个网页的完整长图。
  • 关闭:仅截取当前视窗可见区域的页面内容。
  • 图片格式:选择输出图片的文件格式(png或jpeg)。选择jpeg格式时,可设置图片压缩质量参数。

# 经过元素

场景举例:模拟鼠标悬停事件,触发hover效果,适用于按钮、图片、输入框等交互元素。

  • 选择器:输入CSS选择器表达式,如#email_input、input[type="password"]、.button_search等。选择器语法参考:点击查看
  • 储存的元素对象:选择用于存储DOM元素对象的变量。
  • 元素顺序:
  • 固定值:按索引选择页面中第几个匹配的元素。
  • 随机:在设定的索引区间内随机选择一个匹配的元素。

# 下拉选择器

场景举例:从下拉选择框中选取指定的选项值。

  • 选择器:下拉选择器仅支持<select>元素。如上图示例,输入能够定位到<select>元素的CSS选择器,如:#pet-select。选择器语法参考:点击查看
  • 储存的元素对象:选择用于存储DOM元素对象的变量。
  • 元素顺序:
  • 固定值:按索引选择页面中第几个匹配的<select>元素。
  • 随机:在设定的索引区间内随机选择一个匹配的<select>元素。
  • 选择的值:输入目标选项的value属性值,如上图示例中选择'cn',即输入value="cn"。使用变量*:调用之前保存的变量值。

# 元素聚焦

场景举例:将鼠标焦点定位到指定元素上。如下动图所示,光标会聚焦到输入框元素内。

  • 选择器:输入选择器,如#email_input、 .button_search等。。选择器使用可参考:点击查看
  • 储存的元素对象:选择一个保存为对象的变量。
  • 元素顺序:
  • 固定值:选择网页里面的第几个元素。
  • 随机:在设定的区间内随机选择一个元素。

# 点击元素

场景举例:对页面中的指定元素执行点击操作,如图片、按钮等交互元素。

  • 选择器:输入元素选择器,如#email_input、input[type="password"]、 .button_search等。。选择器使用可参考:点击查看
  • 储存的元素对象:选择一个保存为对象的变量。
  • 元素顺序:
  • 固定值:选择网页里面的第几个元素。
  • 随机:在设定的区间内随机选择一个元素。
  • 点击类型:可选择鼠标按键类型:左键、中键、右键。
  • 按键类型:选择鼠标操作模式:单击或双击。

# 输入内容

场景举例:向指定的表单元素中输入文本内容。

  • 仅支持以下表单元素类型:<input type='text'>、<input type='password'>、<textarea>,因此输入的选择器必须定位到这些元素。输入元素选择器表达式,如 input[type="password"]、input[type="text"]。选择器语法参考:点击查看
  • 储存的元素对象:选择用于存储DOM元素对象的变量。
  • 元素顺序:
  • 固定值:按索引选择页面中第几个匹配的表单元素。
  • 随机:在设定的索引区间内随机选择一个匹配的表单元素。
  • 内容:输入要填充的文本内容,使用变量*:调用之前保存的变量值。
  • 输入间隔时间:如上示例,设置间隔时间为200毫秒,表示每隔200毫秒输入一个字符,模拟人工输入速度。

# 滚动页面

场景举例:该选项用于模拟页面滚动行为,当需要浏览页面内容或触发懒加载时,需要使用此选项。

  • 滚动距离:
  • 位置:可选择滚动目标位置:页面顶部、中部、底部;
  • 像素:可输入具体的滚动像素值,如:100px、1000px、1234px;
  • 滚动类型:
  • 平滑:采用平滑滚动动画效果,缓慢滚动到目标位置
  • 瞬间:采用瞬时滚动方式,快速跳转到目标位置
  • 滚动速度:
  • 仅在滚动类型选择【平滑】时,此配置项生效
  • 单次滚动距离:每次滚动操作的像素距离
  • 停止时间:每次滚动操作后的停留等待时间
  • 通过调整这两个参数可以精确控制页面滚动速度,可使用调试功能测试出合适的参数值

# 上传附件

场景举例:可以向网站上传附件文件,支持excel、txt、图片等多种文件格式。

  • 仅支持对<input type='file'>文件上传元素进行操作,因此输入的选择器必须定位到此元素。输入元素选择器表达式,如 input[type="file"]。选择器语法参考:点击查看
  • 元素顺序:
  • 固定值:按索引选择页面中第几个匹配的文件上传元素。
  • 随机:在设定的索引区间内随机选择一个匹配的文件上传元素。
  • 附件:本地文件:选择本地文件系统中的文件进行上传。
  • 超时等待:设置最长等待时间。如设置为30000毫秒:表示在30秒内如果未能成功执行该步骤,则跳过继续执行下一步。

# 执行JS脚本

场景举例:向浏览器页面中注入并执行JavaScript代码。

  • JavaScript:可注入自定义的JS代码片段,如:console.log('hello'),执行该步骤后可在浏览器控制台中查看输出结果
  • 注入变量:选择需要注入的变量,可在JS函数作用域内使用该变量,如上图示例中的 task_id
  • 返回值保存至:将JavaScript脚本函数return语句返回的值保存到指定变量。如上图代码示例,return返回的是name变量的值,即'test'。因此,会将'test'保存至js_name这个变量中