Java+Selenium3方法篇11-findElement之By CSS

最新推荐文章于 2025-06-26 09:49:27 发布

原创最新推荐文章于 2025-06-26 09:49:27 发布 · 4.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#Java+Selenium3 #CSS

Java+Selenium3POM自动化测试框架设计系列专栏收录该内容

71 篇文章

订阅专栏

本文介绍如何使用CSS选择器进行网页元素定位，适用于Selenium自动化测试。通过实例演示了如何使用Java和Selenium WebDriver找到百度首页的搜索框及提交按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文继续介绍findElement接口下查找元素的方法，这篇介绍根据CSS表达式去定位网页元素。你可能听说过，前端基础，静态网页主要使用HTML语言，动态效果，一般使用CSS还有JavaScpirt，现在流行的H5前端开发，也是HTML5+CSS+JavaScript。所以，自动化测试人员，或者测试开发工程师，真的有必要学习下前端的html,css,javascript等。在这个Java+Selenium系列之后，或者App自动化测试系列之后，我打算写一些前端入门的学习教程。关于如何写CSS表达式，请到http://www.w3school.com.cn/cssref/css_selectors.asp去了解基础的知识，例如如果根据id定位元素，用#id值表示这个元素的css表达式。

依然用百度首页的搜索和提交按钮来演示css表达式去定位元素。

package lessons;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

  
public class ByClassName {  
  
    public static void main(String[] args) throws Exception {  
          
        System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");  
           
        WebDriver driver = new ChromeDriver();  
     
        driver.manage().window().maximize();  
       
        driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
          
        driver.get("https://www.baidu.com");  
        
        driver.findElement(By.cssSelector("#kw")).sendKeys("Java");;
        driver.findElement(By.cssSelector("#su")).click();
        
    }
}

根据CSS去定位元素就介绍到这里，很多人说css表达式定位元素要比XPath表达式要快，由于我也不是很了解，所以我之前一直用XPath来定位元素。看个人实际情况，如果你css表达式写得比XPath还熟练，那么你就用css表达式去定位元素。