Python+selenium自动化八大元素定位方法及实例


一、selenium模块中的find_element_by_id方法无法使用

二、Python+selenium自动化八大元素定位方法

使用场景:

1、通过id属性定位:driver.find_element(By.ID,"value")
2、通过name属性定位:driver.find_element(By.NAME,"value")
3、通过class属性定位:driver.find_element(By.CLASS_NAME,"value")
4、通过tag_name属性定位:driver.find_element(By.TAG_NAME,"input")
5、通过link_text属性定位:driver.find_element(By.LINK_TEXT,"value")
6、通过partial_link属性定位:driver.find_element(By.PARTIAL_LINK_TEXT,"value")
7、通过xpath属性定位:find_element_by_xpath()
8、通过css属性定位:find_element_by_css_selector("css")


一、selenium模块中的find_element_by_id方法无法使用

之前学习的时候都是白嫖B站大学的视频,现在规范了之后导致之前学习的方法会报错。
例如:selenium模块中的find_element_by_id方法无法使用,会报错:
AttributeError: 'WebDriver' object has no attribute 'find_element_by_id'
改用driver.find_element(By.ID,"value"),并导入from selenium.webdriver.common.by import By就可以了。
其他元素定位方法同理修改下即可。

二、Python+selenium自动化八大元素定位方法

使用场景:
①优先用id、name(保证唯一性)
②是否是超链接,是超链接用link_text、partial_link_text,否则用css_selector、xpath
③class_name、tag_name很少用,因为这俩个难以保证被定为元素或属性的唯一性

1、通过id属性定位:driver.find_element(By.ID,"value")
driver.find_element(By.ID,"stu_username_hide").send_keys("1234567879")
driver.find_element(By.ID,"stu_password_hide").send_keys("123456")

2、通过name属性定位:driver.find_element(By.NAME,"value")
driver.find_element(By.NAME,"username").send_keys("1234567879")
driver.find_element(By.NAME,"password").send_keys("123456")

3、通过class属性定位:driver.find_element(By.CLASS_NAME,"value")
driver.find_element(By.CLASS_NAME,"Validform_error")

4、通过tag_name属性定位:driver.find_element(By.TAG_NAME,"input")
driver.find_element(By.TAG_NAME,"input")

5、通过link_text属性定位:driver.find_element(By.LINK_TEXT,"value")
driver.find_element(By.LINK_TEXT,"登录")//点击登录

6、通过partial_link属性定位:driver.find_element(By.PARTIAL_LINK_TEXT,"value")
driver.find_element(By.PARTIAL_LINK_TEXT,"登")//模糊匹配带“登”字的链接

7、通过xpath属性定位:find_element_by_xpath()
driver.find_element(By.XPATH,'/html/body/div/p[1]')//根据元素的路径查找
(1)绝对路径:从最外层元素到指定元素之间所有经过元素层级路径,以/开头,从源头标签开始从上到下查找所需元素
例如:/html/body/div/p[1]
(2)相对路径:从第一个符合条件元素开始(一般配合属性来区分),以//开头,后边必须跟标签名称或*(*表示所有标签)
几个例子:
①相对路径+索引定位
//标签名/标签名[有同名标签时,所需标签的序号]/标签名
例://form/span[1]/input
②相对路径+属性定位
搜索标签名下属性为属性名1='属性值1'的标签://标签名[@属性名1='属性值1']
例://input[@autocomplete='off']
③相对路径+通配符定位
搜索整个网页找到标签里有属性名1='属性值1'的标签://标签名*[@属性名1='属性值1']
例://input[@autocomplete='off']
搜索整个网页找到标签里有属性值为'属性值1'的标签://标签名*[@*='属性值1']
例://input[@*='off']
④相对路径+部分属性值定位
搜素属性值以x开头的标签://*[starts-with(@属性名,'x')]
例://*[starts-with(@autocomplete,'of')]
搜素属性值以x结尾的标签://*[substring(@属性名.a,'x')]
例://*[substring(@autocomplete,'ff')]
搜素属性值包含x的标签://*[contains(@属性名,'x')]
例://*[contains(@autocomplete,'ff')]
⑤相对路径+文本定位
//标签名[text()='x')]          或       //*[text()="xxx"]
例://span[text()='按图片搜索')]

8、通过css属性定位:find_element_by_css_selector("css")

driver.find_element(By.CSS_SELECTOR, '#id')//根据id查找
提示:在selenium中极力推荐css定位,因为它比XPath定位速度要快;css选择器语法非常强大。

