章节八、1-如何使用火狐开发者工具来查找元素

一、查找元素是使用selenium进行自动化的基础,我们只有找到元素才能在页面操作它。

二、Web应用页面上的元素不会因为浏览器种类的不同而产生差异,也就是说你可以在火狐或者谷歌上查找到的元素在ie等浏览器上都可以用。

三、如何使用火狐开发者工具来查看元素

1、首先安装火狐浏览器

2、打开浏览器,将鼠标移动到你需要定位的地方,列如:百度搜索文本框

3、鼠标右击,点击查看元素

4、查看结果为:

5、打开的此窗口为“Web开发者工具”,除了以上方式能够打开外,还可以通过按“F12”来调用打开。

6、然后鼠标点击图中“1”标识处,然后移动鼠标至搜索框,同样能够查看指定元素属性,在实际应用中我们可以通过“class、ID”等标签进行捕捉,从而来驱动页面变化。

 四、iframe

1、打开https://jqueryui.com/button/,然后点击如图标识选择进入指定页面。

2、这个页面有一个ifarme框,里面的元素都在这个框中,是嵌入到这个网站(https://jqueryui.com/button/)中的另外一个页面,ifareme中的元素我们是无法直接被查找的,在代码中必须先切换到ifarme中,用switch_to.frame()方法在页面中切换后才能找到ifarme中的元素

3、如何识别这个元素是否在ifarme框中?(以图中标识的按钮进行演示)

按照前面查找元素的方法进行元素定位,然后向上查找元素的父节点。

可以通过下面的子父节点更直观的查看是否在ifarme框中

图中“div.widget”表示的是div中calss的属性值。class属性都需要用“.”来表示。(对class不熟悉的同学可以先去了解一下html+css的相关知识)

五、查找定位元素时要确保元素的属性在页面上是否唯一,否则在自动化的过程中无法准确识别到需要定位的元素。

六、火狐浏览器中如何确定元素是否唯一?()

1、首先找到自己需要定位的元素,此次我们使用xpath来进行定位(定位方式有很多种,后面会一一介绍),我们以百度输入框为例:

2、点击开发者选项中的控制台菜单,输入$x("//input[@name='q']"),使用xpath格式来验证元素唯一性的固定写法:$x("//xpath标签")

当我们把鼠标放在查找到的结果上时,百度输入框也会被高亮。

然后我们可以同图中标识的lenth是否等于“1”来判断元素是否唯一,等于“1”表示元素唯一,只匹配了唯一节点,否则就需要换其它的定位方式来对需要操作的页面元素进行定位。

(关于元素定位和查找元素唯一时括号中知识后面会详细介绍)

七、关于consoole的相关操作知识

 欢迎加入软件测试交流群555191854),大家有问题可以在群里讨论,群里是一些自学和已经是大佬的小伙伴来帮助大家,以上的内容如果有不懂的地方可以在群里私我。

猜你喜欢

转载自www.cnblogs.com/luohuasheng/p/10646740.html