zoukankan      html  css  js  c++  java

  • 2、常用的8种元素定位方法

    一、web页面元素定位工具介绍

    1、打开google浏览器，按F12进入开发者模式，如下图：

    2、用鼠标点击下图红色框中的箭头——然后鼠标移动到web页面的元素上（此处为百度框），会自动定位到对应的html代码，如下图：

    二、web页面元素的8种定位方法:

    1、通过元素的id属性来定位元素——id是唯一标识（每个id都是不一样的）

         driver.find_element_by_id("kw")

     

    1 from selenium import webdriver
2 driver=webdriver.Chrome()
3 driver.get("https://www.baidu.com/")
4 
5 # 通过元素的id属性来定位——id是唯一的
6 search=driver.find_element_by_id("kw")
7 
8 search.send_keys("selenium")
    id.py

    2、通过元素的name属性来定位元素，name属性不是绝对唯一的（一个页面内可能存在多个元素的name属性是相同的）

         如果name属性的值wd是唯一的，用find_element_by_name定位元素，返回值是一个值
         driver.find_element_by_name("wd")

         如果name属性的值wd不是唯一的，用find_elements_by_name定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
         driver.find_elements_by_name("wd") 

     1 from selenium import webdriver
 2 driver=webdriver.Chrome()
 3 driver.get("https://www.baidu.com/")
 4 
 5 #通过元素的name属性来定位元素，name属性不是绝对唯一的（一个页面内可能存在多个元素的name属性是相同的）
 6 
 7 # 如果name属性的值kw是唯一的，用find_element_by_name定位元素，返回值是一个值
 8 search=driver.find_element_by_name("wd")
 9 
10 # 如果name属性的值kw不是唯一的，用find_elements_by_name定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
11 search=driver.find_elements_by_name("wd")
12 
13 
14 search.send_keys("python")
    name.py

     

    3、通过元素的class属性来定位元素，class属性不是绝对唯一的（一个页面内可能存在多个元素的class属性是相同的）

          如果class属性的值s_ipt是唯一的，用find_element_by_class_name定位元素，返回值是一个值

          driver.find_element_by_class_name("s_ipt")

          如果class属性的值s_ipt不是唯一的，用find_elements_by_class_name定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
          driver.find_elements_by_class_name("s_ipt")

     1 from selenium import webdriver
 2 driver=webdriver.Chrome()
 3 driver.get("https://www.baidu.com/")
 4 
 5 #通过元素的class属性来定位元素，class属性不是绝对唯一的（一个页面内可能存在多个元素的class属性是相同的）
 6 
 7 # 如果class属性的值s_ipt是唯一的，用find_element_by_class定位元素，返回值是一个值
 8 search=driver.find_element_by_class_name("s_ipt")
 9 
10 # 如果class属性的值s_ipt不是唯一的，用find_elements_by_class定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
11 search=driver.find_elements_by_class_name("s_ipt")
12 
13 
14 search.send_keys("java")
    class.py

    4、通过元素的标签名tag来定位元素，标签名不是绝对唯一的（一个页面内可能存在多个相同的标签名）

         如果标签名是唯一的，用find_element_by_tag_name定位元素，返回值是一个值
         driver.find_element_by_tag_name("input")

         如果标签名不是唯一的，用find_elements_by_tag_name定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
         driver.find_elements_by_tag_name("input")

         要找的元素是第8个input标签，所以通过列表查找时下标是7

          search2[7].send_keys("java")

     

    备注：上图找到的是15个标签，不是13个

     1 from selenium import webdriver
 2 driver=webdriver.Chrome()
 3 driver.get("https://www.baidu.com/")
 4 
 5 #通过元素的标签名来定位元素，标签名不是绝对唯一的（一个页面内可能存在多个相同的标签名）
 6 
 7 # 如果标签名是唯一的，用find_element_by_tag_name定位元素，返回值是一个值
 8 #search=driver.find_element_by_tag_name("input")
 9 
