ui自动化中，selenium进行元素定位，以及CSS，xpath定位总结

几种定位方式

简单代码

from selenium import webdriver
import time

# 创建浏览器驱动对象
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()            # 参数写浏览器驱动文件的路径，若配置到环境变量就不用写了
# 访问网址
driver.get("https://www.baidu.com/")

#找到输入搜素框
inpEle = driver.find_element(By.ID,"kw")
inpEle.send_keys("海康交通大数据")


# 找到搜索按钮
sEle = driver.find_element(By.ID,"su")
sEle.click()

# 退出浏览器
# driver.quit()

By中有8个，定位方式

•         使用class_name 时 如果遇到多个class值有多个情况的，选择其中之一
•         link_text 是用在a标签的
•         xpath ， 两个// ,表示找后代，相对路径，  / 表示找儿子， 全路径

id ，class_name, name 底层都是css

如下图的源码可知： id ，class_name, name 底层都是css

find_element 和 find_elements 区分

通过find_element 来找   

• 找不到会报错
• 如果能匹配多个，匹配到第一个就找一个

find_elements, 返回的是列表

写法变形（后面框架要用到）

本来是这么写的

变成这么写， 把元素独立出来。就可以单独维护

ele = ('id','kw')

driver.find_element(*ele)

css-selector 定位

1234  （直接连起来是and关系， 如果是  用(逗号)分割，就是or关系 ），and时顺序是1234

• 1.根据标签   P
• 2.根据id      #id    （12结合写法    P#id）
• 3.根据class   .class1.class2
  • 如果是xpth和 css 属性值写法，属性值要把 空格带上，写完整 【属性=“值 值”】时
  • 另外补充：如果是By.CLASS_NAME ，定位方式， 多个class，也只能写一个
• 4.根据属性 ["属性"=“属性值”]
  • 不常规 [属性] （补充：不写值，表示有此属性的）
  • 常用 input[id="username"] + 加上标签更容易唯一 属性可以模糊匹配属性值如下图
  • input[class="class1 class2"]）
  • 还能模糊，包含[*=]，开头是[^=]，结尾是[$=]
• 根据路径
  • 空格 后代                 如：#kw p 找后代的p标签 空格 （表示在某一节点 后代里去找 p）
  • > 找儿子                   如：#a1 > p 儿子选择器 > 大于 （补充 >* 表示所有儿子， 空格* 表示所有后代）
  • + 找二弟 (找相邻弟弟） 如 ：#ab1 + li 选择相邻弟弟 + （补充：+p 表示紧挨着的是p才能找到，p如果没有紧挨着还找不到）
  • ~ 找同级弟弟 如：#ab2 ~ li 选择所有亲弟弟 ~ （补充 ~ * 表示所有的弟弟）
• 伪类选择器：（常用的三个）
  • :nth-child(n) 表示找结果的第几个：如：p:nth-child(1) # 第一个p
  • :first-child 结合 > ，可以用来查某个标签儿子中的大儿子 div>:first-child
  • :last-child
  • 补充：
  • :nth-of-type(1) 表示某种类型的第一个？
  • :not(p) 不要某种标签 (括号里可以写标签，或者.classsname, # id )

用css定位时补充：假如id为数字开头

        #id #id值，这种不行

        [id="31qvvq"] # css的属性值定位是可以的

Xpath定位

/ 一个表示一层一层往下找 （儿子中找）

// 两个表示从后代找 （后代中找）

只有两种情况，我会用xpath

       a. 想用多个属性，    //input[@id='kw' and @class]

         b .想用文本来取时  //*[text(),"文本"] //*[contains(text(),"文本")]