上一期介绍了自动化测试Python+Selenium框架的基本介绍，这期讲元素定位。
元素定位
1.WEB自动化时利器--浏览器自带开发者工具
几乎所有浏览器都自带前端调试工具，也就是我们说的开发者工具。
开发者工具包括元素（ELements）、控制台（Console）、源代码（Sources）、网络（Network）、性能（Performance）等页签，可以分别点击查看。
元素（Elements）：用于查看或修改HTML元素的属性、CSS属性、监听事件、断点。
控制台（Console）：控制台一般用于执行一次性代码，查看JavaScript对象，查看调试日志信息或异常信息。
源代码（Sources）：该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码，此外最重要的是可以调试JavaScript源代码，可以给JS代码添加断点等。
网络（Network）：网络页面主要用于请求数据的查看，网络连接相关的信息。
这些页签开发同学用的多些，我们测试人员一般使用元素（Elements）和网络（Network）。
其中做web自动化要用到元素
（Elements）
这个模块的功能，接口或性能测试使用网络（Network）。
2.如何调出开发者工具
一般直接F12即可打开开发者工具。
以chrome浏览器为例，也可以通过菜单打开：工具--更多工具--开发者工具
打开后页面如下，切换到第一个元素（Elements）页签：
可以改变开发者工具的出现位置和方式，谷歌中默认是浏览器右侧：
如何查看web元素
做自动化要找一个某个元素，要查看元素有没有NAME或ID属性，在浏览器渲染后的页面是看不到的，此时可以通过开发者工具进行查看。
F12快捷键打开开发者工具，点击其左上角鼠标图标。点击后图标变蓝，此时移动鼠标到web界面的各个元素上，可以看到元素信息，及对应元素定义代码块。
找到目标元素后，点击鼠标，则完成元素选择，右侧展示当前选中鼠标的信息。
元素确定后，可以通过右键菜单，进行添加删除元素、编辑元素属性等操作：
也可以在当前前端文件中，进行元素查找匹配，鼠标定位到任意一行代码，按快捷键ctrl+f，在输入框中输入搜索字符串后回车，可以看到：总匹配个数，当前匹配元素。也可以上下键查看所有匹配项。
简单元素定位
所有的自动化工具要模拟用户操作，一般都要识别出用户在对哪个元素做什么操作
哪个元素即通常大家说的元素定位。我们需要告诉Selenium操作哪个元素，Selenium根据我们提供的信息到运行程序上进行元素匹配，匹配到即进行操作
WebDriver 提供了8大元素定位方式，我们先看前六种元素定位方式。
1.根据Id定位
假设要操作的Web元素定义如下：
<code> /<code>
这里有个属性是id="su"，那么我们可以根据id进行元素定位：
<code>element = driver.find_element_by_id("su")
/<code>2.根据Name定位
<code> /<code>
这里有个属性是name="wd"，那么我们可以根据name进行元素定位：
<code>element = driver.find_element_by_name("wd")
/<code>3.根据LinkText定位
超链接在web网站中很常见，通过它可以实现页面的跳转。
以百度搜索为例，通过开发者工具，看到如下超链接的创建语句：
我们看到超链接a标签即没有id也没有name属性，那么我们怎么找到它？
如果一个页面有多个超链接，那么至少从超链接文本上能够区分，如：
同样的，selenium中也根据link text进行超链接定位，要查找第一个超链接，把它的超链接文本作为参数传递给
find_element_by_link_text方法：
<code>Link_element = driver.find_element_by_link_text("自动化专业现在吃香吗")
/<code>4.根据PartialLinkText定位
我们可以做超链接字符串的部分匹配：
超链接字符串为：Python(计算机程序设计语言)_百度百科
部分匹配：在当前页面查找超链接字符串包含“_百度百科”的元素
<code>ele = driver.find_element_by_partial_link_text("_百度百科")
/<code><code>ele.click() /<code>
5.根据class Name定位
每个元素在定义时有class属性，相当于把这个元素划归到某类中：
<code> /<code>
则可以根据类别名称进行定位：
<code>ele = driver.find_element_by_class_name("s_ipt")
/<code>* 如果元素定义时class值中间带空格，相当于这个元素同时属于多个类别：
<code> /<code>
按照整个class的值定位会失败，可以根据某个类名定位：
<code>ele = driver.find_element_by_class_name("s_ipt_wr")
/<code>6.根据tag Name定位
每个元素在HTML文件中，都有个标签名称，如input，div，form，span等
<code> /<code>
若元素没有id，name这些易于定义的属性，也可以根据标签名称input进行定位：
<code>ele = driver.find_element_by_tag_name("input")
/<code>* 通常一个页面上同类型的标签会不止一个，需要进行过滤。
根据xpath进行元素定位
在前边的6种元素定位方式中，如果元素没有id或name，或者根据class名称tag名称无法准确定位到元素的话，就可以采用xpath进行元素定位。
XPath 是一门在 XML 文档中查找信息的语言。 它使用路径表达式在 XML 文档中进行内容查找。
1.Xml术语
节点在 XPath 中，有七种类型的节点：元素、属性、文本、命名空间、处理指令、注释以及文档（根）节点。XML 文档是被作为节点树来对待的
如：
Harry Potter
J K. Rowling
2005
29.99
其中有如下结点：
(文档节点)
J K. Rowling (元素节点)
(属性节点)
基本值是无父或无子的节点。
基本值的例子：
J K. Rowling
"en"
2.节点关系
节点之间可能是父子，兄弟，同胞，先辈或后代的关系。
Harry Potter
J K. Rowling
2005
29.99
Book节点是title、author等节点的父节点，同时，title、author是book的子节点。
Title、author、year、price之间是同胞关系。
Bookstore是title、author和book的先辈节点，同时bookstore的后辈节点是title、author和booke等节点。
3.xpath语法
XPath 使用路径表达式来选取 XML 文档中的节点或节点集。节点是通过沿着路径 (path) 或者不 (steps) 来选取的。
Harry Potter
29.99
Learning XML
39.95
4.选取节点
XPath 使用路径表达式在 XML 文档中选取节点。节点是通过沿着路径或者 step 来选取的。下面列出了最有用的路径表达式：
5.谓语
谓语用来查找某个特定的节点或者包含某个指定的值的节点。
谓语被嵌在方括号中。
在下面的表格中，我们列出了带有谓语的一些路径表达式，以及表达式的结果：
6.选取未知节点
XPath 通配符可用来选取未知的 XML 元素。
find_element与find_elements方法的区别
自动化过程中，通过find_elemet_by_id方法进行元素定位时，有时操作不到目标元素。原因可能是由于页面代码开发时不够规范，不同的元素id相同。
针对这种情况，Selenium开发了两套find方法，如下：
<code>find_element_by_id find_elements_by_id /<code>
<code>find_element_by_name find_elements_by_name /<code>
<code>find_element_by_tag_name find_elements_by_tag_name /<code>
<code>find_element_by_xpath find_elements_by_xpath /<code>
<code>等等 /<code>
那么两套方法使用上有何区别：
<code>若匹配到元素： /<code>
<code>find_element返回第一个匹配WebElement元素 /<code>
<code>Find_elements返回列表，包括所有匹配元素 /<code>
<code>若匹配不到元素： /<code>
<code>find_element报异常 /<code>
<code>Find_elements返回空列表 /<code>
两套方法使用时根据实际情况选择。
如果确定当前一个元素定位方式到底匹配到几个元素呢？可以在chrome的开发者工具中直接做验证，获取使用火狐浏览器的插件进行验证都可以。
