目录
[2.1 css选择器](#2.1 css选择器)
[2.1.1 选择id](#2.1.1 选择id)
[2.1.2 class](#2.1.2 class)
[2.1.4父类选择器 + 子类选择器](#2.1.4父类选择器 + 子类选择器)
[2.2 xpath](#2.2 xpath)
1.selenium是什么
selenium是用来做web端自动化测试的框架,它支持各种游览器,各种平台,支持各种语言(如 Python,Java,C#,JS,Ruby...等)有丰富的api.
它的原理就是 我们将代码构造一个http请求发送到webdiver游览器驱动,游览器驱动在发送到游览器.游览器响应到游览器驱动,驱动在返回到代码里给程序员看到.

下面我们来讲解一下如何通过Java代码来传递给webdivrer驱动来操作游览器
2.定位元素
定位元素有两种方法,一种是 css选择器,还有一种是路径 即xpath.我们来分别介绍一下这两种方法.
2.1 css选择器
2.1.1 选择id

我们来选择百度的这个搜索框 并且输入"selenium"
java
public static void main(String[] args) {
WebDriver webDriver = new ChromeDriver();
webDriver.get("http://www.baidu.com");
webDriver.findElement(By.cssSelector("#kw")).sendKeys("selenium");
}
可以看到我们成功的通过id选择到了这个搜索框

2.1.2 class
依旧是上述的搜索框.这次我们用class来选择它并且输入 class

java
public static void main(String[] args) {
WebDriver webDriver = new ChromeDriver();
webDriver.get("http://www.baidu.com");
webDriver.findElement(By.cssSelector(".s_ipt")).sendKeys("selenium");
}

依旧可以成功的选择我们想要的
2.1.3使用标签选择
我们可以通过标签名来选择
这里百度的相同标签太多了,我们可以用一个自定义的网页来举例

比如这个网页 ,只有一个input标签.我们可以选择并且点击它.
java
public static void main(String[] args) {
WebDriver webDriver = new ChromeDriver();
webDriver.get("http://localhost:63342/J2024_3_21/src/main/page/test05.html?_ijt=44v99e864lr4edapvuf9sodcmt&_ij_reload=RELOAD_ON_SAVE");
webDriver.findElement(By.cssSelector("input")).sendKeys("d://Test");
}

2.1.4父类选择器 + 子类选择器
我们依旧选百度的搜索框 span input

这样就可以选择我们想要的了.
2.2 xpath
xpath是一种在XML中文档中定位元素的语言,因为HTML可以看做XML的一种实现,所以selenium用胡可以使用这种语言在web应用中定位元素,
xpath扩展了上面的id和name定位方式,提供了很多种可能性.
我们可以通过右键-copy-copy xpath来获取

我们也可以通过相对路径来选择元素:
相对路径+索引: //from/span[1]input

相对路径+属性值 //input[@class="s_ipt"]

相对路径+通配符

相对路径+文本匹配:
