全部产品

网页组件

本文档主要介绍阿里云RPA可视化编辑模式下,网页类组件的操作示例。

打开新网页

必要前置组件:

1. 在画布中新增“打开新网址”组件,在输入参数的打开网址栏,输入“www.aliyun.com”,然后点击调试运行按钮。

打开新网页组件_1

2. 运行后,程序会打开电脑上的IE浏览器,并自动进入到百度页面。

打开新网页组件_2

获取已打开的网页

必要前置组件:

1. 手动使用IE浏览器打开阿里云官网:https://www.baidu.com/,此网站标题为“阿里云-上云就上阿里云”。

获取已打开的网页_1

2. 在画布中新增“获取已打开网页”组件,在输入参数的“查找内容”栏,输入“阿里云”,查找规则选为包含,然后点击调试运行按钮。

3. 运行后,程序会选定电脑上的IE浏览器中,标题包含“阿里云”字眼的第一个页面。

激活网页

必要前置组件:打开新网页| 获取已打开的网页

1. 在“获取已打开的网页”组件之后,新增一个“激活网页”组件,在此组件的参数中选择“获取已打开的网页”组件的输出参数“浏览器对象”的值,本例中为v_web_obj_1。

激活网页_1

2. 运行整个流程,程序会先选定电脑上的IE浏览器中,标题包含“阿里云”字眼的第一个网页。然后,程序会将此网页置顶。

跳转到新网址

必要前置组件:打开新网页| 获取已打开的网页

1. 在“获取已打开的网页”组件之后,新增一个“跳转到新网页”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,在“新网址”参数中,填入阿里云RPA的网址:https://www.aliyun.com/product/codestore

跳转到新网页_1

2. 运行整个流程,程序会先选定电脑上的IE浏览器中,标题包含“阿里云”字眼的第一个页面。然后,程序会在此页面上输入阿里云RPA的网址并跳转。

执行JS

必要前置组件:打开新网页| 获取已打开的网页

1. 在“获取已打开的网页”组件之后,新增一个“执行JS”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,在“JavaScript脚本”参数中,填入alert("阿里云RPA测试")。

执行JS_1

2. 运行整个流程,程序会先选定电脑上的IE浏览器中,标题包含“阿里云”的第一个页面。然后,程序会在此页面执行JS脚本(alert("阿里云RPA测试")),弹出一个警告框,程序执行完毕。

执行JS_2

滚动页面

必要前置组件:打开新网页| 获取已打开的网页

1. 在“获取已打开的网页”组件之后,新增一个“滚动页面”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,设置向下滑动500个像素。

滚动页面_1

2. 运行后,程序将会在指定网页上滚动滑块,此例中,阿里云官网页面上的滑块向下滑动了500个像素。

滚动页面_2

网页截图

必要前置组件:打开新网页| 获取已打开的网页

1. 在获取已打开的网页组件之后,新增一个网页截图组件,在此组件的参数中选择获取已打开的网页的输出参数浏览器对象的值,本例中为v_web_obj_1,在截图保存的文件夹路径参数中,点击右侧文件按钮,选择一个文件夹路径,本例中选择D盘下的网页图片文件夹。

注意:保存路径请不要选择根路径,即不要直接保存在D:\,或者C:\——否则此组件无法正确执行,运行日志中会记录对应错误信息

网页截图_1

2. 运行整个流程,程序会定位到指定的网页,随后,程序会将页面可见范围截图后,保存在指定的目录下。图片自动命名规规则为:截图时间点对应的年月日时分秒(形如YYYYmmddHHMMSS)。

网页截图_2

关闭网页

必要前置组件:打开新网页| 获取已打开的网页

1. 在“获取已打开的网页”组件之后,新增一个“关闭网页”组件,在此组件的参数中选择获取已打开的网页的输出参数浏览器对象的值,本例中为v_web_obj_1。

关闭网页_1

2. 运行整个流程,程序会定位到指定的网页页面,并将其关闭。

注意:即使存在多个同名的网页,此组件一次只会关闭一个网页,这是因为“获取已打开的网页”组件一次只会定位到一个网页。

