关于码栈

2.1、浏览器

此类工具所处位置示意图:

浏览器.png

2.1.1、打开网页

作用:用于在内部浏览器打开一个新的网页窗口,或者匹配一个已经打开的网页 1、打开新网页:用于打开一个新的网页,在请选择操作类型中选择打开新网页,在打开网址中填写需要打开的网页地址,如 www.tmall.com 例子:在码栈内置浏览器里打开天猫网站 www.tmall.com

打开新网页.png

2、捕获已打开网页:功能有很多,在执行这些功能之前需要告知计算机在哪个网页窗口执行这些功能,若浏览器已打开多个网页窗口,我们则需要匹配其中一个窗口,分为根据标题匹配根据网址匹配两种方式进行匹配。 (1)根据标题匹配 作用:可以根据浏览器网页窗口的“标题名字”来获取已经打开的网页 ①在请选择操作类型中选择捕获已打开的网页 ②在捕获方式中选择根据标题匹配 ③在匹配内容中输入要捕捉的标题,如 天猫,这样就能获取标题中包含天猫的网页 例子:捕获到标题名为“天猫tmall.com--理想生活上天猫”的浏览器窗口

捕获已打开网页.png

(2)根据网址匹配 作用:用于根据网址匹配已经打开的网页 在请选择操作类型中选择捕获已打开网页 在捕获方式中选择根据网址匹配 在匹配内容中输入要捕捉的网址,也可通过点击下拉框选择已打开的网址 例子:捕获到网址为 www.tmall.com 的浏览器窗口

根据网址匹配.png

2.1.2、关闭网页

作用:此功能需要和打开网页配合,用于关闭打开网页已经打开的网页 在选择已打开网页中选择之前打开的网页,默认已经选取最近一次打开的网页 例子:先用打开网页打开对应的天猫网网页窗口,然后再用关闭网页关闭天猫网网页窗口

关闭.png

关闭网站.png

2.1.3、后退网页

作用:用于将网页窗口退回到上一次打开的网页 在选择已打开网页中选择之前打开的网页,默认已经选取最近一次打开的网页 例子:将天猫网站往前退一步

后退网页.png

后退网页2.png

2.1.4、转到新网址

作用:用于将已打开的网页定位到新的网址 1、在选择已打开网页中选择之前打开的网页,默认已经选取最近一次打开的网页 2、在新地址中输入要打开的新的网址 例子:将天猫网站转到淘宝网站

转到新网址2.png

转到新网址.png

2.1.5、等待网页加载完毕

作用:选择网页窗口,在等待此网页窗口完全加载完成。 在选择已打开网页中选择之前打开的网页,默认已经选取最近一次打开的网页 例子:等待天猫网加载完毕(因为网页都需要时间加载,若不加载完毕,就无法进行后面的操作)

等待网页加载完毕2.png

等待网页加载完毕.png

2.1.6、获取网页信息

作用:用于获取整个网页的详细信息,如网页的文本内容、源代码、网址(URL)等 1、在选择已打开网页中选择之前打开的网页,默认已经选取最近一次打开的网页 2、在提取类型中相应的提取类型 (1)文本: 网页的文本内容,不包括图片、标签等信息 (2)源代码:网页的源代码 (3)URL:网页的网址 例子:获取天猫网首页的网页文本信息

获取网页内容2.png

获取网页内容.png

2.1.7、点击网页元素

作用:模拟鼠标点击的操作,可以用于点击按钮下拉框弹出框等 1、捕获网页元素:请参考这里 2、选择点击类型: (1)点击: 用于点击网页元素 (2)弹出框点击: 用于点击网页中的弹出框(提示框) 网页元素位置:请参考这里 选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:点击天猫网首页“内衣/女装”按钮

点击网页元素.png

点击网页元素2.png

2.1.8、填写输入框内容

作用:模拟键盘输入的操作,可以用于输入框、密码框、富文本编辑区 1、捕获网页元素:请参考这里 2、输入内容:填写需要输入到文本框中的内容 3、网页元素位置:请参考这里 4、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:在天猫网首页的输入框输入“女装”两个字 填写输入框内容.png

