【第02节】Selenium4 元素定位方法与实战（Python Web自动化测试）

最新推荐文章于 2024-04-24 13:35:29 发布
最新推荐文章于 2024-04-24 13:35:29 发布
阅读量429 收藏 3
点赞数 2
分类专栏： # Selenium4 自动化测试 文章标签： python 前端 chrome
本文为一禅（OneZen）原创文章，未经一禅（OneZen）允许不得转载。联系QQ:807002272
本文链接：https://blog.csdn.net/kasthsoft/article/details/127683329
版权
  • 注意：由于Selenium3 与Selenium4 版本改动比较大。本次教程着重讲解 Selenium4 但并会与Selenium3 的一些方法进行对比。

文章目录

WebDrive 包含多种定位方法，常用定位方法（id、name、class、link_text、partial_link_text、tag、xpath、css）等。

一、单个元素定位方法实战

本章用 www.baidu.com 举例

1.1 通过 find_element_by_id() 或 find_element(By.ID, value)定位

注意： find_element_by_id()属于selenium3 定位方法，find_element(By.ID, value)属于selenium4 定位方法

from selenium import  webdriver
from selenium.webdriver.common.by import By
import time

# 获取浏览器驱动  注意：Chrome() Firefox() 必须用大写开头
driver = webdriver.Chrome()
# 访问 Web 地址
driver.get("http://www.baidu.com/")
# 使用 find_element(By.ID, value) 方法定位
driver.find_element(By.ID, 'kw').send_keys("Python Web自动化测试")
# 点击百度一下
driver.find_element(By.ID,'su').click()
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
time.sleep(5)
driver.quit()

1.2 通过 find_element_by_name() 或 find_element(By.NAME, value)定位

注意： find_element_by_name()属于selenium3 定位方法，find_element(By.NAME, value)属于selenium4 定位方法

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开浏览器
driver = webdriver.Chrome()
# 请求百度搜索
driver.get('http://www.baidu.com/')
# 使用 find_element(By.NAME, value) 方法定位
driver.find_element(By.NAME,'wd').send_keys('Python Web自动化测试')
# 点击百度一下  （百度一下没有找到name方法定位元素，使用id定位代替）
driver.find_element(By.ID,'su').click()
time.sleep(5)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

1.3 通过 find_element_by_class_name() 或 find_element(By.NAME, value)定位

注意： find_element_by_name()属于selenium3 定位方法，find_element(By.NAME, value)属于selenium4 定位方法

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开浏览器
driver = webdriver.Chrome()
# 请求百度搜索
driver.get('http://www.baidu.com/')
# 使用 find_element(By.CLASS_NAME, value) 方法定位
driver.find_element(By.CLASS_NAME,'s_ipt').send_keys('Python Web自动化测试')
# 点击百度一下  (使用的CLASS_NAME定位)
driver.find_element(By.CLASS_NAME,'s_btn').click()
time.sleep(5)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

1.4 通过 find_element_by_xpath() 或 find_element(By.XPATH, value)定位

注意： find_element_by_xpath()属于selenium3 定位方法，find_element(By.XPATH, value)属于selenium4 定位方法

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开浏览器
driver = webdriver.Chrome()
# 请求百度搜索
driver.get('http://www.baidu.com/')
# 使用 find_element(By.XPATH, value) ID 定位方法
"""
'//input[@id="kw"]'可以替换  '//*[@id="kw"]' 
* 号是通配符  这里是用的 xpath id 定位可以替换成 name 、class 等定位方式
"""
driver.find_element(By.XPATH,'//input[@id="kw"]').send_keys('Python Web自动化测试')
# 点击百度一下  (使用的XPATH ID 定位)
driver.find_element(By.XPATH,'//input[@id="su"]').click()
time.sleep(5)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

1.4.1 扩充 xpath 定位知识点

在 selenium 使用过程中最多的就是 id 精准定位其次就是 name相对定位，用的最频繁的就是xpath 定位方法

xpath 定位代码：xpath 灵活多变，很多组合请自行摸索，请根据例子举一反三。

"""
这里我只写替代方法，不写详细代码
"""
# 使用xpath + 通配符 * + name 定位方法
driver.find_element(By.XPATH,'//*[@name="wd"]').send_keys('Python Web自动化测试')

# 使用xpath + input + name 定位方法
driver.find_element(By.XPATH,'//input[@name="wd"]').send_keys('Python Web自动化测试')

# 使用xpath + class + class定位方法
driver.find_element(By.XPATH,'//input[@class="s_ipt"]').send_keys('Python Web自动化测试')

