当前位置：首页 > news >正文

（UI自动化测试web端）第二篇：元素定位的方法_css定位之ID选择器

news 来源：原创 2025/5/21 2:37:04

看代码里的【find_element_by_css_selector( )】( )里的表达式怎么写？文章介绍了第一种写法id选择器，其实XPath元素定位要比CSS好用，原因是CSS无法使用下标（工作当中也是常用的xpath），但CSS定位速度比XPath快，原因是xpath是扫描整个文档的，而CSS不是。你要根据网页中的实际情况来判断自己到底要用哪一种方法来进行元素定位。每种方法都要多练习，全都熟了之后你在工作当中使用起来元素定位时，就会有一种看一眼立马就知道用哪一种方式最简单！*

1、什么是CSS定位？
css是可以用来在selenium中定位元素的。
在selenium中推荐使用CSS定位，因为它比XPath定位速度要快。CSS选择器语法非常强大，在这里只学习在测试中常用的几个。

CSS定位元素的方法：find_element_by_css_selector(css_selector)
#css_selector表示的是CSS选择器表达式。
括号里的内容就是要写的表达式，有5种表达式的写法（CSS定位策略里选用）。

2、CSS定位策略？
id选择器
class选择器
元素选择器
属性选择器
层级选择器

一、id选择器
表达式：#id
#表示通过元素的ID属性进行元素选择，
id表示的id属性的属性值
在这里插入图片描述

# 导包selenium
from selenium import webdriver
import time
# 创建浏览器驱动对象
driver = webdriver.Chrome()
# 打开测试网站
driver.get("file:///E:/%E5%AD%A6%E4%B9%A0%E7%9B%B8%E5%85%B3/%E8%87%AA%E5%8A%A8%E5%8C%96%E7%9B%B8%E5%85%B3/02/UI%E8%87%AA%E5%8A%A8%E5%8C%96V5.0%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99/web%E7%AB%AF%E7%8E%AF%E5%A2%83/web%E8%AF%BE%E5%A0%82%E7%B4%A0%E6%9D%90/web/%E6%B3%A8%E5%86%8CA.html")
# 使窗口最大化
driver.maximize_window()

driver.find_element_by_css_selector("#emailA").send_keys("2726411159@qq.com")
# 等待3秒
time.sleep(3)
# 退出浏览器
driver.quit()