填写输入框内容2.png

2.1.9、选择下拉列表

作用:用于选择网页中的下拉列表 1、捕获网页元素:请参考这里 2、匹配方式 (1)完全匹配: 选择与匹配内容完全一致的匹配项 (2)模糊匹配: 选择包含匹配内容的匹配项 (3)正则表达式: 选择与匹配内容中正则表达式匹配的匹配项 (4)匹配内容:填写需要用于匹配的文本内容或正则表达式 3、网页元素位置:请参考这里 选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:选择天猫网-卖家中心-退款管理中,退款类型所涉及的下拉框。

选择下拉列表.png

选择下拉列表2.png

2.1.10、设置复选框

作用:用于设置网页中的复选框 1、捕获网页元素:请参考这里 2、设置复选框:选择对复选框进行勾选还是取消勾选的操作 3、网页元素位置:请参考这里 4、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:选择天猫网-卖家中心-已下架宝贝处的复选框

设置复选框2.png

设置复选框.png

2.1.11、上传文件

作用:用于操作网页中的上传按钮 1、捕获网页元素:请参考这里 2、选择文件:点击选择文件选取一个用于上传的本地文件,也可以直接在后面的输入框中输入文件路径,例如,D:\码栈工作文件\FAQ问题整理.xlsx,这样形式的文件; 3、网页元素位置:请参考这里 4、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:上传本地图片至邮箱之中

上传文件.png

上传文件2.png

2.1.12、鼠标移动到网页元素

作用:模拟鼠标移动的操作,网页中的有些元素需要将鼠标移动到某个地方才能显示出来,可以通过此操作来完成 1、捕获网页元素:请参考这里 2、网页元素位置:请参考这里 3、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:

鼠标移动到网页元素.png

鼠标移动网页元素.png

2.1.13、拖拽网页元素

作用:网页中的某些元素需要执行拖拽操作,如有些网站的验证功能就是通过用户拖动图标来完成的 1、捕获网页元素:请参考这里 2、横向拖动偏移量:元素在横坐标位置拖动的距离,正数是从左向右拖动,负数是从右向左拖动 3、竖向拖动偏移量:元素在纵坐标位置拖动的距离,正数是从上向下拖动,负数是从下向上拖动 4、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:将某网页元素横向向右拖动50像素,纵向向下拖动100像素

拖拽网页元素.png

2.1.14、获取网页元素内容

作用:获取网页元素的文本、值、源代码、个数、勾选状态等操作,与获取网页信息不同的是获取网页元素内容获取的是元素的内容,获取网页信息获取的是整个网页的内容 1、捕获网页元素:请参考这里 2、提取类型 (1)文本: 获取元素的文本内容,可用于提取文本类型元素的内容 (2)元素源代码: 获取元素的源代码。获取元素的值,可用于提取输入框、密码框、下拉框等元素的内容 (3)元素总个数: 获取录制到的元素个数,只有在录制到多个元素的时候可用,一般在处理循环列表数据时使用 (4)元素勾选状态: 获取元素的勾选状态,可用于复选框、单选框 (5)元素对象(DOM对象): 此条不清楚具体内容 (6)链接:此条不清楚具体内容 3、网页元素位置:请参考这里 4、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:在天猫网获得阿迪达斯某款鞋的标题文本

获取网页元素内容.png

获取网页元素内容2.png

2.1.15、等待网页元素加载完成

作用:等待网页加载完成,一般由于某些延迟加载的网页元素,该操作会暂停应用的执行,只有在元素出现或超时后才会执行后续的操作 1、捕获网页元素:请参考这里 2、超时时间:最大的等待时间,单位为秒 3、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:等待天猫网阿迪达斯鞋子的展示图照片加载完毕(若涉及到某个元素的操作,必须等待其加载完毕,才能够进行下一步操作) 等待网页元素加载完成.png

等待网页元素加载完成2.png

2.1.16、获取网页元素截图