10 # 如果标签名不是唯一的，用find_elements_by_tag_name定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
11 search2=driver.find_elements_by_tag_name("input")
12 
13 #打印出15个元素
14 print(search2)
15 
16 #要找的元素是第8个input标签，所以通过列表查找时下标是7
17 search2[7].send_keys("java")
    input

     5&6、通过链接元素的文本内容来精确匹配和模糊匹配定位元素，不是绝对唯一的（一个页面内可能存在多个链接元素的文本内容是相同的）

          1、精确匹配——文本内容为“新闻”

                如果文本内容时唯一的，用find_element_by_link_text定位元素，返回值是一个值
                driver.find_element_by_link_text("新闻")

               如果文本内容不是唯一的，用elements_by_link_text定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
               driver.find_elements_by_link_text("新闻")

           2、模糊匹配——通过文本内容的部分内容，例如“hao123”，通过“hao”定位

                如果文本内容时唯一的，用find_element_by_partial_link_text定位元素，返回值是一个值
                driver.find_element_by_partial_link_text("hao123")

                如果文本内容不是唯一的，用find_elements_by_partial_link_text定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表

                driver.find_elements_by_partial_link_text("hao123")

     1 # 1、精确匹配——文本内容为“新闻”
 2 # 如果文本内容时唯一的，用find_element_by_link_text定位元素，返回值是一个值
 3 search=driver.find_element_by_link_text("新闻")
 4 
 5 # 如果文本内容不是唯一的，用elements_by_link_text定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
 6 search=driver.find_elements_by_link_text("新闻")
 7 
 8 search.click()
 9 
10 # 2、模糊匹配——通过文本内容的部分内容，例如“hao123”，通过“hao”定位
11 # 如果文本内容时唯一的，用find_element_by_partial_link_text定位元素，返回值是一个值
12 aa=driver.find_element_by_partial_link_text("hao123")
13 
14 # 如果文本内容不是唯一的，用find_elements_by_partial_link_text定位元素，返回符合条件的多个值，保存在列表中，即返回的是列表
15 
16 aa=driver.find_elements_by_partial_link_text("hao123")
    linktext

     7、通过Xpath定位

          1、绝对路径定位方法如下图：

            find_element_by_xpath("/html/body/div[2]/div/form/div/input")——以/开头，从根目录逐级查找（父子关系），这种方式太依赖元素的位置和顺序，稍微调整就会找不到，后期维护成本太高，所以一般不会用绝对定位

               

           2、相对定位——以//开头，在整个页面中寻找符合定位表达式的元素，不在乎元素的顺序和位置

              

            单属性定位： //标签名[@属性名称=值]

             

             如果单属性定位不到，就需要组合属性定位：//标签名[@属性名称=值 and @属性名称=值 and @属性名称=值]

             

             如果页面存在2个一模一样的元素，只是位置不同，定位方式如下图：从父类开始找，父类还不能唯一确定，继续从父类的父类就找

             

       另外的方式：通过父类去找：  

      

     

     xpath模糊匹配：

    a. 用contains关键字，寻找页面中href属性值包含有logout这个单词的所有a元素，由于这个退出按钮的href属性里肯定会包含logout，所以这种方式是可行的，也会经常用到。其中@后面可以跟该元素任意的属性名，定位代码如下：

    driver.find_element_by_xpath("//a[contains(@href, ‘logout’)]")

    这句话的意思是

    b. 用start-with：寻找rel属性以nofo开头的a元素。其中@后面的rel可以替换成元素的任意其他属性，定位代码如下

    driver.find_element_by_xpath(("//a[starts-with(@rel, ‘nofo’)]")

    c. 用Text关键字，寻找包含“退出”文本的所有a元素，定位代码如下：

    driver.find_element_by_xpath("//a[contains(text(), ’退出’)]")

    3.XPath 关于网页中的动态属性的定位，例如，ASP.NET 应用程序中动态生成 id 属性值，可以有以下三种方法：

    a.starts-with      例子： input[starts-with(@id,'ctrl')]              解析：匹配以 ctrl开始的属性值

    b.ends-with        例子：input[ends-with(@id,'userName')]     解析：匹配以 userName 结尾的属性值

    c.contains()        例子：Input[contains(@id,'userName')]         解析：匹配含有 userName 属性值

    G.xpath文本精准定位

    //a[text()='新闻']   #精准定位到本文属性，contains则是模糊定位
  • 相关阅读:
    使用VSCode创建简单的Razor Webapp--1.入门
    ASP.NET Razor 常用示例
    ASP.NET Razor 语法
    ASP.NET Razor简介
    EF CodeFirst 一对一、一对多、多对多关系
    mysql外键
    EF CodeFirst 之 Fluent API
    替换JDK 对eclipse的影响？
    mysql数据库，安装 ！创建！...详解！
    Apache的commons工具类
  • 原文地址：https://www.cnblogs.com/yhms/p/10728765.html
Copyright © 2011-2022 走看看