selenium定位使用

一、基本使用

1. 导入selenium包 --> from selenium import webdriver
2. 导入time包 --> from time import sleep
3. 实例化火狐浏览器 --> driver=webdriver.Firefox()
4. 打开注册url --> driver.get(url)
5. 调用id定位方法 --> driver.find_element_by_id("")
6. 使用send_keys()方法发送数据 --> .send_keys("admin")
7. 暂停3秒 --> sleep(3)
8. 关闭浏览器 --> quit()

二、常用定位方式

2.1：id定位

find_element_by_id()

2.2：name定位

find_element_by_name()

2.3：class_name定位

find_element_by_class_name()

2.4： link_text定位

find_element_by_link_text()

三、Xpath、CSS定位

3.1：Xpath、CSS定位的方法使用

driver.find_element_by_xpath()

3.2路径(绝对路径、相对路径)

绝对路径：从最外层元素到指定元素之间所有经过元素层级路径 ；如:/html/body/div/p[2]
          提示：
              1). 绝对路径以/开始
              2). 使用Firebug可以快速生成，元素XPath绝对路径

相对路径：从第一个符合条件元素开始(一般配合属性来区分)；如：//input[@id='userA']
          提示：
              1). 相对路径以//开始
              2). 使用Friebug扩展插件FirePaht可快速生成，元素相对路径

3.3使用Xpath实现

3.3.1利用元素属性
说明：快速定位元素，利用元素唯一属性；
示例：//*[@id='username']   

3.3.2层级与属性结合
说明：要找的元素没有属性，但是它的父级有；
示例：//*[@id='input']/input 

3.3.3属性与逻辑结合
说明：解决元素之间个相同属性重名问题
示例：//*[@id='telA' and @class='telA']

3.3.4Xpath-延伸
//*[text()="xxx"]                            文本内容是xxx的元素
//*[starts-with(@attribute,'xxx')]           属性以xxx开头的元素
//*[contains(@attribute,'Sxxx')]             属性中含有xxx的元素

四、CSS定位

 4.1CSS定位常用策略 (方式)

1. id选择器
2. class选择器
3. 元素选择器
4. 属性选择器
5. 层级选择器

4.2CSS定位 方法

driver.find_element_by_css_selector()

driver.find_element_by_css_selector('#content')  查找id为content的节点
driver.find_element_by_css_selector('.content')  查找class为content的节点
driver.find_element_by_css_selector('div#conten>a')
查找id为content的div的所有子节点为a标签的节点

driver.find_element_by_css_selector('div#conten a')  
查找id为content的div的所有子孙节点为a标签的节点

driver.find_element_by_css_selector('#conten p:nth-child(2)')  
查找id为content的节点中的其父元素的第二个子元素是p标签的节点,并不是指第二个p标签节点

driver.find_element_by_css_selector('#conten>p:nth-of-type(2)')  
查找id为content的节点的第二个p标签节点

driver.find_element_by_css_selector('.content[name=value]') 
查找class为content且name属性为value的所有节点

find_element_by_css_selector 返回匹配到的第一个节点
find_elements_by_css_selector 返回匹配到的所有节点,类型是list

4.3CSS总结

选择器	例子	描述
#id	#userA	id选择器，选择id="userA"的所有元素
.class	.telA	class选择器，选择class="telA"的所有元素
element	input	选择所有input元素
[attribute=value]	[type="password"]	选择type="password"的所有元素
element>element	p>input	选择所有父元素为p元素的input元素

4.4XPath与CSS类似功能对比

定位方式	XPath	CSS
元素名	//input	input
id	//input[@id='userA']	#userA
class	//*[@class='telA']	.telA
属性	1. //*[text()="xxx"] 2. //*[starts-with(@attribute,'xxx')] 3. //*[contains(@attribute,'xxx')]	1. input[type^='p'] 2. input[type$='d'] 3. input[type*='w']