【selenium学习笔记一】python + selenium定位页面元素的办法。

一、什么是Selenium，为何web测试，你们都用它？

　　Selenium设计初衷就是为web项目的验收测试再开发。内核使用的是javaScript语言编写，几乎支持因此能运行javaScript的浏览器，支持windows\linux\macos等各类平台。

　　Selenium 脚本是用多种受支持的编程语言中的一种编写的 —— 目前可用的有 Java、Ruby 和 Python 驱动程序。这些脚本在浏览器以外的一个单独的进程中运行。驱动程序的任务是执行测试脚本，并经过与运行在浏览器中的 browser bot 进行通讯来驱动浏览器。驱动程序与 browser bot 之间的通讯使用一种简单的特定于 Selenium 的链接语言 Selenese。

　　Selenium 是软件工程师、设计人员和测试人员的工具箱中又一个有用且重要的工具。经过将该工具与持续集成工具相结合，团队就能够将验收测试自动化，并构建更好的软件，由于他们能够更容易、更早、更频繁地发现 bug。Selenium 的另外一个优势是能够节省时间，使开发人员和测试人员没必要将时间花在本能够（也应该）自动化的手工任务上，从而让团队将精力放在更有价值的活动上。

 

二、几种常见的Selenium查找（定位）WEB元素的方法。

　　Python：

　　1）查找元素的ID。

　　　　from selenium import webdriver

　　　　browser = webdriver.Firefox()

　　　　browser.find_element_by_id("Element's id")

　　2）经过元素的name来定位。

　　　　browser.find_element_by_name("Element's name")

　　3）经过所应用的样式表名className。

　　　　browser.find_element_by_class_name("class name")

　　4）经过CSS应用特征。

　　　　find_element_by_css_selector("a[id='id']")

　　5）经过连接的文本。

　　　　browser.find_element_link_name("link name")

　　6）经过XPATH定位。

　　　　browser.find_element_by_xpath("//***[*='**']")

下面转载一篇写得比较好的兄弟的博文：

　　

selenium对web各元素的操做首先就要先定位元素，定位元素的方法主要有如下几种：

• 经过id定位元素：find_element_by_id("id_vaule")
• 经过name定位元素：find_element_by_name("name_vaule")
• 经过tag_name定位元素：find_element_by_tag_name("tag_name_vaule")
• 经过class_name定位元素：find_element_by_class_name("class_name")
• 经过css定位元素：find_element_by_css_selector();用css定位是比较灵活的
• 经过xpath定位元素：find_element_by_xpath("xpath")
• 经过link定位：find_element_by_link_text("text_vaule")或者find_element_by_partial_link_text()

以百度首页为例：下面是百度输入框的html代码，能够经过firebug或者谷歌的审查元素或得

<input type="text"name="wd" id="kw1" maxlength="100"style="width:474px;"

autocomplete="off">

1.经过id定位，则百度的输入框便可表示为：find_element_by_id("kw1")

2.经过name定位则能够表示为：find_element_by_name("wd")

3.经过tag_name定位：input其实就是tag_name（标签名），一样也能够表示成：

find_element_by_tag_name("input")

下面是“百度一下”按钮的html

<span class="btn_wr">

<inputtype="submit" value="百度一下" id="su1" class="btn" onmousedown=

"this.className='btnbtn_h'" onmouseout="this.className='btn'">

</span>

4.经过class_name定位，“百度一下”按钮则能够表示成find_element_by_class_name("btn_wr")

5.经过css定位，这个比较灵活，想要彻底弄懂，花费的时间是

比较多的，我的以为没有必要

百度输入框

<input

type="text" name="wd"id="kw1" maxlength="100"style="width:474px;"autocomplete="off">

• 如取id，百度输入框则能够表示为：find_element_by_css_selector("a[id=\"kw1\"]")
• 如取name，又能够表示为：find_element_by_css_selector("a[name=\"wd\"]")
• <aonclick="queryTab(this);"mon="col=502&pn=0"title="web"href="http://www.baidu.com/">网页</a>
• 还能够用title，如百度的网页连接能够表示为find_element_by_css_selector("a[title=\"web\"]")

<aclass="RecycleBinxz"href="javascript:void(0);">

• 还也一样能够用class，上面的代码有能够用find_element_by_css_selector("a.RecycleBin")

6.经过XPath定位

首先咱们要了解XPath是上面东西，XPath是一种在XML

文档中定位元素的语言。由于HTML能够看作XML的一种实现，

因此selenium用户但是使用这种强大语言在web应用中定

位元素，详情请阅读：

什么是XPath：http://www.w3.org/TR/xpath/
XPath基础教程：http://www.w3schools.com/xpath/default.asp

selenium中被误解的XPath：

http://magustest.com/blog/category/webdriver/

xpath:attributer（属性）

driver.find_element_by_xpath("//input[@id='kw1']")

表示input标签下id =kw1的元素

 

xpath:idRelative（id相关性）

driver.find_element_by_xpath("//div[@id='fm']/form/span/input")

表示在/form/span/input层级标签下有个div标签的id=fm的元素

 

driver.find_element_by_xpath("//tr[@id='check']/td[2]")

表示id为'check'的tr，定闪他里面的第2个td

 

xpath:position（位置）

driver.find_element_by_xpath("//input")

driver.find_element_by_xpath("//tr[7]/td[2]")

表示第7个tr里面的第2个td

 

xpath: href（水平参考）

driver.find_element_by_xpath("//a[contains(text(),'网页')]")

表示在a标签下有个文本（text）包含（contains）'网页' 的元素

 

xpath:link

driver.find_element_by_xpath("//a[@href='http://www.baidu.com/']")

表示有个叫a的标签，他有个连接href='http://www.baidu.com/的元素

7.经过link定位

有时候不是一个输入框也不是一个按钮，而是一个文字连接，咱们能够经过link

#coding=utf-8

 

fromseleniumimportwebdriver

importtime

df = webdriver.Firefox() #选择firefox浏览器

df.get("http://www.baidu.com") #打开百度网页

time.sleep(2) #暂停2秒，不是毫秒

df.find_element_by_link_text("贴 吧").click() #点击贴吧连接

time.sleep(2)

df.quit() #关闭浏览器

 

PartialLinkText定位

经过部分连接定位，这个有时候也会用到，我尚未想到很好的用处。拿上面的例子，我能够只用连接的一部分文字进行匹配：

browser.find_element_by_partial_link_text("贴").click()

 

经过find_element_by_partial_link_text()函数，我只用了“贴”字，脚本同样找到了"贴吧"的连接