selenium WebDriver定位元素学习总结

定位元素先要掌握基本的HTML语法:

http://blog.csdn.net/jojoy_tester/article/details/53222425

http://blog.csdn.net/jojoy_tester/article/details/53228674

webdriver属于selenium体系中设计出来操作浏览器的一套API,webdriver是python的一个用于实现web自动化的第三方库。

自动化要做的就是模拟鼠标和键盘来操作来操作这些元素,点击、输入、鼠标悬停等等。操作这些元素前首先要找到它们,WebDriver提供了8中定位元素的方法,python语言


from selenium import webdriver

url = "http://managerx.biddingx.com/#"
driver = webdriver.Firefox()
driver.implicitly_wait(20)
driver.get(url)
#driver.find_element_by_id("LoginFormEmail").clear()  #通过id定位元素
driver.find_element_by_id("LoginFormEmail").send_keys("qqq.com")
#driver.find_element_by_id("LoginFormPass").clear()   #通过id定位元素
driver.find_element_by_id("LoginFormPass").send_keys("xxxxxx")
driver.find_element_by_xpath(".//*[@id='SCENES_LOGIN']/div/div/div[2]/div[4]/button").click() #通过xpath定位,层级与属性结合定位

driver.quit()

所对应的方法如下:

id定位

webdriver提供的id定位的方法是通过元素的id属性来查找元素的:

find_element_by_id()

eg:

driver.find_element_by_id("LoginFormEmail")

name定位

find_element_by_name()

eg:通过name定位百度输入框

<input autocomplete="off" maxlength="255" value="" class="s_ipt" name="wd" id="kw">

find_element_by_name("wd").send_keys("python")

class 定位

通过元素类名定位元素,

find_element_by_class_name()

eg:元素类名定位百度输入框

find_element_by_class_name("s_ipt").send_keys("selenium")

tag定位(标签)

每一个元素本质就是一个tag,但是HTML页面的tag重复性很厉害,一般很少用这个定位。

find_element_by_tag_name()

eg:

find_element_by_tag_name("input") 通过input标签定位

link定位

link定位专门用来定位文本链接的。

find_element_by_link_text()

eg:

百度首页的导航栏代码如下:

<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>
<a class="lb" οnclick="return false;" name="tj_login" href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F">登录</a>
<a class="pf" name="tj_settingicon" href="http://www.baidu.com/gaoji/preferences.html">设置</a>
<a class="bri" style="display: block;" name="tj_briicon" href="http://www.baidu.com/more/">更多产品</a>
页面中这些文本是唯一的,所有可以通过link定位:

find_element_by_link_text("糯米").click()

find_element_by_link_text("新闻").click()

find_element_by_link_text("hao123").click()

find_element_by_link_text("地图").submit()

find_element_by_link_text("视频").click()

find_element_by_link_text("贴吧").click()

find_element_by_link_text("登录").click()

find_element_by_link_text("设置").submit()

find_element_by_link_text("更多产品").click()

partial link 定位

partial定位是对link定位的一种补充,有些文本很长,这时候我们可以取文本的一部分定位。

find_element_by_partial_link_text()通过元素标签对之间的部分文本就能点位元素了

例子:

<a href="http://www.hao123.com" target="_blank" class="fuks" id="browser">我是一个很长的链接,你点击我就能打开百度了哈哈。</a>

find_element_by_partial_link_text("我是一个很长的链接")

find_element_by_partial_link_text("你点击我就能打开百度了")

xpath定位

find_element_by_xpath()

绝对路径定位

从html标签开始,一层一层往下写标签,直到这个标签位置,这就是绝对路径。

登录126邮箱xpath定位:div[3]表示当前层级下的第三个div标签

driver.find_element_by_xpath("/html/body/div[2]/div[2]/div[2]/form/div/div/div[2]/input").send_keys("username")
driver.find_element_by_xpath("/html/body/div[2]/div[2]/div[2]/form/div/div[2]/div[2]/input").send_keys("xxx")
driver.find_element_by_xpath("/html/body/div[2]/div[2]/div[2]/form/div/div[6]/a").click()

利用元素属性定位

find_element_by_xpath("//标签[@属性名=属性值]")  属性名可以是id、name、class或者其他可唯一标识该标签的元素

