Webdriver常用的元素定位

Webdriver常用定位元素的方法有以下八种:

id、name、class name、tag name、link text、partial link text、xpath、class selector

在Python中,对应的方法为:

  • find_element_by_id()
  • find_element_by_name()
  • find_element_by_class_name()
  • find_element_by_tag_name()
  • find_element_by_link_text()
  • find_element_by_partial_link_text
  • find_element_by_xpath()
  • find_element_by_css_selector()

备注:元素定位必须确保该定位方式定位出的元素具有唯一性,若定位出多组元素,需对元素进行筛选,或者调整定位方式。

以下定位方式以百度首页为例进行元素定位:

通过Firefox()打开百度首页,通过Firebug(F12)查看百度首页的JS代码,定位到输入框:

<form id="form" class="fm" action="/s" name="f">
<input type="hidden" value="utf-8" name="ie">
<input type="hidden" value="8" name="f">
<input type="hidden" value="0" name="rsv_bp">
<input type="hidden" value="1" name="rsv_idx">
<input type="hidden" value="" name="ch">
<input type="hidden" value="baidu" name="tn">
<input type="hidden" value="" name="bar">
<span class="bg s_ipt_wr quickdelete-wrap">
<span class="soutu-btn"></span>
<input id="kw" class="s_ipt" autocomplete="off" maxlength="255" value="" name="wd">
<a id="quickdelete" class="quickdelete" href="javascript:;" title="清空" style="top: 0px; right: 0px; display: none;"></a>
</span>
<span class="bg s_btn_wr">
<input id="su" class="bg s_btn" type="submit" value="百度一下">

1、id定位

find_element_by_id("kw")

2、name定位

find_element_by_name("wd")

3、class name定位

find_element_by_class_name("s_ipt")

4、tag name定位

find_element_by_tag_name("input"),因存在多个'input'的tag标签,通过此方式无法定位到百度输入框

5、link text定位

<div id="u1">
<a class="mnav" name="tj_trnuomi" href="http://www.nuomi.com/?cid=002540">糯米</a>
<a class="mnav" name="tj_trnews" href="http://news.baidu.com">新闻</a>
<a class="mnav" name="tj_trhao123" href="http://www.hao123.com">hao123</a>
<a class="mnav" name="tj_trmap" href="http://map.baidu.com">地图</a>
<a class="mnav" name="tj_trvideo" href="http://v.baidu.com">视频</a>
<a class="mnav" name="tj_trtieba" href="http://tieba.baidu.com">贴吧</a>

link用来定位文本链接,通过在百度首页点击'新闻'、'地图'等都可以进入到对应的页面,因此可以用link进行定位:

find_element_by_link_text("新闻")

find_element_by_link_text("地图")

6、partial link text定位

此方式为link text的一个补充,当文件链接过长时,只需截图一部分文本即可:

<a class="mnav" name="tj_trnews" href="http://news.baidu.com">一个很长很长很长的新闻</a>

find_element_by_patial_link_text("很长的新闻")

7、xpath定位(重要)

1)直接通过Firefox的插件Firebug定性定位

 

2)、通过绝对路径定位

如定位百度首页的输入框,需要一层一层的定位:

driver.find_element_by_xpath('/html/body/div[3]/div/div/div/div/form/span/input')

div[3]表示当前层级下的第三个div标签

这种定位方式比较繁琐,适用性不强

3)、利用元素属性定位

drive.find_element_by_xpath("//input[@id='kw']")

//表示当前页面下的某个目录,也可以用/*表示整个目录,input表示标签名,@id='kw'表示标签名下id='kw'的元素,除了用id定位,也可以使用

输入框的其他元素属性定位。

4)、层级与属性结合定位

 

<span class="bg s_ipt_wr quickdelete-wrap">
    <span class="soutu-btn"></span>
    <input id="kw" class="s_ipt" autocomplete="off" maxlength="255" value="" name="wd">

 

该方式可以先定位到上一层级文件,然后再往下定位,比如定位百度输入框,可以先定位到父元素,再往下查找元素

find_element_by_xpath("span[class='bg s_ipt_wr']/input")

5)、使用逻辑运算符定位

若一个属性不能唯一区分,可以用逻辑运算符将多个属性结合起来查找元素

 

<input id='aa1' class='bb1' name='cc'>
<input id='aa1' class='bb2' name='cc'>
<input id='aa2' class='bb1' name='cc'>

 

如上所示,若只是通过单方式去定位元素,元素不唯一,需将元素结合起来一起定位:

find_element_by_xpath("/*[@id='aa1' and @class='bb1']")

 8、css selector定位(重要)

css选择器的常见语法

 

使用方式如下:

1)、通过class定位

 find_element_by_css_selector('.s_ipt')

2)、通过id定位

find_element_by_css_selector('#kw')

3)、共拓标签名定位

find_element_by_css_selector('input'),此方式定位不适用

4)、通过属性定位

find_element_by_css_selector('[name="wd"]')

5)、通过父子关系定位

find_element_by_css_selector("form > span"),其中'>'可以用空格代替,为了增加辨识,最好使用'>'

6)、通过组合定位的方式

即通过class或者id一起组合定位。

除此之外,也可以通过By来声明定位,在使用之前需先导入By类

from selenium.webdriver.common.by

 

find_elements_by.....此时是定位一组元素,比如根据tag name来定位时,可以先定位一组元素,通过find_elements_by_tag_name(' ')[]来进行筛选。

posted @ 2016-09-26 16:28  菜鸟的Blog  阅读(4191)  评论(2编辑  收藏  举报