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")

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")
driver.find_element(By.LINK_TEXT,"登录")//点击登录
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/weixin_38648367/article/details/127729489