driver.find_element_by_xpath(".//input[@id='kw']").send_keys("haha")
driver.find_element_by_xpath(".//*[@id='su']").click()

//表示当前页面某个目录下,input表示定位元素的标签名,不指定标签名可以用*代替,[@id='kw']表示这个元素id属性值是kw。也可以用class、name属性值来定位。

find_element_by_xpath("//*[@name='wd']").send_keys("haha")

find_element_by_xpath(".//input[@class='bg s_btn']").submit()

其实也可以用其他属性值都可以,只要他能唯一标识这个元素:(定位126邮箱登录)

find_element_by_xpath("//*[@placeholder='邮箱帐号或手机号']").send_keys('username')

find_element_by_xpath("//*[@maxthlenght='16']").send_keys("password")

find_element_by_xpath("//input[@id='dologin']").submit()

层级与属性结合

如果一个元素标签本身没有唯一的属性值标识自身,就可以结合层级来定位它了。

driver.find_element_by_xpath("//div[@class='m-container']/input").send_keys("username")

div[@class='m-container']通过class属性定位到父元素,后面/input就表示父元素下的子元素。如果父元素没有唯一的属性值,则可以找其爷爷元素。

find_element_by_xpath("//div[@class='hsfhg']/div[2]/input")

find_element_by_xpath(.//*[@id='SCENES_LOGIN']/div/div/div[2]/div[4]/button)

通过逻辑运算符定位

find_element_by_xpath("//input[@id='a' and @class='su']/span/input")

xpath语法通过firepath插件可以生成,可以直接使用的。

css定位

find_element_by_css_selector()

css使用选择器来为页面元素绑定属性,可以较为灵活地选择控件的人已属性,一般情况下定位速度要比xpath快。

下面是百度搜索框的代码:

......
<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="百度一下">
</span>
......

通过class属性定位

find_element_by_css_selector(".类属性值")  class选择器选择class="a"的所有元素,点号(.)表示通过class属性定位元素

driver.find_element_by_css_selector(".s_ipt").send_keys("css")
driver.find_element_by_css_selector(".bg s_btn").click()

通过id定位元素

find_element_by_css_selector("#id值") id选择器选择id="a"的所有元素,#号表示通过id属性定位元素

driver.find_element_by_css_selector("#kw").send_keys("huh")
driver.find_element_by_css_selector("#su").submit()

通过标签名定位元素(少用)

find_element_by_css_selector("input")

通过标签属性定位

find_element_by_css_selector("[属性名=属性值]")

driver.find_element_by_css_selector("[ maxlength='255']").send_keys("dfaf")
driver.find_element_by_css_selector("[ value='百度一下']").submit()

对于属性值来说,可加引号,也可以不加,但注意和整个字符串的引号进行区分!!!

通过标签父子关系定位(少用吧)

find_element_by_css_selector("父标签>子标签") 

find_element_by_css_selector("span>input")表示选择父标签为span的所有input元素

组合定位(通过父子标签和其属性结合)

组合定位可以大大加强定位元素的唯一性!

driver.find_element_by_css_selector("form#form>span>input").send_keys("asfa")
driver.find_element_by_css_selector("form#form>span>input#su").click()

要定位的元素是input,父元素是span,爷元素是form;

要定位的元素是input(可以结合它的属性值),父元素是span,爷元素是form(可以结合它的属性值)

其实通过css定位也可以像xpath定位那样通过firebug工具获得再修改,或选择要定位的标签后右键-》复制css路径也行。

通过By定位

By定位元素是统一调用find_element()的方法。find_element()方法只用于定位元素,它有两个参数,第一个是定位的类型,由By提供;第二个参数是定位的具体方式。

使用By之前需要先导入By类:

from selenium .webdriver.commom.by import By

find_element(By.类型,"具体定位方式")

如:

driver.find_element(By.ID,"kw").send_keys("dsfads")
driver.find_element(By.CLASS_NAME,"bg s_btn").click()

find_element(By.NAME,"wd")

find_element(By.XPATH,"//*[@id='id']")

find_element(By.LINK_TEXT,"新闻")

find_element(By.PARTIAL_LINK_TEXT,"登")

find_element(By.TAG_NAME,"input")






©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页