web自动化测试系列-页面元素该如何定位?(三)

接上文 ：web自动化测试系列-selenium的运行原理和常用方法介绍(二)-CSDN博客

当selenium能准确的定位某个元素时 ，你可能会想 ，它是如何做到的呢 ？这里就不得不提到的元素定位技术 。

1.如何定位

当我们想定位某一个页面元素时 ，比如百度一下这个按钮 ，我们就必须使用浏览器F12键的这个功能 。你可以在火狐浏览器 、chrome浏览器 、或者edge浏览器使用它 。F12键都能适用 ，也就是说你只要按F12 ，它就会弹出一个开发调试工具 。

当然这个调试工具的还有另外一种打开形式，选中某个页面对象(比如百度一下) ，鼠标右击，点击检查，同样能打开相同的调试工具 。如下 ：

其中下图就是我们看到的调试工具界面 ，选择默认的第一个就是Elements .

它里面显示的是前端人员开发的html代码，而这些代码正是构成页面展示的所有对象 ，比如按钮、输入框、链接、下来列表等。在HTML页面中，这些按钮、输入框、链接等对象都称之为元素 。你可以看到调试工具中的第一个单词显示的就是Elements ,翻译成中文就是元素的意思 。

这里面有一个很重要的隐藏前提 ，就是HTML代码中的某一行代码就可以代表一个元素 。比如百度一下这个按钮，就是某行代码构成的 。简单的说 ，某个代码片段 = 某个页面元素

举例 ：

百度一下(按钮) 就等同于下面这段代码

<input type="submit" id="su" value="百度一下" class="bg s_btn">

2.页面元素介绍

你可能会说 ，我没有学过前端知识 ，我也不知道什么叫html ，它里面的代码是什么意思我都看不懂 ，怎么办 ？

下面我们就简单介绍下html语言的一些简单知识 。

在这里 ，我首先要搞清楚三个概念 ，分别是层级 、标签 、属性

• 层级 ：就是说html其实是有层级关系的，一个页面的元素 ，它是放在那个层级下 ，它的父级是什么 ？它的子级是什么 ？这些都能从Elements里看到 。层级在元素定位时也会使用到 。比如百度一下的层级是 ：/html/body/div[2]/div[1]/div[5]/div/div/form/span[2]/input

• 标签 ：是<后面显示的那个东西 ，每个标签都代表不同的含义，这里我们也需要了解它的含义，只需要知道什么是标签即可。

• 属性 ：就是<>里由key=value组成的格式 ，其中key叫做属性名 ，value叫做属性值 。在Html中最常见的属性有 ：id 、name、class

以上我们介绍过，一个页面元素(比如百度一下)其实就对应HTML中的一行代码 ，而这行代码 ，其实又是由标签和属性组成 ，我们马上要介绍的元素定位就是由这些标签和属性来进行元素定位的。

3.确定唯一性

既然我们已经知道页面中的每一个元素对应html中的某一行代码 ？ 你是否知道页面中的某一个元素 ，它对应的是哪行代码 ？ 比如我想知道"百度一下"这个按钮对应的代码 ，你怎么找 ？

具体操作是 ：

1. 鼠标右击这个元素(比如百度一下)，点击检查 。

2. 在下面弹出的HTML页面中有一行是被选中的 ，它的背景色是淡蓝色的 ，你只有是在按钮上操作 ，它就能选中这行代码 。

也就是说这一行代码就能代表“百度一下”这个按钮 ，我们也知道这行代码就是由标签和属性构成 ，难道说这些标签和属性就能代表页面中的一个元素吗 ？答案还就是这样的 。

这里的关键是无论你选择标签也好 、属性也好 ，只要选择的对象它是页面中唯一的，它就能代表这个元素 。大白话就是我要选择一个唯一的HTML对象来代表页面对象 。

比如我可以选择这一行中的input标签 、或者是选择type="submit" 、或者是选择id="su" 都行 ，但是要求就必须是唯一 。

你可以选择input标签作为定位元素 ，但是在HTML中 ，有很多的input标签 ，所以它不唯一 ，也不能定位到这个按钮 。所以，就的换定位方式 。

你也可以选择type='sumbit' 这个属性作为定位元素 ，你必须确保type='sumbit'是整个HTML页面是唯一的 。

当然，你也可以选择id='su'作为定位元素 ，但你也必须确保id='su'是整个HTML页面是唯一的 。

所以 ，结论就是无论选择那个元素作为定位符 ，必须确保唯一 。

事实上，我们前面写的那段代码 ，就是使用id=su作为定位符来进行定位百度一下这个按钮的 。

# 这里的su就是id的值 ，而id属性 ，selenium给提供了一个id的定位方法叫 ：find_element_by_id("id的值")
driver.find_element_by_id("su").click()
​
# 所以，这行代码的意思就是通过id='su' 确定是百度一下这个按钮 ，然后再点击 。
​

如何确定这个页面元素就是唯一的呢 ？ 答案就是搜索 。

通过ctrl + f快捷键 ，输入你想要搜索的关键字进行搜索 ，若一般搜索的这个值是唯一的 ，你就可以使用它 ，若不唯一 ，你就看看是不是有重复的情况 。

比如 ，我要使用id='su'作为定位元素，但我不清楚su是否唯一 ，按ctrl+f进行搜索 ，输入su关键字 。你也许会搜索出很多带su的字符。但是id=su的只有这一个 ，你就可以拿它作为定位 。

 你也可能搜索出id=su有多组值的情况 ，这很正常 ，不过这个我们就的使用selenium提供的一些方法帮我们定位了(后面介绍) 。但无论使用什么方法定位 ，最终要确定下来的还是唯一的 。这个是不变的 。