通过上面的学习，相信你们已试过通过第一个Python自动化脚本运行了，刚开始的时候是不是觉得很高端大尚？

下面我们一起深入学习selenium WebDriver定位浏览器的页面元素，come on····

开始之前， 我们先来看下selenium常见的8大元素定位，通过这些信息来定位元素的位置。如下所示：

1. ID定位

   对应selenium的方法：
   find_element_by_id()
   find_elements_by_id()

2. Class name定位

   对应selenium的方法：
   find_element_by_class_name()
   find_elements_by_class_name()

3. name定位

   对应selenium的方法：
   find_element_by_name()
   find_elements_by_name()

4. 链接文本(精确文本)link text定位

   对应selenium的方法：
   find_element_by_link_text()
   find_elements_by_link_text()

5. 链接文本(模糊文本)partial link text定位

   对应selenium的方法：
   find_element_by_partial_link_text()
   find_elements_by_partial_link_text()

6. 标签tag name定位

   对应selenium的方法：
   find_element_by_tag_name()
   find_elements_by_tag_name()

7. xpath定位

   对应selenium的方法：
   find_element_by_xpath()
   find_elements_by_xpath()

8. css定位

   对应selenium的方法：
   find_element_by_css_selector()
   find_elements_by_css_selector()

通过上图，我们可看到输入框input有很多属性，其中就有ID属性，这个属性跟其他属性不一样，就好比我们的身份证号类似，是唯一的。

有些前端开发在编写代码时可能会存在两个ID的值是一样的，主要还是取决前端开发代码的规范性。

对360搜索首页上的输入框与搜索按钮通过ID定位代码如下：

通过 class 定位输入框，并输入内容，代码如下：

输入框的有个name名字，可理解为input输入框的名字。通过 name 定位输入框，并输入内容，代码如下：

通过超链接精确文本link text 定位超链接文本 “百科”，定位代码如下：

通过超链接部分文本（模糊文本）partial link text 定位超链接文本 “导航”，定位代码如下：

输入框input标签在浏览器页面存在很多同样的标签名称，所以定位时，会返回多个input标签的指（返回的数据类型为list）。

通过tag name定位代码如下：

find_elements_by_tag_name() -----> 返回多个元素值（数据类型为list）
get_attribute(属性名称) ----> 获取标签中属性对应的值

Xpath 是一门在 XML 文档中查找信息和定位元素的语言。

做UI自动化时，可把 HTML 页面看成 XML 去对元素和属性进行遍历定位出所需要的元素。

从最外层的HTML一层一层定位到所属元素位置，每一层之间用/隔开，路径的开始以 / 开头。

通过Xpath绝对路径定位，代码如下：

除了绝对路径定位以外，Xpath还可以通过相关路径的方式去定位页面的元素，路径的开始以//开头。

// 表示在当前页面某标签下

• 元素标签单属性（多属性）定位
  通过Xpath相对路径单属性（多属性）定位，代码如下：
  

* 表示所有标签名称的统称

• Xpath层级属性相对路径定位
  通过Xpath层级属性相对路径定位，代码如下：
  

• 绝对路径定位：
  在网页F12中，右键copy，选择copy full Xpath
• 相对路径定位：
  在网页F12中，右键copy，选择full Xpath

CSS(Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

在网页F12中，右键copy，选择selector

创作不易，希望本文对你有帮助，动起你们的小手手点下赞哈(一键三连更好)，Thanks♪(･ω･)ﾉ。