Web Driver 8中定位方法 ——基于python语言

WebDriver提供了八种元素定位方法，在python 语言中，方法如下：

•  id定位：find_element_by_id("id值")；id属性是唯一的。

 1 driver.find_element_by_id("account").send_keys("admin")#输入账号
 2 driver.find_element_by_id("password").send_keys("111111")#输入密码
 3 driver.find_element_by_id("btnsubmit").click()#登录

•  name定位：find_element_by_name("name值")；HTML规定name来指定元素的名称，name的属性值，在当前页面中可以不唯一。

 1 driver.find_element_by_name("account").send_keys("admin")
 2 driver.find_element_by_name("password").send_keys("111111")
 3 driver.find_element_by_name("btnsubmit").click()

  find_elements_by_name("PeriodName")是因为当前页面有一组radiobutton的name值是PeriodName，所以可以用定位一组元素的方法findElements，定位出来的是结果一个list

• class定位：find_element_by_class_name("class值")；HTML规定class来指定元素的类名，用法与id、name类似。

 1 driver.find_elements_by_class_name("aopenlink")[0].click()#查看详情
 2 driver.find_elements_by_class_name("panel-tool-close")[0].click()#关闭页面

•  tag定位：find_element_by_tag_name("input")；通过元素的tag name 来定位元素。

tag往往用来定义一类功能，所以通过tag识别某个元素的概率很低。任意打开一个页面，都会发现大量的<div>、<input>、<a>等tag，所以tag name定位很少用。

driver.find_element_by_tag_name("input").click()

• link定位：find_element_by_link_name("text")；通过元素标签对之间的文本信息来定位元素。

driver.find_element_by_link_text("新闻").click()

• partial link定位：是对link定位的一种补充，当链接上的文本内容比较长的时候，可以取文本的一部分进行定位，当然这部分可以唯一地标识这个链接

1 driver.find_element_by_partial_link_text("一个很长的").click()
2 driver.find_element_by_partial_link_text("文本链接").click()

前面的几种方式都比较简单，比较理想化，但是现实往往没有那么美好；经常页面没有id，name这些属性值，class name重复性较高，link定位有针对性，那么下面介绍一下Xpath与Css定位方法：

•  XPath定位：find_element_by_xpath("")；有多种定位策略：

 1）绝对路径定位 ；2）利用元素属性定位； 3）层级与属性结合；4）使用逻辑运算符

>>  如果是Firefox浏览器可以使用FirePath插件自动生成xpath。

>>  如果是Chrome浏览器可以使用XpathHelper插件自动生成xpath。

1 driver.find_element_by_xpath("//*[@id="kw"]").click()
2 driver.find_element_by_xpath("//*[@id="su"]").click()

注意：（“//*[@id="su"]”）像这种，引号中还有引号的情况，需要转义一下写成这种：（“//*[@id="su"]”）。

• CSS定位：find_element_by_css_selector("")；使用选择器来为页面元素绑定属性，可以灵活地选择控件的任意属性；一般情况定位速度要快于Xpath，但是对于初学者来说有点难度。

  1）通过class属性定位：点号（"."）表示通过class属性定位。

1 driver.find_element_by_css_selector(".s_ipt").click()
2 driver.find_element_by_css_selector(".bg s_btn").click()

  2）通过id属性定位：（"#"）表示通过id定位元素。

1 driver.find_element_by_css_selector("#KW").click()
2 driver.find_element_by_css_selector("#su").click()

  3）通过标签名定位：直接用标签名，不需要任何字符标识，但是标签重复概率很大，通过这种方式很难找到想要的元素。

driver.find_element_by_css_selector("input").click()

 4）通过父子关系定位：下面举例中：父元素：span，查找父元素下面的所有input子元素。

driver.find_element_by_css_selector("span>input").click()

 5）通过属性定位：（"[]"），中括号里的属性可以唯一标识这个元素就可以；属性的值可以加引号，也可以不加

1 driver.find_element_by_css_selector("[name='kw']").click()
2 driver.find_element_by_css_selector('[type="submit"]').click()

6）组合定位：把上面的策略组合起来使用，大大加强了定位元素的唯一性。

1 driver.find_element_by_css_selector("form.fm>span>input.s_ipt").click()
2 driver.find_element_by_css_selector("form#form>span>input#kw").click() 

......

• By定位元素

　　处理前面介绍的定位方法，Webdriver还有另外一套写法，即统一调用find_element()方法，通过By来声明定位的方法，并且传入定位方法的定位参数。

find_element()方法只用于定位元素。它需要两个参数，第一个参数是定位的类型，由By提供；第二个参数是定位的具体方式。

from selenium.webdriver.common.by import By     #在使用By定位前要将By类导入

find_element(By.ID,"kw")
find_element(By.NAME,"wd")
find_element(By.CLASS_NAME,"s_ipt")
find_element(By.TAG_NAME,"input")
find_element(By.LINK_TEXT,"新闻")
find_element(By.PARTIAL_LINK_TEXT,"新")
find_element(By.XPATH，"//*[@class='bg s_btn']")
find_element(By.CSS_SELECTOR,"span.bg s_btn wr>input#su")