# 使用xpath + from + id + 多层级定位 （这种定位方式对路径字符正确性要求极高，建议安装一些浏览器插件辅助）
driver.find_element(By.XPATH,'//form[@id="form"]/span/input').send_keys('Python Web自动化测试')

1.5 通过 find_element_css_selector() 或find_element(By.CSS_SELECTOR, value)定位

注意： find_element_css_selector()属于selenium3 定位方法，find_element(By.CSS_SELECTOR, value)属于selenium4 定位方法

from selenium import webdriver
import time
from selenium.webdriver.common.by import By

"""
find_element(By.CSS_SELECTOR,value) 第一种定位方法
"""
# 打开浏览器
driver = webdriver.Chrome()
# 请求百度搜索
driver.get('http://www.baidu.com/')
# 使用 find_element(By.CSS_SELECTOR, value) 方法定位
"""
input#kw input+id 名称定位
input#su input+id 名称定位
"""
driver.find_element(By.CSS_SELECTOR, 'input#kw').send_keys('Python Web自动化测试')

# 点击百度一下  (使用的CSS_SELECTOR定位)
driver.find_element(By.CSS_SELECTOR, 'input#su').click()
time.sleep(5)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

"""
find_element(By.CSS_SELECTOR,value) 第二种定位方法
"""
# 打开浏览器
driver = webdriver.Chrome()
# 请求百度搜索
driver.get('http://www.baidu.com/')
# 使用 find_element(By.CSS_SELECTOR, value) 方法定位
"""
form#form>span>input 模糊定位
form#form>span>input#su input+id 名称精准定位
"""
driver.find_element(By.CSS_SELECTOR, 'form#form>span>input').send_keys('Python Web自动化测试')

# 点击百度一下  (使用的CSS_SELECTOR定位)
driver.find_element(By.CSS_SELECTOR, 'form#form>span>input#su').click()
time.sleep(5)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

二、多个元素定位方法实战

2.1 通过 find_elements_css_selector() 或find_elements(By.CSS_SELECTOR, value)定位

注意： find_elements_css_selector()属于selenium3 定位方法，find_elements(By.CSS_SELECTOR, value)属于selenium4 定位方法

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开Chrome浏览器
driver= webdriver.Chrome()
# 请求 aol 邮箱注册
driver.get('https://login.aol.com/account/create')
# 使用 find_elements(By.CSS_SELECTOR, value)+索引 方法定位
driver.find_elements(By.CSS_SELECTOR,"input[type='text']")[0].send_keys("Tong")
driver.find_elements(By.CSS_SELECTOR,"input[type='text']")[1].send_keys("Hua")
time.sleep(5)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用 driver.quit()
driver.quit()

注意：这段代码是整个页面有多个相同的 input 标签，而且 input 标签的 type 属性值都是 text 一样的。可以用个Python 索引来定位元素 。[0]、[1] …… 代表索引

2.2 通过 find_elements_by_tag_name() 或find_elements(By.TAG_NAME,value)定位

注意： find_elements_by_tag_name()属于selenium3 定位方法，find_elements(By.TAG_NAME, value)属于selenium4 定位方法

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开Chrome浏览器
driver= webdriver.Chrome()
# 请求 aol 邮箱注册
driver.get('https://www。baidu.com/')
# 使用 find_elements(By.TAG_NAME, value) 方法定位
tag = driver.find_elements(By.TAG_NAME,"input")
# 遍历 tag
for baidu in tag:
    if baidu.get_attribute('autocomplete') =="off":
        baidu.send_keys("Python Web自动化测试")

# 点击百度一下  (使用的ID定位)
driver.find_element(By.ID,'su').click()
time.sleep(5)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

注意：页面出现多个 input 标签时，可以通过 for 遍历每个对象，然后通过 autocomplete 属性值等于 off 的元素判断定位。项目中参考列子举一反三。

三、JavaScript 与 JQuery 定位方法实战

项目开发中不推荐使用 JavaScript 与 JQuery 定位方法。迫不得已可以选择这样的定位方法，确保项目能正常开发。

3.1 JavaScript 常用定位方法

3.1.1 getElementById 定位

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开Chrome浏览器
driver= webdriver.Chrome()
# 请求简书
driver.get('https://www.jianshu.com/sign_in')
# 等待时间，让浏览器加载一下
time.sleep(3)
# 使用 getElementById 定位； 单点注册
driver.execute_script("document.getElementById('js-sign-up-btn').click();")
time.sleep(3)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

