• Selenium:八种元素定位方法


    前言:

        我们在做WEB自动化时,最根本的就是操作页面上的元素,首先我们要能找到这些元素,然后才能操作这些元素。工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素。那么我们怎么来定位他们呢?

    在学习元素定位之前,我们最好能懂一点html的知识。

    web driver提供了八种元素定位的方法:

    id name class name tag name
    link text partial link text xpath css selector

    简单介绍:

    # 通过ID定位目标元素
    driver.find_element_by_id('i1')
     
    # 通过className定位目标元素
    driver.find_element_by_class_name('c1')
     
    # 通过name属性定位目标元素
    driver.find_element_by_name('n1')
     
    # 通过Xpath定位目标元素
    driver.find_element_by_xpath('//*[@id="i1"]')
     
    # 通过css Selector定位目标元素
    driver.find_element_by_css_selector('#i1')
     
    # 通过标签名称定位(注:在一个页面中,标签一定会重复,所以不用这个来进行定位)
    driver.find_element_by_tag_name('input')
     
    # 通过标签中的文本查找元素
    driver.find_element_by_link_text('登录')
     
    # 通过标签中文本的模糊匹配查找
    driver.find_elements_by_partial_link_text('')

    详细解释:

    1、id定位: find_element_by_id()

    从上面定位到的搜索框属性中,有个id="kw"的属性,我们可以通过这个id定位到这个搜索框

     代码:

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    
    # 启动浏览器
    driver = webdriver.Chrome(executable_path='/usr/local/opt/drivers/chromedriver')
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过id定位搜索框,并输入selenium
    driver.find_element_by_id('kw').send_keys('selenium')
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()

    2、name定位: find_element_by_name()

    从上面定位到的搜索框属性中,有个name="wd"的属性,我们可以通过这个name定位到这个搜索框

    代码:

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    # 驱动文件路径
    driverfile_path = r'D:coshipTest_Frameworkdriverschromedriver.exe'
    # 启动浏览器
    driver = webdriver.Chrome(executable_path=driverfile_path)
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过name定位搜索框,并输入selenium
    driver.find_element_by_name('wd').send_keys('selenium')
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()

    3、class定位:find_element_by_class_name()

    从上面定位到的搜索框属性中,有个class="s_ipt"的属性,我们可以通过这个class定位到这个搜索框

    代码:

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    # 驱动文件路径
    driverfile_path = r'D:coshipTest_Frameworkdriverschromedriver.exe'
    # 启动浏览器
    driver = webdriver.Chrome(executable_path=driverfile_path)
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过class定位搜索框,并输入selenium
    driver.find_element_by_class_name('s_ipt').send_keys('selenium')
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()

    4、tag定位:find_element_by_tag_name()

    如果懂HTML知识,我们就知道HTML是通过tag来定义功能的,比如input是输入,table是表格,等等...。每个元素其实就是一个tag,一个tag往往用来定义一类功能,我们查看百度首页的html代码,可以看到有很多div,input,a等tag,所以很难通过tag去区分不同的元素。基本上在我们工作中用不到这种定义方法,仅了解就行。下面代码仅做参考,运行时必定报错

    代码:

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    # 驱动文件路径
    driverfile_path = r'D:coshipTest_Frameworkdriverschromedriver.exe'
    # 启动浏览器
    driver = webdriver.Chrome(executable_path=driverfile_path)
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过tag定位搜索框,并输入selenium, 此处必报错
    driver.find_element_by_tag_name('input').send_keys('selenium')
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()

    5、link定位:find_element_by_link_text()

    此种方法是专门用来定位文本链接的,比如百度首页右上角有“新闻”,“hao123”,“地图”等链接

    我们来定位“新闻”这个链接元素

    代码:

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    # 驱动文件路径
    driverfile_path = r'D:coshipTest_Frameworkdriverschromedriver.exe'
    # 启动浏览器
    driver = webdriver.Chrome(executable_path=driverfile_path)
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过link定位"新闻"这个链接并点击
    driver.find_element_by_link_text('新闻').click()
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()

    6、partial_link定位:find_element_by_partial_link_text()

    有时候一个超链接的文本很长很长,我们如果全部输入,既麻烦,又显得代码很不美观,这时候我们就可以只截取一部分字符串,用这种方法模糊匹配了。

    我们用这种方法来定位百度首页的“新闻”超链接

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    # 驱动文件路径
    driverfile_path = r'D:coshipTest_Frameworkdriverschromedriver.exe'
    # 启动浏览器
    driver = webdriver.Chrome(executable_path=driverfile_path)
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过partial_link定位"新闻"这个链接并点击
    driver.find_element_by_partial_link_text('').click()
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()

    7、xpath定位:find_element_by_xpath()

    前面介绍的几种定位方法都是在理想状态下,有一定使用范围的,那就是:在当前页面中,每个元素都有一个唯一的id或name或class或超链接文本的属性,那么我们就可以通过这个唯一的属性值来定位他们。

    但是在实际工作中并非有这么美好,有时候我们要定位的元素并没有id,name,class属性,或者多个元素的这些属性值都相同,又或者刷新页面,这些属性值都会变化。那么这个时候我们就只能通过xpath或者CSS来定位了。

    代码:

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    # 驱动文件路径
    driverfile_path = r'D:coshipTest_Frameworkdriverschromedriver.exe'
    # 启动浏览器
    driver = webdriver.Chrome(executable_path=driverfile_path)
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过xpath定位搜索框,并输入selenium
    driver.find_element_by_xpath("//*[@id='kw']").send_keys('selenium')
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()

    8、CSS定位:find_element_by_css_selector()

    这种方法相对xpath要简洁些,定位速度也要快些,但是学习起来会比较难理解,这里只做下简单的介绍。

    CSS定位百度搜索框

    # coding = utf-8
    from time import sleep
    from selenium import webdriver
    
    # 驱动文件路径
    driverfile_path = r'D:coshipTest_Frameworkdriverschromedriver.exe'
    # 启动浏览器
    driver = webdriver.Chrome(executable_path=driverfile_path)
    # 打开百度首页
    driver.get(r'https://www.baidu.com/')
    # 通过CSS定位搜索框,并输入selenium
    driver.find_element_by_css_selector('#kw').send_keys('selenium')
    # 等待5秒
    sleep(5)
    # 退出
    driver.quit()
  • 相关阅读:
    75. 颜色分类
    排序链表
    两个数组的交集
    242. 有效的字母异位词
    排序优化
    622.设计循环队列
    比较含退格的字符串
    682.棒球比赛
    496.下一个更大的元素I
    线性排序算法
  • 原文地址:https://www.cnblogs.com/haifeima/p/10151769.html
Copyright © 2020-2023  润新知