UI自动化常用 8 种元素定位（二）

时间：2021-05-13 14:29:46

常用 8 种元素定位

UI自动化常用 8 种元素定位（二）

1、find_element_by_id()

  • Chrome浏览器F12可以看到元素的基本信息
  • find_element_by_id()是一种定位元素的方法，
from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(3)
#通过ID查找
driver.find_element_by_id("mobile").send_keys("13770506773")
driver.close()

2、find_element_by_name()

  • Chrome浏览器F12可以看到元素的name，name是否唯一，name不是唯一的话会报错。
from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(3)
driver.find_element_by_id("mobile").send_keys("13770506773")
time.sleep(3)
#通过name查找元素
driver.find_element_by_name("password").send_keys("zy568521")

driver.quit()

3、find_element_by_class_name()

  • Chrome浏览器F12可以看到元素的基本信息
  • 通过id和name定位元素不方便，可以使用class_name()方法定位
driver = webdriver.Chrome()
driver.get("https://www.baidu.com/")
time.sleep(3)
driver.maximize_window()
driver.find_element_by_class_name("s_ipt").send_keys("python")

4、find_element_by_tag_name()

  • Chrome浏览器F12可以看到元素的基本信息
  • 每个元素都有标签，<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">
  • 可以使用input标签进行定位，实际中标签重复的很多，一般不会使用该方法进行元素定位
driver.find_element_by_tag_name("input").send_keys("python")

5、find_element_by_link_text()

UI自动化常用 8 种元素定位（二）

 

  • 百度页面hao123按钮，通过分析该元素有个href=“https://www.hao123.com”
  • 可以使用driver.find_element_by_link_text()来定位
driver = webdriver.Chrome()
driver.get("https://www.baidu.com/")
time.sleep(3)
driver.maximize_window()
#打开hao123主页
driver.find_element_by_link_text("hao123").click()
time.sleep(2)
#返回上一个窗口
driver.back()
time.sleep(2)
driver.quit()

6、find_element_by_xpath()

UI自动化常用 8 种元素定位（二）

  • 若遇到一个元素没有id，name，class等属性的时候，可以使用xpath方法来解决
  • xpath语法还的记得去学习
  • 使用谷歌插件XPath Helper，定位出来后自己修改也可以
driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(2)
driver.maximize_window()
time.sleep(1)
#通过Xpath定位元素
driver.find_element_by_xpath("//input[@id='mobile']").send_keys("13770506771")
driver.quit()

7、find_element_by_css_selector()

  • css_selector的语法比xpath简洁很多，但理解起来不是很理解
  • css和xpath两个掌握其中一个都可以
driver = webdriver.Chrome()
driver.get("http://djuat.dtfunds.com/fund-jsqyweb/index.html")
time.sleep(2)
driver.maximize_window()
time.sleep(1)
driver.find_element_by_xpath("//input[@id='mobile']").send_keys("13770506771")
#通过css定位
driver.find_element_by_css_selector("#password").send_keys("zy568521")
time.sleep(2)
driver.quit()

 

8、find_element_by_partial_link_text()

  • 是一种模糊匹配，字符串可以输入其中一部分
标签：

相关文章