3.1.1 getElementByClassName 定位

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开Chrome浏览器
driver= webdriver.Chrome()
# 请求简书
driver.get('https://www.jianshu.com/sign_in')
# 使用 getElementByClassName + 索引 定位；单点登录
driver.execute_script('document.getElementByClassName("active")[0].click();')
time.sleep(3)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

3.1.1 getElementByTagName 定位

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开Chrome浏览器
driver= webdriver.Chrome()
# 请求简书
driver.get('https://www.jianshu.com/sign_in')
# 使用 getElementByTagName + tag名称 + 索引 + 属性值
driver.execute_script('document.getElementByTagName("input")[2].value="username";')
driver.execute_script('document.getElementByTagName("input")[2].value="password";')
time.sleep(3)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

3.2 JQuery 常用定位方法

3.2.1 querySelectorAll() 定位

from selenium import  webdriver
import time
from selenium.webdriver.common.by import By

# 打开Chrome浏览器
driver= webdriver.Chrome()
# 请求简书
driver.get('https://www.jianshu.com/sign_in')
#  等待时间，让浏览器加载一下
time.sleep(3)
#  输入登录名与密码
driver.find_element(By.ID,'session_email_or_mobile_number').send_keys('13142077700')
driver.find_element(By.ID,'session_password').send_keys('12345678')
# 使用css 选择器定位登录按钮
driver.execute_script('document.querySelectorAll(".sign-in-button")[0].click();')
time.sleep(3)
# driver.close()关闭驱动，driver.quit()退出驱动，开发中一般建议使用driver.quit()
driver.quit()

总结：Selenium4 定位划重点

  • 页面中使用 find_element() 元素定位。优先级: ID 定位、NAME 定位、XPATH定位 、CSS 定位等。
  • 页面中使用 find_elements() 元素定位。优先级: CSS 定位、TAG_NAME 定位等。
  • 页面中使用 execute_scrip() 元素定位。优先级: getElementById 定位、getElementByClassName 定位、getElementByTagName 定位、querySelectorAll 定位等。
