3 启动浏览器

2017-10-25 本文已影响354人博客已迁移I米阳

我们已经创建了Selenium maven工程，下去开始真正进入到WebDriver的实战中。

既然WebDriver是用于Web的UI自动化测试，那么测试Web的第一步就是启动浏览器。那WebDriver都支持哪些浏览器呢？

WebDriver 支持哪些浏览器

WebDriver 支持主流的浏览器包括IE,Chrome,Firefox,Safari等等，微软Win 10 新推出的Edge浏览器，Selenium 2.47.1+版本开始也得到支持。

我们在“Selenium 家族介绍“ 一节中已经知道WebDriver的工作原理，既每个浏览器都有对应的一个Driver，通过以之对应的Driver来驱动浏览器，那我们在启动浏览器前，得先完成浏览器的配置，下载各个浏览器对应的Driver文件。

IE 浏览器

支持版本：

Selenium 2.0 支持IE 7~11
Selenium 3.0 支持IE 9+

IEDriverServer下载和配置

IEDriverServer下载：

我们可以从 http://selenium-release.storage.googleapis.com/index.html 下载，如果该地址打不开，可以用淘宝的镜像地址：https://npm.taobao.org/mirrors/selenium/。

IEDriverServer 下载时得注意，你用的是什么版本的Selenium 就在对应版本里面找IEDriverServer。
例如我们现在用的是Selenium 3.5.0版本，那么我们就到3.5文件里面去下载对应的IEDriverServer，下载时还得根据自己的系统和版本。例如我是win 64位，那么我可以下载IEDriverServer_x64_3.5.0.zip，下载完成后解压得到最终的IEDriverServer.exe文件。

下载完成后的，我们回到新建好的Senlenium maven项目工程（新建过程：http://www.jianshu.com/p/6ca7bbcdf2dd ），在项目名中我们可以新建个名为drivers的文件夹，再把已经下载好的IEDriverServer.exe文件复制到该新建的drivers文件夹中，最终工程目录结果如下：

工程结构

IE的配置

配置IE，打开IE选项，打开安全标签，如下图，设置红框部分，设置每个区域的 “启动保护模式”，要嘛都勾选，要嘛都不勾选。

IE 设置

启动IE浏览器

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;

/**
 * Created by 米阳 on 7/9/2017.
 */
public class OpenBrowserTest {

    public static void main(String args[]) {
        openIE();
    }

    private static void openIE() {
//        设置系统变量,并设置iedriver的路径为系统属性值
        System.setProperty("webdriver.ie.driver", ".\\drivers\\IEDriverServer.exe");
//        实例化 InternetExplorerDriver
        WebDriver driver = new InternetExplorerDriver();
    }

}

Chrome 浏览器

ChromeDriver下载地址：

chromedriver下载时也需要下载到匹配的版本，特别是chrome浏览器和chromedriver的版本需要匹配。那如何查看自己的chrome需要下载哪个版本的chromedriver呢？通常使用最新版的chrome和最新版的chromedriver便可，但如果你并非都是最新版的，那么可以到：https://sites.google.com/a/chromium.org/chromedriver/downloads这里面去查看到你的哪个版本的chromedriver支持你所使用的chrome版本。

当确定好符合你使用的chromedriver版本时，可以到http://chromedriver.storage.googleapis.com/index.html，国内用户也可以到淘宝npm镜像（http://npm.taobao.org/mirrors/chromedriver）去下载对应版本的chromedriver版本。最后将下载下来的chromedriver解压后放于跟IEDriverServer.exe 相同位置，如下图：

chromedriver.png

启动Chrome浏览器

在刚新建的OpenBrowser_Test类中添加如下方法：

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

/**
 * Created by 米阳 on 7/9/2017.
 */
public class OpenBrowserTest {

    public static void main(String args[]) {
        openChrome();
    }

    private static void openChrome() {
//        设置系统变量,并设置chromedriver的路径为系统属性值
        System.setProperty("webdriver.chrome.driver", ".\\drivers\\chromedriver.exe");
//        实例化ChromeDriver
        WebDriver driver = new ChromeDriver();
    }

}

