selenium的前置准备工作可以参考我之前的博客:Java测试——selenium的安装与使用教程
这篇博客讲解一下selenium的常见操作
先创建driver
ChromeDriver driver = new ChromeDriver();
输入网址
driver.get("https://www.baidu.com");
常见操作
查找元素
我们可以通过下面这个方法查找页面的一个元素
driver.findElement(By.cssSelector(""))
该方法返回一个WebElement元素
例如,我们查找百度的搜索框
WebElement element = driver.findElement(By.cssSelector("#kw"));
也可以通过下面这个方法查找页面中多个元素
findElements()
输入文本
通过对WebElement元素调用下面这个方法来输入文本
sendKeys();
例如,我们在搜索框中输入蔡徐坤
driver.findElement(By.cssSelector("#kw")).sendKeys("蔡徐坤");
点击click
我们可以通过对WebElement元素调用下面这个方法来实现在网站中点击该元素
click();
例如我们点击百度中的百度一下按钮
driver.findElement(By.cssSelector("#su")).click();
提交submit
我们可以通过对WebElement元素调用下面这个方法来实现提交该表单元素
submit();
例如我们提交百度一下的表单
driver.findElement(By.cssSelector("#su")).submit();
清除clear
我们可以通过对WebElement元素调用该方法,来实现清除之前的输入
clear();
例如,我们可以清除之前在输入框中的输入
driver.findElement(By.cssSelector("#kw")).clear();
获取文本
我们可以对WebElement元素调用该方法,获取元素中的文本,最终返回一个字符串
getText();
例如获取下面这个热搜中的文本,将其打印在控制台上
System.out.println(driver.findElement(By.cssSelector("#hotsearch-content-wrapper > li:nth-child(2) > a > span.title-content-title")).getText());
获取属性
而如果我们尝试获取百度一下按钮中的文字,会发现无法获取到文字,这是因为百度一下是value这个键对应的值,我们可以通过调用下面这个方法,实现获取WebElement元素相应的键对应的值,其结果为字符串
getAttribute();
例如,我们可以获取输入框的相关键对应的值
System.out.println(driver.findElement(By.cssSelector("#su")).getAttribute("value"));
System.out.println(driver.findElement(By.cssSelector("#su")).getAttribute("id"));
System.out.println(driver.findElement(By.cssSelector("#su")).getAttribute("class"));
System.out.println(driver.findElement(By.cssSelector("#su")).getAttribute("type"))
获取页面标题
这里的“百度一下,你就知道”,就是我们当前页面的标题
我们可以通过下面这个方法来获取当前页面的标题,其结果返回一个字符串
getTitle();
例如我们将该页面标题打印到控制台上
System.out.println(driver.getTitle())
获取页面url
这里的内容,就是当前页面的url
我们通过下面这个方法来获取当前页面的url,其结果返回一个字符串
System.out.println(driver.getCurrentUrl())
窗口
调整窗口大小
将窗口最大化
driver.manage().window().maximize();
将窗口最小化
driver.manage().window().minimize();
将窗口全屏显示
driver.manage().window().fullscreen();
手动设置窗口大小(第一个元素是宽度,第二个元素是高度)
driver.manage().window().setSize(new Dimension(1024,2048));
窗口的切换
如果我们使用自动化程序,点击“图片”超链接,进入到百度图片的页面,然后获取百度一下按钮,就会发现结果报错了
具体实现代码如下:
driver.get("https://www.baidu.com");
driver.findElement(By.cssSelector("#s-top-left > a:nth-child(6)")).click();
driver.findElement(By.cssSelector("#homeSearchForm > span.s_btn_wr > input"));
driver.quit();
最终程序报错,没有找到“百度一下”按钮
通过回顾刚才的图片可以看到,我们这时开了两个窗口,而自动化程序现在操作的还是第一个窗口,因此访问不到百度图片的“百度一下”
事实上,每打开一个标签页,浏览器就会自动给标签页一个标识:句柄
我们可以通过下面这个方法获取所有界面的句柄,其结果为Set< String >
getWindowHandles();
也可以只获取当前页面的句柄打印出来
System.out.println(driver.getWindowHandle());
我们可以通过下面这个操作来获取所有页面的句柄,将他们打印出来
Set<String> handles = driver.getWindowHandles();
for (String handle:handles) {
System.out.println(handle);
}
可以使用下面这个方法,传输一个句柄,来切换页面
driver.switchTo().window(handle);
屏幕截图
如果我们自动化实现在百度中搜索蔡徐坤,并且点击下图中这个名字
具体代码如下
driver.get("https://www.baidu.com");
driver.findElement(By.cssSelector("#kw")).sendKeys("蔡徐坤");
driver.findElement(By.cssSelector("#su")).click();
driver.findElement(By.cssSelector("#\\31 > div > div > div > div > div.cos-row.row-text_Johh7.row_5y9Az > div > a > div > p > span > span"));
driver.quit();
最终会发现代码报错,没有找到该元素
我们可以使用屏幕截图,看一下当前页面是什么样子
使用下面的方法,可以将当前界面截屏为java中的file对象
getScreenshotAs(OutputType.FILE);
我们可以将file对象拷贝为已有的文件,实现将屏幕截图放到指定路径下的操作
首先导入依赖
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.6</version>
</dependency>
使用下面这个代码,可以实现拷贝文件操作
FileUtils.copyFile(源文件, 目标文件);
完整代码如下:
driver.get("https://www.baidu.com");
driver.findElement(By.cssSelector("#kw")).sendKeys("蔡徐坤");
driver.findElement(By.cssSelector("#su")).click();
File srcFile = driver.getScreenshotAs(OutputType.FILE);
//将屏幕截图放到指定路径下
String filename = "my.png";
FileUtils.copyFile(srcFile, new File(filename));
driver.findElement(By.cssSelector("#\\31 > div > div > div > div > div.cos-row.row-text_Johh7.row_5y9Az > div > a > div > p > span > span"));
driver.quit();
加上上述代码,我们看一下浏览器当前的样子
可以发现,浏览器还没有渲染完毕,我们的代码就开始执行查找元素了,因此会发生找不到的情况
因此,我们只需要加上休眠时间,让浏览器有时间渲染即可
让浏览器休眠3秒
Thread.sleep(3000);
可以看到,这时渲染的画面是正常的