Selenium3+python自动化007-Selenium经常使用定位方法

自动化测试只要掌握四步操做：获取元素，操做元素，获取返回结果，断言（返回结果与指望结果是否一致），最后自动出测试报告。元素定位在这四个环节中是相当重要的，若是说按学习精力分配的话，元素定位占70%；操做元素10%，获取返回结果10%；断言10%。若是一个页面上的元素不能被定位到，那后面的操做就没法继续了。接下来就来说webdriver提供的八种基本元素定位方法。 WebDriver元素八种定位方式：
id、name、class_name、tag_name、link_text、partial_link_text、xpath、css

1、环境准备：

    1.浏览器选择：Firefox

    2.安装插件：Firebug和FirePath(设置》附加组件》搜索：输入插件名称》下载安装后重启浏览器)

    3.安装完成后，页面右上角有个小爬虫图标

    4.快速查看xpath插件：XPath Checker这个可下载，也能够不用下载

    5.插件安装完成后，点开附加组件》扩展，以下图所示

2、查看页面元素：

以百度搜索框为例，先打开百度网页

    1.点右上角爬虫按钮

    2.点左下角箭头

    3.讲箭头移动到百度搜索输入框上，输入框高亮状态

    4.下方红色区域就是单位到输入框的属性：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd">

 

 

3、元素定位

（1）使用ID定位：driver.find_element_by_id("id值")

　　从上面定位到的元素属性中，能够看到有个id属性：id="search-key"，这里能够经过它的id属性单位到这个元素。定位到搜索框后，用send_keys()方法

 

（2）使用name定位：driver.find_element_by_name("name值")

　　从上面定位到的元素属性中，能够看到有个name属性：name="wd"，这里能够经过它的name属性单位到这个元素。

　　说明：这里运行后会报错，说明这个搜索框的name属性不是惟一的，没法经过name属性直接定位到输入框

 

3.使用连接的所有文字定位：driver.find_element_by_link_text("link_text值")

1.定位百度页面上"hao123"这个按钮

查看页面元素：

<a class="mnav" target="_blank" href="http://www.hao123.com">hao123</a>

    2.从元素属性能够分析出，有个href = "http://www.hao123.com

说明它是个超连接，对于这种元素，能够用如下方法

 

4.使用部分连接文字定位

<a class="mnav" name="tj_lang" href="https://new.baidu.com">这是一个很长很长很长的新闻</a>

driver.find_element_by_partial_link_text("新闻")
driver.find_element_by_partial_link_text("很长很长")

    1.有时候一个超连接它的字符串可能比较长，若是输入全称的话，会显示很长，这时候能够用一模糊匹配方式，截取其中一部分字符串就能够了

    2.如“hao123”,只需输入“ao123”也能够定位到

 

5.使用HTML标签名定位：driver.find_element_by_tag_name("input")

    1.从上面定位到的元素属性中，能够看到每一个元素都有tag（标签）属性，如搜索框的标签属性，就是最前面的input

    2.很明显，在一个页面中，相同的标签有不少，因此通常不用标签来定位。如下例子，仅供参考和理解，运行确定报错

 

6.使用Class名称定位：driver.find_element_by_class_name("class值")

1.从上面定位到的元素属性中，能够看到有个class属性：class="s_ipt"，这里能够经过它的class属性定位到这个元素。

 

7.使用xpath定位：driver.find_element_by_xpath("元素路径")

1.以上定位方式都是经过元素的某个属性来定位的，若是一个元素它既没有id、name、class属性也不是超连接，这么办呢？或者说它的属性不少重复的。这个时候就能够用xpath解决

    2.xpath是一种路径语言，跟上面的定位原理不太同样，首先第一步要先学会用工具查看一个元素的xpath

 

     3.安装上图的步骤，在FriePath插件里copy对应的xpath地址

 

 

8.使用css定位：driver.find_element_by_css_selector("元素选择器")

 　1.css是另一种语法，比xpath更为简洁，可是不太好理解。这里先学会如何用工具查看，后续的教程再深刻讲解

    2.打开FirePath插件选择css

    3.定位到后以下图红色区域显示

 

 

 

 xpath与css对比