Robot Framework学习笔记6-使用浏览器插件获取元素定位

火狐浏览器

1、使用firebug插件和firepath插件定位name,id,xpath

插件的安装

那如何去获取定位所需要的id,name,xpath数据呢?因为Selenium默认是支持Firefox浏览器的,而Firefox又以其强大、数量庞大的可选插件著称,所以当然就会有相应的插件支持这个工作,也就是firebug和firepath。 

可能由于墙的原因,无法成功在线进行安装。可以在下载插件后,进行离线安装 下载的文件无须解压,按下图方法安装即可。

下载链接: https://pan.baidu.com/s/1g0_2jPL4PKzwvMecS2rwdA 密码: tuxr 

这里写图片描述

使用示例

这里再以百度首页为例讲解两个插件的用法。 
打开网页后,按F12,可见到页面下方的一些可操作选项。

这里写图片描述

点击箭头1指向的这个鼠标形状的按钮,就可以开始定位元素了。点击要进行定位的元素,比如搜索编辑框。此时下方的网页源码处就会自动跳到相应的HTML代码处,方便直接查看其相应属性,就能从中获取我们所需要的name和id。

那怎么获取xpath呢?点击Firepath功能,进入Firepath视图,再次点击那个鼠标形状的按钮,开始选择元素。同样的,我们再选择编辑框。这时,页面就会自动显示出这个元素的xpath值,同时代码也会跳到相应的地方。

这里写图片描述

谷歌浏览器

2、使用google chrome浏览器获取xpath和id,name

firefox能用,当然chrome浏览器也能支持啦,而且不需要安装插件。

获取id,name

进入页面,按F12,安装如下步骤即可获取到元素的相关属性,就不再多说了。 
这里写图片描述

5.2获取xpath

在获取到的属性代码块上右击,点击copy xpath即可将xpath复制到剪贴板中 
这里写图片描述

xpath的使用

获取到后,如何去使用呢?其实使用就和获取一样简单,只需将原来的定位参数修改为“xpath= value”即可,value就是4上面步骤中获取到的xpath值。 
我们将上一篇的例子使用的定位方法切换为xpath方法,效果如下。

这里写图片描述

不过这里xpath看上去好像还是使用id来定位的,这是因为使用工具对xpath自动获取时有很多种方法,有绝对路径,也有相对路径。而这里就是使用相对路径方法里的直接按属性定位。 
我们不妨尝试获取一下右上角”登录”的xpath值。

这里写图片描述

这里先使用按id属性定位获取到了无序列表,即右上角这一排,然后再用相对路径定位到这个列表下的第七个元素“登录”。所以取得的值是”.//*[@id=’u1’]/a[7]“

猜你喜欢

转载自blog.csdn.net/x83853684/article/details/80548172