一禅（OneZen）
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
selenium2 python 自动化测试实战
12-27
selenium2 python 自动化测试实战，虫师，高清版，带目录。
Selenium2自动化测试实战 基于Python语言
08-23
虫师2016年10月的书，相当新
Selenium 官方中文文档
05-18
Selenium 官方中文文档
selenium Python 实战项目.zip
01-17
python项目
Selenium 2自动化测试实战 基于Python语言
09-19
试读 Selenium 2自动化测试实战 基于Python语言 企业批量购书 分享 关注商品举报 Selenium 2自动化测试实战 基于Python语言 这不仅是一本Selenium2自动化测试书，同时还是一本实用的Python基础编程书
Selenium-Python中文手册
01-15
领导让整理文档，花了好几天时间把官方文档翻译了一下，可能还有少许不通顺之处，麻烦指正一下。
selenium4
xlxlxl的博客
11-23 695
单选框 type:radio定位-->点击判断是否被选中元素.is_selected()复选框 type:checkbox只选择一个---->同单选框一样全选定位所有复选框遍历判断是否被选中点击选择部分将部分提取出来生成一个列表格式,做筛选。
selenium4新版本使用指南
jsy6666的博客
03-27 1934
Selenium是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括SafariOperaEdge等。这个工具的主要功能包括：测试与浏览器的兼容性——测试应用程序看是否能够很好得工作在不同浏览器和操作系统之上。
【Python爬虫 • selenium】selenium4新版本使用指南
热门推荐
广龙宇的博客
07-01 13万+
Selenium是一个用于Web应用程序测试的工具，测试直接运行在浏览器中，就像真正的用户在操作一样。支持多种浏览器。这个工具的主要功能包括：测试与浏览器的兼容性——测试应用程序看是否能够很好得工作在不同浏览器和操作系统之上。随着时代的发展，在使用python做自动化时，与之前差生了很大的变化，这些变化都是一个老程序员所必须要踩坑的地方，也是由于已经会了老版本，在使用新版本的时候，需要多次探索，本文从当前最新版的Selenium出发，以Chrome驱动为例，总结了新版的使用方法，免得到处去搜索...
新版selenium4.0 + Python使用详解
weixin_40331132的博客
05-07 2万+
selenium简介，驱动安装，selenium4.0库使用，自动化框架核心代码初步封装
selenium+python自动化测试之页面元素定位
01-20
上一篇博客selenium+python自动化测试（二）–使用webdriver操作浏览器讲解了使用webdriver操作浏览器的各种方法，可以实现对浏览器进行操作了，接下来就是对浏览器页面中的元素进行操作，操作页面元素，首先要找到...
Python+selenium实现Web自动化测试的各种元素定位
12-21
二、编写Python代码；我这里是网上最全的元素定位 from selenium import webdriver import time dr = webdriver.Chrome() # 打开登陆163邮箱的网页 dr.get('http://mail.163.com/') # 将浏览器窗口最大化 dr....
python3 selenium自动化测试 强大的CSS定位方法
01-21
ccs的优点：css相对xpath语法比xpath简洁，定位速度比xpath快 css的缺点：css不支持用逻辑运算符来定位，而xpath支持。css定位语法形式多样，相对xpath比较难记。 css定位建议多用，这个定位方式很强大，定位速度快...
Python自动化测试实战篇（4）selenium+unttest+ddt实现自动化用例测试，模拟用户登陆点击交互测试
02-09
Python自动化测试实战篇（4）selenium+unttest+ddt实现自动化用例测试，模拟用户登陆点击交互测试，Assert捕获断言多种断言
Ansible 指定受控端使用Python的版本
shijin741231的博客
04-20 597
最近在装Ansible，有一台受控端Ubuntu16的服务器，安装了Python2.7.12和Pyhon3.5。当用Ansible连接它时，显示使用的是Python3.5。最后看文档，发现Ansible可以在hosts的文件中指定受控服上运行的Python。
【编译程序介绍】
武帝为此的博客
04-22 1216
简单来说，编译程序是一个软件，它读取用某种编程语言编写的源代码，分析并转换成等效的、可执行的机器语言代码。这个过程涉及多个复杂的步骤，包括语法分析、语义分析、代码优化和代码生成等。
[python3] 读取一个正在更新的日志文件
最新发布
言之。
04-24 238
等同于–follow=name --retry，根据文件名进行追踪，并保持重试，即该文件被删除或改名后，如果再次创建相同的文件名，会继续追踪。这两种方法都会持续监听日志文件的变化，并实时读取新增的日志内容。你可以根据实际需求选择其中一种方法。要读取一个正在更新的日志文件（即实时写入的日志文件），你可以使用 Python 的。的技巧来实现实时读取。函数打开文件，并使用。
实现自定义注解、实现自定义幂等性注解
qq_44721738的博客
04-23 606
添加 Spring AOP 依赖。创建自定义注解。创建一个新的 Java 注解类，通过@interface关键字来定义，并可以添加元注解以及属性。@Target(ElementType.METHOD) //表示作用于方法上@Retention(RetentionPolicy.RUNTIME) // 表示这个注解在运行时是可见的，这样 AOP 代理才能在运行时读取到这个注解编写 AOP 拦截（自定义注解）的逻辑代码。@Aspect@Component// 方法执行前的处理。
【InternLM实战营---第五节课作业】
weixin_45609124的博客
04-22 802
LMDeploy环境配置及基础使用
python selenium 项目实战
08-12
当然可以！Python 的 Selenium 库是一个非常强大的工具，用于自动化 Web 浏览器操作。以下是一个简单的 Python Selenium 项目实战示例： ```python from selenium import webdriver from selenium.webdriver.common.keys import Keys # 创建一个浏览器实例 driver = webdriver.Chrome() # 打开网页 driver.get("https://www.baidu.com") # 在搜索框中输入关键字 search_box = driver.find_element_by_name("wd") search_box.send_keys("Python Selenium") search_box.send_keys(Keys.RETURN) # 获取搜索结果 results = driver.find_elements_by_xpath("//div[@class='result c-container']") # 打印搜索结果标题和链接 for result in results: title = result.find_element_by_tag_name("h3").text link = result.find_element_by_tag_name("a").get_attribute("href") print(f"标题: {title}") print(f"链接: {link}") print() # 关闭浏览器 driver.quit() ``` 这个示例演示了如何使用 Selenium 打开百度并搜索关键字 "Python Selenium"，然后提取搜索结果的标题和链接，并打印出来。你可以根据自己的需求进行进一步的开发和扩展。 请确保已经安装了 Selenium 库以及对应浏览器的 WebDriver（如 ChromeDriver）。你可以通过 `pip install selenium` 安装 Selenium 库，并从 ChromeDriver 官网下载对应版本的 ChromeDriver。 希望这个示例对你有所帮助！如果你有其他问题或需要进一步的帮助，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一禅（OneZen）

你的鼓励将是我创作的最大动力哦

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值