填写输入框(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在“获取已打开的网页”组件之后,新增一个“填写输入框(网页)”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,选择捕获好的控件:1_百度输入框,在输入内容中填入:阿里云RPA。

填写输入框(网页)_1

2. 运行后,程序会定位到指定的窗口,并向指定的输入框控件元素中输入指定内容,此例中会在百度搜索框内填入阿里云RPA。

填写输入框(网页)_2

OCR方式输入(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在画布中新增“获取已打开网页”组件,获取chrome新标签页内容,本例中捕获的图像控件为天猫主页中的天猫国际图标,在“获取已打开网页”组件之后,新增“OCR方式输入(网页)”,填选已打开的浏览器对象、输入框控件、输入内容、输入关键词。

OCR方式输入_1

2. 运行后,程序会定位到天猫主页,并识别“天猫国际”图片元素,从其中识别出“天”字,以关键词“天”所在的位置,向上偏移120个像素,输入指定的输入内容“RPA测试”。

注意

1. 此功能适用于输入框受保护,无法直接通过捕捉控件功能捕捉的场景。可参考本示例,找一个控件作为参照物,然后设定偏移量,以向输入框输入内容。

2. 此功能涉及到OCR识别,识别可选google引擎(免费,但是中文识别率不佳)或者阿里云引擎(收费,识别能力较全面)

通过资产变量输入账号密码(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 首先需要确保在控制台上有对应的资产变量,记录此变量名,本例中为test_acc。

通过资产变量输入账号密码_1

2. 在“获取已打开的网页”组件之后,新增一个“通过资产变量输入账号密码(网页)”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,输入资产变量名:test_acc,在账号名控件和密码控件中分别选择捕获好的控件:账号输入框、密码输入框。

通过资产变量输入账号密码_2

3. 运行后,程序会定位到指定的窗口,并向指定的账号密码输入框控件元素中输入指定内容,此例中会在淘宝登录页面的账号密码栏输入资产变量test_acc对应的账号admin及其密码。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

通过资产变量输入账号密码_3

通过资产变量输入账号(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 首先需要确保在控制台上有对应的资产变量,记录此变量名,本例中为test_acc。

通过资产变量输入账号密码_1

2. 在“获取已打开的网页”组件之后,新增一个“通过资产变量输入账号(网页)”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,输入资产变量名:test_acc,在账号名控件中选择捕获好的控件:账号输入框。

通过资产变量输入账号_2

3. 运行后,程序会定位到指定的窗口,并向指定的账号密码输入框控件元素中输入指定内容,此例中会在淘宝登录页面的账号密码栏输入资产变量test_acc对应的账号admin。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

通过资产变量输入账号_3

通过资产变量输入密码(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 首先需要确保在控制台上有对应的资产变量,记录此变量名,本例中为test_acc。

通过资产变量输入账号密码_1

2. 在“获取已打开的网页”组件之后,新增一个“通过资产变量输入账号(网页)”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,输入资产变量名:test_acc,在密码控件中选择捕获好的控件:密码输入框。

通过资产变量输入密码_2

3. 运行后,程序会定位到指定的窗口,并向指定的账号密码输入框控件元素中输入指定内容,此例中会在淘宝登录页面的账号密码栏输入资产变量test_acc对应的密码。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

通过资产变量输入密码_3

通过剪贴方式输入(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在“获取已打开的网页”组件之后,新增一个“通过剪贴方式输入(网页)”组件,在此组件的参数中选择“获取已打开的网页”的输出参数“浏览器对象”的值,本例中为v_web_obj_1,选择捕获好的控件:1_百度输入框,在输入内容中填入阿里云RPA。

通过剪贴方式输入_1

2. 运行后,程序会定位到指定的窗口,并向指定的输入框控件元素中粘贴指定内容,此例中会在百度搜索框内粘贴阿里云RPA。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

通过剪贴方式输入_2

设置复选框(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在画布中新增“获取已打开网页”组件,在输入参数的打开网址栏,输入https://www.runoob.com/try/try.php?filename=tryjsref_checkbox_value,在打开新网址后新增“设置复选框(网页)”组件,选择打开的网页和要操作的复选框控件。

设置复选框_1

2. 运行后,程序会自动进入已打开的菜鸟教程界面,在页面上勾选复选框。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

设置复选框_2

设置下拉框选项(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在画布中新增“获取已打开网页组件”,获取已打开的网页https://www.w3school.com.cn/tiy/t.asp?f=eg_html_select,在获取已打开网页组件之后,新增“设置下拉框选项(网页)”组件,填选网页以及下拉框控件,选择方式默认序号,序号设置为2,即选择第2个下拉选项。

设置下拉框选项_1

2. 运行后,程序会自动进入到对应的页面,将页面上的下拉框的值设置为第2个选项。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

设置下拉框选项_2

获取文本(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在“打开新网页”组件之后(打开网址https://www.aliyun.com/),新增一个“获取文本(网页)”组件,在此组件中选择已打开的浏览器对象,本例中为v_web_obj_1,选择目标控件,本例为“了解阿里云”,为方便展示,在其后使用弹出提示框组件,输出获取到的文本值,本例为v_web_text_1。

获取文本_1

2. 运行后,程序会打开电脑上的chrome浏览器,并自动进入到阿里云界面,获取到文本后,会弹出提示框,将读取到的文本信息展现出来。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

获取文本_2

获取网页元素的HTML代码

必要前置组件:打开新网页| 获取已打开的网页

1. 在“打开新网页”组件之后(打开网址https://www.aliyun.com/),新增一个“获取网页元素的HTML代码”组件,在此组件中选择已打开的浏览器对象,本例中为v_web_obj_1,选择目标控件,本例为了解阿里云,为方便展示,在其后使用弹出提示框组件,输出获取到的文本值,本例为v_web_html_1。

获取网页元素HTML_1

2. 运行后,程序会打开电脑上的chrome浏览器,并自动进入到阿里云界面,获取到HTML后,会弹出提示框,将读取到的HTML信息展现出来。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

获取网页元素HTML_2

获取网页元素的属性值

必要前置组件:打开新网页| 获取已打开的网页

1. 在“打开新网页”组件之后(打开网址https://www.aliyun.com/),新增一个“获取网页元素的属性值”组件,在此组件中选择已打开的浏览器对象,本例中为v_web_obj_1,选择目标控件,本例为了解阿里云,为方便展示,在其后使用弹出提示框组件,输出获取到的属性文本值,本例为v_web_element_value__1。

获取网页元素的属性值_1

2. 运行后,程序会打开电脑上的chrome浏览器,并自动进入到阿里云界面,获取到对应控件的属性值文本后,会弹出提示框,将读取到的文本信息展现出来。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

获取网页元素属性_2

上传文件(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在“打开新网页”组件之后(打开网址http://pdftoword.55.la/img2jpg/),新增一个“上传文件(网页)”组件,在此组件中选择已打开的浏览器对象,本例中为v_web_obj_1,选择目标控件,本例为选择上传文件,此控件为该网页上的选择文件按钮,然后在上传文件的本地路径中,填写本地文件的绝对路径,本例中为D:\test.png。

上传文件_1

2. 运行后,程序会打开电脑上的chrome浏览器,并自动进入到图片在线转换界面,并自动在此界面上传指定的文件test.png,返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

上传文件_2

下载文件(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 在画布中新增“打开新网址”组件,在输入参数的打开网址栏,输入http://www.cninfo.com.cn/new/disclosure/detail?stockCode=09988&announcementId=1209275224&orgId=9900042435&announcementTime=2021-02-10,随后新增“下载文件(网页)”组件,填选已打开的网页、下载控件,指定下载文件的保存路径。

下载文件_1

2. 运行后,程序会打开chrome浏览器,并自动进入到指定的界面,本例中为阿里巴巴资料报表下载页面,点击下载按钮将文件保存到指定的路径上,本例中保存在桌面且命名为下载测试.PDF。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

下载文件_2下载文件_3

页面控件滚动到可视区域

必要前置组件:打开新网页| 获取已打开的网页

1. 使用“打开新网页”组件打开网址:https://www.aliyun.com/,随后新增“页面控件滚动到可视区域”组件,在组件参数中选择打开的网页对象和指定的控件。

页面滚动到可视区域_1

2. 运行后,程序会打开浏览器并自动进入到阿里云页面,向下滚动滑轮,直到阿里云大学栏目控件出现在可视区域。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

页面控件滚动到可视区域_2

点击控件(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 使用“打开新网页”组件打开网址:https://www.aliyun.com/,随后新增“点击控件(网页)”组件,在组件参数中选择打开的网页对象和指定的控件。

点击控件_1

2. 运行后,程序会打开阿里云网页并点击立即注册按钮,最终进入到阿里云注册界面。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

点击控件_2

OCR方式点击(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 手工打开阿里云英文官网:https://www.alibabacloud.com/en,使用“获取已打开网页”组件获取对应网页,随后新增“OCR方式点击(网页)”组件,在组件参数中选择打开的网页对象和指定的控件(本例中捕获的控件是此网站最底部的Products & Solutions那一行),并填入需要点击的关键词,本例中点击CDN。

提示:OCR引擎默认使用Google,但是Google引擎对中文的识别能力较弱,实际使用时请注意。

OCR点击_1OCR点击_2

2. 运行后,程序会在已打开的aliyun英文官网中,点击Products & Solutions行上的CDN文本,随后进入到CDN产品页面中。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

OCR点击_3

移动鼠标(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 使用“打开新网页”打开阿里云主页:https://www.aliyun.com/,随后新增“移动鼠标(网页)”组件,选择基准位置为相对网页控件中心点,选择打开的网页和指定控件,将横向移动方向选为向左移动500像素,向下移动500像素。

移动鼠标_1

2. 运行后,程序会打开浏览器自动进入到阿里云界面,以页面上的立即注册按钮的中心为原点,向左移动500项目再向下移动500像素。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

移动鼠标_2

OCR方式移动鼠标(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 手工打开阿里云英文官网:https://www.alibabacloud.com/en,使用“获取已打开网页”组件获取对应网页,随后新增“OCR方式移动鼠标(网页)”组件,在组件参数中选择打开的网页对象和指定的控件(本例中为FreeTrial区域),并填入目标关键词,本例中模拟将鼠标移动到Products处。

提示:OCR引擎默认使用Google,但是Google引擎对中文的识别能力较弱,实际使用时请注意。

OCR方式移动鼠标_1 OCR移动鼠标_1

2. 运行后,程序会在已打开的aliyun英文官网中,将鼠标移动到Free Trial组件中的Products关键词上。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

OCR移动鼠标_3

获取相似控件数量(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 使用“打开新网页”打开阿里云主页:https://www.aliyun.com/,随后新增“获取相似控件数量(网页)”组件,填选已打开网页和目标控件。

获取控件数量_1

2. 运行后,程序会打开浏览器自动进入到阿里云界面,统计相似控件的数量,本例中统计的是右上角的标题栏控件,统计完成后,以日志的形式记录在编辑器日志区。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

控件数量_2控件数量_3

等待网页元素出现(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 使用“打开新网页”打开阿里云主页:https://www.aliyun.com/,随后新增“等待网页元素出现(网页)”组件,填选已打开网页和目标控件。

等待网页元素出现_1

2. 运行后,程序会打开浏览器自动进入到阿里云界面,等待指定的控件元素出现,返回等待的结果(出现为True,未出现为False)。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

网页元素出现_2

获取表格内容(网页)

必要前置组件:打开新网页| 获取已打开的网页

1. 使用“打开新网页”打开GDP数据网页:http://data.eastmoney.com/cjsj/gdp.html,随后新增“获取表格内容(网页)”组件,填选已打开的浏览器对象,浏览器对象选择Chrome,通过序号来匹配表格,为方便展示获取到的表格数据结果,在其后新增记录日志组件,记录获取到的表格内容(二维数组)。

表格内容_1

2. 运行后,程序会打开电脑上的chrome浏览器,并自动进入到财经数据网,获取此网页上第一张表格的数据。返回可视化操作界面,点击左下角日志面板,可参阅运行记录信息。

表格内容_2表格内容_3