元素截图
组件介绍
对选择元素进行截图并保存到本地
截图
属性说明
必填项
| 属性名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| 目标元素 | 元素 | 空 | 抓取到的元素信息 可以选择「元素赋值」组件返回的变量 也可以点击「选择元素」选择元素 |
选填项
| 类型 | 属性名称 | 默认值 | 说明 |
|---|---|---|---|
| 字符串 | 保存路径 | 空 | 图片保存的文件夹，为空默认为流程的 res 文件夹 |
| 下拉选项 | 图片名 | 随机 | 截图后的图片名称： ● 随机：截图时的时间戳 ● 自定义：自定义图片名称 |
| 字符串 | 名称 | 空 | 文件名选择自定义时需要输入的图片名称 |
| 下拉选项 | 同名文件 | 覆盖 | 保存路径下已存在与图片名相同的文件时的操作： ● 覆盖：替换已存在的文件 ● 取消保存：不保存截图 |
| 数字 | 查找元素超时 | 5 | 单位：秒 在查找元素时，如果超过了指定的时间，则认为目标元素不存在 |
返回值
| 名称 | 类型 | 说明 |
|---|---|---|
| 图片路径 | 字符串 | 图片保存的完整路径 |
组件示例
- 打开浏览器，打开百度首页
- 元素赋值：点击选择元素，根据引导选择浏览器的 “贴吧” 文字元素；变量名 aaa — 选择贴吧文字元素
- 元素截图：目标元素 aaa，选填项默认，返回值图片路径 path
- 输出日志：日志 path
- 运行结果：将贴吧文字元素截图并保存在流程的 res 文件夹下，文件名称为截图时的时间戳
名词解析
变量：顾名思义，是相对于常量（即一成不变的值）存在的，使用变量是为了在使用该变量的过程中，根据不同情景来使用一个时常变化的值。尤其是对于重复使用的值，使用变量还能减轻后期维护成本，比如一个数据在流程中多次使用，不使用变量的话，后期修改就需要一个个的去改，而使用变量则只需要修改变量值，则所有使用该变量的地方都会随之更新。
元素：我们所见到的桌面程序比如 QQ，或者浏览器网页比如百度首页，这些软件的界面都是由一个个元素构成的。友友编辑器的元素探测可以获取到这些元素的信息，包括但不限于：元素编号、坐标、文本、链接、源码、图片链接、值等。通过元素信息对比，可以帮助我们快速找到要进行操作的对象。
选择元素：请点击「选择元素」后鼠标移动到 “贴吧” 文字，探索框高亮选中贴吧后按下 CTRL + 鼠标左键，点击「保存」。
流程文件夹：目录介绍详见账号分类的流程发布文件大小上限。
注意事项
部分软件或网页禁止元素探测，例如微信、微信小程序窗口内部、网页内嵌内容等。
在网页上抓取数据目前支持谷歌、IE、Edge、360 及 Firefox（火狐） 浏览器，除 IE 浏览器外其他浏览器都需要安装插件，具体操作详见浏览器插件安装说明。
选填项「保存路径」为空默认为流程的 res 文件夹。
多次重复使用的元素推荐使用「元素赋值」组件，只需要选择元素变量即可调用此元素，无需每个元素组件都选择元素。