目录
1.运行环境
2.环境配置
3.第一个浏览器程序
4.浏览器操作
5.元素定位
6.元素操作常用API
7.特殊元素定位与操作
8.元素三大等待
9.iframe操作
10.window操作
11.select选择框
12.js语句执行
13.鼠标操作
14.截图操作
1.运行环境
编译工具：IDEA
系统环境：JDK 1.8，Selenium-4.4.0，Firefox Setup v117.0，geckodriver-v0.33.0-win64，Junit 4.13
2.环境配置
下载FireFox和对应的驱动：
Firefox Setup v117.0：
链接：https://pan.baidu.com/s/1JcMjgzFW7M5Uf_4p9mCAXw
提取码：3ujs
geckodriver-v0.33.0-win64：
链接：https://pan.baidu.com/s/1HgdanZ7IYxMY9jdMspGLuQ
提取码：mp4h
这里选择IDEA中的maven对项目进行构建：
在pom.xml文件里添加依赖
<dependencies>
<dependency>
<groupId>org.seleniumhq.selenium</groupId>
<artifactId>selenium-java</artifactId>
<version>4.4.0</version>
</dependency>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.13</version>
</dependency>
</dependencies>3.第一个浏览器程序
创建MyTest类，打开百度代码如下：
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import java.time.Duration;
public class MyTest {
private WebDriver driver;
@Before
public void initDriver() {
System.setProperty("webdriver.gecko.driver", "C:\\Users\\Administrator\\Desktop\\untitled1\\src\\main\\java\\driver\\geckodriver.exe");
driver = new FirefoxDriver();
//浏览器最大化
driver.manage().window().maximize();
//隐式等待
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(30));
driver.get("https://www.baidu.com");
}
@Test
public void test() throws InterruptedException {
Thread.sleep(1000);
}
@After
public void quitDriver() {
if (driver != null) {
driver.quit();
}
}
}
其中，需要自己手动拷贝gecko驱动的路径。@Before执行浏览器初始化操作，包括设置系统环境，创建WebDriver，打开网页等。@After主要用于浏览器销毁退出。
4.浏览器操作
Selenium WebDriver 的浏览器操作包含两个部分，一个是浏览器的操作，包括了打开、关闭以及退出浏览器操作，还包含了一些获取浏览器信息的方法。另外一个是浏览器导航操作，也就是我们平时在页面中进行的刷新、前进以及后退等浏览器操作。
- driver.get(): 打开浏览器
- driver.getTitle(): 获取浏览器标题
- driver.getCurrentUrl(): 获取当前页面的 URL 地址
- driver.close(): 关闭浏览器
- driver.quit(): 退出浏览器
- driver.navigate().to(): 进入指定页面
- driver.navigate().back(): 后退到上一个页面
- driver.navigate().forward(): 前进到下一个页面
- driver.refresh(): 刷新页面
- driver.switchTo().window(): 切换窗口
- driver.window().maximize()：最大化
- driver.window().fullscreen()：全凭
- driver.window().getSize()：获取大小
- driver.window().setSize(Dimension targetSize)：设置大小
- driver.window().getPosition()：获取位置
- driver.window().setPosition(Point targetPosition)：设置位置
5.元素定位
主要有8大定位，id、xpath、name、tagName、cssSelector、className、linkText、partialLinkText。
// 定位百度的搜索框元素，并且输入数据（ID定位）---唯一
chromeDriver.findElement(By.id("kw")).sendKeys("v-if和v-show的区别");
// 定位百度的搜索框元素，并且输入数据（Name定位）---重复
chromeDriver.findElement(By.name("wd")).sendKeys("通过Name定位");
// 定位百度的搜索框元素，并且输入数据（TagName定位）---找到元素会有多个不推荐
chromeDriver.findElement(By.tagName("input")).sendKeys("通过TagName定位");
// 定位百度的搜索框元素，并且输入数据（Class定位）---重复
chromeDriver.findElement(By.className("s_ipt")).sendKeys("通过Class定位");
// 根据超链接的文本值来获取元素（linkText）
chromeDriver.findElement(By.linkText("新闻")).click();
// 根据超链接的部分文本值来获取元素（partialLinkText）
chromeDriver.findElement(By.partialLinkText("新闻")).click();
// cssSelect元素定位，这里可以直接用F12去copy
//（1）tagName定位
chromeDriver.findElement(By.cssSelector("input"));
//（2）id定位
chromeDriver.findElement(By.cssSelector("#kw")).sendKeys("cssSelect的id定位");
//（3）className定位
chromeDriver.findElement(By.cssSelector(".s_ipt")).sendKeys("cssSelect的className定位");
//（4）css精确定位，格式：标签名[属性名=属性值]，如input[name='xxx'],
chromeDriver.findElement(By.cssSelector("input[maxlength='255']")).sendKeys("css精确定位");
//多属性
chromeDriver.findElement(By.cssSelector("input[maxlength='255'][autocomplete='off']")).sendKeys("css精确定位");6.元素操作常用API
- element.getText(): 获取元素的文本信息，也就是在开始和结束标签之间的内容，该内容可以用于断言我们定位到的元素是不是我们想要的元素
- element.getTagName(): 获取元素的标签名，该方法也可以用于判断是否定位到了正确的元素
- element.getAttribute(): 根据元素的属性名获取元素的属性值
- element.isEnabled(): 判断元素是否可以操作，如 click() 点击 等，返回值为 True 或 False
- element.isDisplayed(): 判断元素是否在页面上展示
- element.isSelected(): 选项或者元素是否被选中，在单选或者多选框中常用到
- element.click(): 适用于任何元素，对其进行点击操作
- element.send_keys(): 适用于文本区域或者可编辑的元素，可以输入指定内容
- element.clear(): 适用于文本区域或者可编辑的元素，可以清空文本内容
- element.submit(): 适用于 Form 表单元素，用于提交数据，Selenium 4 中不再推荐使用此方法，而是推荐直接点检表单的提交按钮
- element.select: 选择单选或者多选框中的元素
7.特殊元素定位与操作
- driver.switchTo().alert().getText(): 获取弹出框文本信息
- driver.switchTo().alert().accept(): 点击弹出框确认按钮
- driver.switchTo().alert().dismiss(): 点击弹出框取消按钮
- driver.manage().getCookies()：获取全部 Cookie 信息
- driver.manage().addCookie()：添加 Cookie
- driver.manage().deleteAllCookies()：删除所有的 Cookie
- driver.manage().deleteCookieNamed(): 删除指定的 Cookie
- driver.manage().getCookieNamed()：获取指定的 Cookie
8.元素三大等待
//硬性等待（代码执行太快，元素未刷新）
//线程休眠，强制等待
Thread.sleep(3000);
//隐式等待,在driver实例化完成之后设置，并只需设置一次
//在设置的超时时间范围内不断查找元素，直到找到元素或者超时
driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(1000));
//显示等待
//用来等待某个条件发生后再继续执行代码
WebDriverWait webDriverWait = new WebDriverWait(driver,5000);
webDriverWait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("")));
//或者
webDriverWait.until(driver->driver.findElement(By.xpath("")));9.iframe操作
iframe切换四种切换方式:
driver.switchTo().frame(index);
driver.switchTo().frame(id);
driver.switchTo().frame(name);
driver.switchTo().frame(WebElement)
//切换之后，回到默认内容页面（否则找不到元素）
driver.switchTo().defaultContent();10.window操作
当你要操作另外窗口页面的元素时，一定要注意先切换窗口
切换方式:传入要操作窗口的name或者句柄handle
driver.switchTo.window(nameOrHandle);
如何获取到窗口的句柄
driver.getWindowHandle();//获取当前操作窗口的句柄
driver.getWindowHandles();//获取测试时打开的所有窗口句柄11.select选择框
如果页面元素是一个下拉框，我们可以将此web元素封装为Select对象
Select select=new Select(WebElement element);
Select对象常用api
select.getOptions();//获取所有选项
select.selectByIndex(index);//根据索引选中对应的元素
select.selectByValue(value);//选择指定value值对应的选项
select.selectByVisibleText(text);//选中文本值对应的选项12.js语句执行
分为两种情况:
控件没有限制手动输入，则直接调用sendKeys方法写入时间数据
控件有限制输入，则可以执行一段js来改变元素的value属性值
JavascriptExecutor jsExecutor=(JavascriptExecutor) driver;
jsExecutor.executeScript("...");13.鼠标操作
- clickAndHold(): 点击鼠标左键
- contextClick(): 点击鼠标右键
- doubleClick(): 鼠标双击
- moveToElement(): 鼠标悬停
- dragAndDrop(): 鼠标拖拽
- perform(): 执行所有 Actions 中存储的行为
- sendKeys(): 输入键盘中的按键
- keysDown(): 按下按键
- keysUp(): 松开按键
Actions actions = new Actions(driver)
actions.clickAndHold().moveToElement().release().build().perform();
actions.keyDown()
actions.keyUp()14.截图操作
元素截图：这里的FileUtils来自commons，也可以自己用io的输入流和输出流进行操作
WebElement input = driver.findElement(By.tagName("input"));
input.sendKeys("selenium");
Thread.sleep(2000);
// 获取元素截屏
File eleShot = input.getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(eleShot, new File("./input.png"));整个窗口截图：
// 获取整个窗口的截屏
File screenShot = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(screenShot, new File("./screen.png"));
Thread.sleep(1000);