Firefox 浏览器

火狐浏览器得分两种情况处理。

当火狐的版本<=47时，我们不需要额外的设置。当时如果安装时没有使用默认安装路径，那么和使用默认安装路径在代码处理上会有点不同：

默认安装路径，我们可以直接实例化一个FirefoxDriver，便可：

    public static void main(String args[]) {
        openFirefoxDef();
    }
    
    private static void openFirefoxDef(){
 //       实例化 FirefoxDriver， 启动Firefox
        WebDriver driver = new FirefoxDriver();
    }

如果火狐不是默认安装路径，你需要制定火狐按路径：

    public static void main(String args[]) {
        openFireFoxTest();
    }
    public void openFireFoxTest(){
//        指定firefox 安装路径
        System.setProperty("webdriver.firefox.bin","C:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe");
//        启动firefox浏览器
        WebDriver driver = new FirefoxDriver();
    }

当火狐版本V48+时，那么想启动火狐浏览器，我们得去下载火狐对应的geckodriver。下载地址：https://github.com/mozilla/geckodriver/releases，基本下载最新版便可。那么我看下这时我们如何启动Firefox:

    public static void main(String args[]) {
        openFirefoxByGeck();
    }
    private static void openFirefoxByGeck() {
//        设置系统变量,并设置 geckodriver 的路径为系统属性值
        System.setProperty("webdriver.gecko.driver", ".\\drivers\\geckodriver.exe");
//        实例化 FirefoxDriver
        WebDriver driver = new FirefoxDriver();
    }

Edge浏览器

win 10 系统微软推出了全新的Edge浏览器，同样上面提到Selenium 2.47.1版本开始开始支持这一浏览器，但是你的Win 10的build版本必须大于或者等于10240版本也就是说你的edge浏览器版本需要是10240版本以上，那如何去查看自己的系统版本，很简单打开控制台，输入ver，显示如下的。

image.png

通常edge版本跟系统版本是一致的，但是如果你真的想查看edge版本，只需要打开edge的设置，便可看到：

image.png

另外值得注意的是从微软官方 https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/webdriver-commands/ 中我们可以得知，如果你想使用XPath Selector（后面会讲这种重要的页面定位方式）那么你的build版本需要大于等于10586。

Paste_Image.png

如果你的系统满足要求，那恭喜你可以继续往下。

准备

Edge跟IE类似，同样我们需要去下载对应的driver，下载地址：https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/ ，需要注意的是根据你上面所查到的系统版本去下载对应的MicrosoftWebDriver，不然会报错。而且下载有两种一种是MicrosoftWebDriver.exe文件，一种是MicrosoftWebDriver.msi文件，如果你下载到的是.msi文件，那就双击运行按正常软件安装便可。如果你下载到的是MicrosoftWebDriver.exe文件，那就直接剪切放进项目的drivers文件夹中：

启动Edge浏览器

我们还是直接在OpenBrowser_Test类中添加如下方法：

    public static void main(String args[]) {
        openEdge();
    }

    private static void openEdge() {
//        指定MicrosoftWebDriver路径
        System.setProperty("webdriver.edge.driver", ".\\drivers\\MicrosoftWebDriver.exe");
//        启动 Edge浏览器
        WebDriver driver = new EdgeDriver();
    }

PhantomJS 浏览器

phantomjs比较特殊的一个浏览器，它实现了一个无界面的webkit浏览器。虽然没有界面，但dom渲染、js运行、网络访问、canvas/svg绘制等功能都很完备，在页面抓取、页面输出、自动化测试等方面有广泛的应用。但目前已经处于不再维护状态。为啥？我们后面会讲到它的替代品。

最后一个重要补充：
当我们new一个XXXDriver()时，我们启动的是一个全新的浏览器（没有预装插件，没有缓存，没有cookies等等）

如果文章对您有帮助，请赞赏支持！

欢迎关注个人公众号：

个人公众号