作用:对页面上元素截图并生成相应的图片文件 1、捕获网页元素:请参考这里 2、文件名称:图片名称仅支持png、jpg两种文件格式 3、网页元素位置:请参考这里 4、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:

网页元素截图.png

2.1.17、查找网页中表格

作用:根据指定的条件获取网页中的表格对象 1、查找方式 (1)根据位置索引: 指定想要获取的是第几个表格 (2)根据表格内容: 根据提供的内容模糊匹配网页中的表格 (3)根据表格源代码: 根据提供的源代码匹配网页中的表格 2、查找条件:填写位置索引、表格内容、或源代码 3、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:查找到阿里云码栈-收付款费用中的表格

查找网页中的表格.png

查找网页中的表格2.png

2.1.18、读取网页中表格

作用:读取指定表格对象中的内容 1、读取类型 (1)总行数: 读取表格的总行数 (2)总列数: 读取表格的总列数 (3)单元格内容: 读取指定行号、列号的单元格内容 2、表格,选择之前查找到的表格,默认已经选取最近一次获取的表格 例子:读取到阿里云码栈-收付款费用中表格里的内容,务必先要“查找网页中的表格”,先查找到这个表格,方才能够读取里面的内容

读取网页中表格.png

网页表格.png

2.1.19、查看表格格式

作用:查看指定表格对象的内容格式,仅用于测试使用 表格:选择之前查找到的表格,默认已经选取最近一次获取的表格 例子:查看阿里云码栈-收付款费用中表格的格式,务必先要“查找网页中的表格”,先查找到这个表格,方才能够读取里面的格式。

sshot-1.png

查看表格格式.png

2.1.20、操作文件对话框

作用:可以操作文件对话框,保存文件到本地电脑或者读取电脑中的文件; 1、请选择操作类型,有保存文件选择文件两个操作; 2、保存文件:即将文件保存到填写好的文件路径中; 3、选择文件:即是输入电脑中文件路径进行上传; 路径示例:C:\Program Files\WinRAR 例子:上传图片至图片空间时,会出现对话框,然后输填写对应图片的地址

操作对话框.png

2.1.21、捕获网页元素

作用:用于捕获网页中的某一元素(如按钮、输入框、下拉框、文本),捕获元素是所有交互型操作的基础操作,下面以在天猫网站输入搜索关键字为例进行讲解 1、点击捕获网页元素 (1)点击后会弹出录制窗口

sshot-21.png

(2)在录制窗口中点击开始录制,进入录制模式

sshot-225.png

(3)将鼠标移动到浏览器中的输入框,并点击一次 经过上面3步即可完成捕获网页元素的操作,关于录制窗口的详细功能,请参考录制窗口 例子:

sshot-33.png

2.1.22、录制窗口

作用:将功能滑块拖入画布区后,要进行相关的操作,就需要先录制进行此操作所在的浏览器的控件的位置; 1、元素名称:用于区分控件,每次都会自动生成一个随机的名字,可视化开发用户可以忽略此选项 2、操作验证:用于验证本次录制操作是否成功,与应用编写无关,仅作为测试使用,如模拟输入操作点击验证后会在输入框中输入"你好,码栈" 3、录制结果:用于拷贝录制操作生成的代码,可视化开发用户可以忽略 4、属性编辑:这里是一个属性列表,用来定位元素,有个别元素录制后无法精准定位,可以通过添加、修改此属性来自定义定位方式 5、回显:点击回显后会在浏览器中高亮已捕获的元素,与操作验证一样是用来测试本次录制操作是否成功的 例子:

sshot-1.png

2.1.23、网页元素位置

作用:网页元素位置只有在捕获到多个网页元素时使用才有效,如果录制的结果只有一项,默认设置为1即可,比如在录制一个列表的时候会录制到多个列表项,如果想只获取第二个列表项,那么网页元素位置就设置为2

2.1.24、执行Js脚本

作用:在浏览器中执行JavaScript脚本 1、Js脚本:可执行的JavaScript代码 2、选择已打开网页:选择之前打开的网页,默认已经选取最近一次打开的网页 例子:

js.png