(1)id选择器
使用#号表示id属性,如:driver.find_element(By.CSS_SELECTOR, '#user')
(2)class选择器
使用.表示class属性,如:driver.find_element(By.CSS_SELECTOR, '.tel')
(3)通过标签名定位
格式:element,如:driver.find_element(By.CSS_SELECTOR, 'input')
(4)通过属性或部分属性定位
格式:[”attribute=value”]
以字符^指明从字符串的开始匹配,以字符以字符*指明在需要进行模糊查询,以字符$指明在字符串的结尾匹配。
举例说明:
driver.find_element(By.CSS_SELECTOR,"[autocomplete='off']")//查找属性autocomplete='off'的元素
driver.find_element(By.CSS_SELECTOR,"[autocomplete='off'][name='user']")//查找属性autocomplete='off'且name='user'的元素
//通过部分属性值定位
driver.find_elemen(By.CSS_SELECTOR,"[autocomplete^='o']")//查找autocomplete属性值从o开始的元素
driver.find_elemen(By.CSS_SELECTOR,"[autocomplete*='f']")//查找autocomplete属性值含有f的元素
driver.find_elemen(By.CSS_SELECTOR,"[autocomplete$='f']")//查找autocomplete属性值以f结尾的元素
(5)层级选择器
根据元素的父子关系来选择,层级定位一般很难唯一定位到元素,所以一般情况下层级跟id/class/属性或者部分属性值一起组合定位。
格式:element>element,> 可以用空格代替
举例说明:
driver.find_element(By.CSS_SELECTOR,"form>span>input")
driver.find_element(By.CSS_SELECTOR,"form span input")
driver.find_element(By.CSS_SELECTOR,"form>span>input>[type='password']")
driver.find_element(By.CSS_SELECTOR,"form span input [type='password']")
(6)通过兄弟节点定位(通过元素的并列索引定位)
说明:兄弟节点就是同一父级元素下,存在多个相同子标签,那么这些子元素就是兄弟节点。
举例说明:
存在多个并列的<a></a>标签
 通过索引a:nth-child(1)来定位子元素
//选择第1个<a>里元素
driver.find_element(By.CSS_SELECTOR,"div#s-top-left>a:nth-child(1)")
//选择第2个<a>里元素
driver.find_element(By.CSS_SELECTOR,"div#s-top-left>a:nth-child(2)")
//选择第n个<a>里元素
driver.find_element(By.CSS_SELECTOR,"div#s-top-left>a:nth-child(n)")

补充操作

1、send_keys函数:模拟输入参数
2、clear函数:清空数据,无参
3、click函数:点击元素,无参
#在元素id=user的地方输入"admin"
driver.find_element(By.CSS_SELECTOR, '#user').send_key("admin")
#清除元素id=user的原先内容
driver.find_element(By.CSS_SELECTOR, '#user').clear()  
#点击元素id=user的地方
driver.find_element(By.CSS_SELECTOR, '#user').click()  
4、maximize_window()  模拟浏览器最大化按钮
5、set_window_size(100,100)    设置浏览器大小
6、set_window_position(300,200)   设置浏览器位置
7、back() 控制浏览器后退
8、forward() 控制浏览器前进
9、refresh() 刷新当前页面
10、close()  关闭当前窗口
11、quit()   关闭所有WebDriver启动的窗口

三、实例

实例一

需求:1)打开登录A.html页面,使用id定位,自动填写账号:admin、密码:123456;
        2)点击登录按钮
        3)登录成功3秒后关闭浏览器窗口

步骤:1、导包
from time import sleep
from selenium import webdriver
from selenium.webdriver.common.by import By

2、实例化浏览器对象
driver = webdriver.Chrome()

3、打开项目
driver.get(url)

4、找到元素填写
driver.find_element(By.ID,"username").send_keys("admin") driver.find_element(By.ID,"password").send_keys("123456")

5、点击登录按钮
driver.find_element(By.LINK_TEXT,"登录").click()

6、3秒后关闭浏览器
sleep(3)
driver.quit()

实现:

#1、导包
from time import sleep
from selenium import webdriver
from selenium.webdriver.common.by import By
 
#2、实例化浏览器对象
driver = webdriver.Chrome()
 
#3、打开url
driver.get("index.html")
 
#4、查找操作元素
driver.find_element(By.ID,"stu_username_hide").send_keys("1234567879")
driver.find_element(By.ID,"stu_password_hide").send_keys("123456")
 
#5、关闭浏览器
sleep(3)
driver.quit()

猜你喜欢

转载自blog.csdn.net/qq_30273575/article/details/131823748