跟浩哥学自动化测试Selenium -- 浏览器的基本操作与元素定位

Posted 2020-12-03 jacktest

浏览器的基本操作与元素定位

      通过上一章学习，我们已经学会了如何设置驱动路径，如何创建浏览器对象，如何打开一个网站，接下来我们要进行一些复杂的操作比如先打开百度首页，在打开博客园，网页后退，前进等等，甚至可以获取一些浏览器信息等等。

   首先看一个基本的例子，流程如下：

1. 打开百度的网站
2. 获取到百度首页的Title
3. 获取当前页面的URL
4. 获取页面的html信息

    对应的代码如下：

public class SeleniumTest {
    public static void main(String... args){
        System.setProperty("webdriver.gecko.driver","c:\\geckodriver.exe");
        WebDriver webDriver = new FirefoxDriver();
        webDriver.get("http://www.baidu.com");
        System.out.println(webDriver.getTitle());//获取首页的Title
        System.out.println(webDriver.getCurrentUrl());//获取当前url
        System.out.println(webDriver.getPageSource());//获取页面的html信息
    }
}

   再来看一个例子，操作流程如下：

1. 打开百度首页
2. 打开我的博客页面
3. 后退到百度页面
4. 前进到博客页面
5. 刷新页面
6. 关闭页面

    对应的代码如下：

public class SeleniumTest {
    public static void main(String... args){
        System.setProperty("webdriver.gecko.driver","c:\\geckodriver.exe");
        WebDriver webDriver = new FirefoxDriver();
        webDriver.navigate().to("http://www.baidu.com");
        webDriver.navigate().to("https://www.cnblogs.com/jacktest");
        webDriver.navigate().back();//后退
        webDriver.navigate().forward();//前进
        webDriver.navigate().refresh();//刷新
        webDriver.close();//关闭浏览器
        webDriver.quit();//关闭浏览器以及驱动
    }
}

   close 和 quit区别：close 只会关闭当前浏览器，而quit不仅会关闭浏览器也会杀掉驱动进程。close的问题在于你多次进行调试时，进程中会残留多个驱动进程，这种情况有可能会引起一些其他的问题，建议使用quit。

   源码分析，close和quit在发送 HttpRequest 请求时，method 都是DELETE ，但uri不同，如下：

   close的HttpRequest

   

      quit 的HttpRequest

       

 

   最后看一个例子，基础元素定位，流程如下：

1. 打开百度首页
2. 点击登录链接
3. 输入用户名、密码
4. 点击登录 

   对应的代码如下：

public class SeleniumTest {
    public static void main(String... args) throws InterruptedException {
        System.setProperty("webdriver.gecko.driver", "C:\\driver\\geckodriver.exe");
        WebDriver webDriver = new FirefoxDriver();
        webDriver.manage().window().maximize();//浏览器最大化
        webDriver.get("https://www.baidu.com");
        webDriver.findElement(By.xpath("//div[@id=‘u1‘]/a[@name=‘tj_login‘]")).click();//点击登录链接
        Thread.sleep(1000);
        webDriver.findElement(By.id("TANGRAM__PSP_10__footerULoginBtn")).click();//点击用户名登录
        webDriver.findElement(By.id("TANGRAM__PSP_10__userName")).sendKeys("jacktest");//输入用户名
        webDriver.findElement(By.id("TANGRAM__PSP_10__password")).sendKeys("123456");//输入密码
        webDriver.findElement(By.id("TANGRAM__PSP_10__submit")).click();//点击登录
    }
}

 　　运行该脚本，我们发现打开了火狐浏览器，打开百度首页，点击了登录链接，输入了用户名、密码并成功进行了登录。什么登录失败，哈哈，当然，账号换成你自己的就ok 了。

    代码分析，在该脚本中，我们看到了Thread.sleep(1000)，它的作用是让脚本执行时暂停1秒，有的同学会问，为什么要暂停呢？因为我的脚本在执行完webDriver.findElement(By.xpath("//div[@id=‘u1‘]/a[@name=‘tj_login‘]")).click()这条语句后，弹出窗口不会马上弹出来，大概需要 0.5-1秒的时间，如果在窗口未弹出的情况下执行下一条语句时，就会发生错误(org.openqa.selenium.NoSuchElementException异常---找不到元素），所以，我要等待一下，等窗口出现以及页面上的元素出现就不会出现以上错误了。有的同学会问，难道所有的窗口以及元素或页面都得等待吗，我们都需要加sleep吗，浩哥的回答是当然不需要。在脚本调试过程中，只有极个别的情况需要加等待，当然我们也有更好的方式去解决这个问题，比如显示等待，隐式等待，自定义等待等等。

    接下来，我们再来看几个常用的方法：

public class SeleniumTest {
    public static void main(String... args) throws InterruptedException {
        System.setProperty("webdriver.gecko.driver", "C:\\driver\\geckodriver.exe");
        WebDriver webDriver = new FirefoxDriver();
        webDriver.manage().window().fullscreen();//浏览器全屏，相当于F11
        Point point = new Point(50, 100);
        webDriver.manage().window().setPosition(point);//指定窗口出现的位置
        Dimension dimension = new Dimension(500, 600);
        webDriver.manage().window().setSize(dimension);//指定窗口大小
        WebDriver.ImeHandler imeHandler = webDriver.manage().ime();
        System.out.println(imeHandler.isActivated());//输入法相关的API，查了一些资料好像只支持linux,有兴趣可以自己试试
    }
}

  

         日志相关的API，指的是Selenium原生的日志支持，并不是指比如像 log4j 这样的外部提供的日志支持。

public class SeleniumTest {
    public static void main(String... args) throws InterruptedException {
        System.setProperty("webdriver.gecko.driver", "C:\\driver\\geckodriver.exe");
        DesiredCapabilities desiredCapabilities = DesiredCapabilities.firefox();
        LoggingPreferences loggingPreferences = new LoggingPreferences();
        loggingPreferences.enable(LogType.BROWSER, Level.ALL);
        loggingPreferences.enable(LogType.CLIENT, Level.ALL);
        loggingPreferences.enable(LogType.DRIVER, Level.ALL);
        desiredCapabilities.setCapability(CapabilityType.LOGGING_PREFS, loggingPreferences);
        WebDriver webDriver = new FirefoxDriver(desiredCapabilities);
        LogEntries logEntries = webDriver.manage().logs().get(LogType.BROWSER);
        for (LogEntry logEntry : logEntries) {
            System.out.println(logEntry.getMessage()+"--");
        }
        webDriver.get("https://www.baidu.com");
    }
}

         自己试验了一下上述代码，在Selenium 3.0 之前的版本中可以支持，在之后无法支持，提示org.openqa.selenium.UnsupportedCommandException: POST /session/419bca1f-d33d-46ff-8979-10e88901cd12/log did not match a known command。好像是由于logs 并不支持 W3C 规范，大家也可以试试其他的方法是否支持。如果想关闭运行Selenium的日志输出，可把loggingPreferences.enable(LogType.BROWSER, Level.OFF)设置成off即可。

    接下来，我们再看一个有关 Session id 相关的 API：

public class SeleniumTest {
    public static void main(String... args) throws InterruptedException {
        System.setProperty("webdriver.gecko.driver", "C:\\driver\\geckodriver.exe");
        WebDriver webDriver = new FirefoxDriver();
        webDriver.get("https://www.baidu.com");
        Set<String> strings = ((FirefoxDriver) webDriver).getLocalStorage().keySet();
        for (String s : strings) {
            System.out.println(s); //输出结果为BIDUPSID
        }
        System.out.println(((FirefoxDriver) webDriver).getLocalStorage().getItem("BIDUPSID"));//获取值
    }
}

       有的同学问，输出结果为什么是BIDUPSID呢，代表什么意思呢，看完后面的内容大家就明白了。

   首先我们先看一下api，根据 Selenium3 官方文档 LocalStorage 的表示当前在浏览器中打开站点的本地存储，每个站点都有自己的独立的存储区域，也就是打开不同的网站 LocalStorage 各不相同，大家可以自行试验。有的同学会问，那这和 Session id 有什么关系呢，接下来，我们来普及一下 Session 的一些知识。

    Session id 主要是用来维持会话状态的通信秘钥，在请求过程中，默认名字SESSIONID，当然也可以自定义命名(百度的Sessionid是自定义命名)。以百度为例，用户第一次访问www.baidu.com的时候，由于请求头(Request Header)中没有带BIDUPSID，百度服务器认为这是一个新的会话，会在服务端给这次会话生成一个唯一标识的 Session id，同时会在http请求的(Response header)中将这个 Session id 带给浏览器，反应在请求的Response header，如下：

Set-Cookie:BIDUPSID=EEAE958FDBA12D0BECDA19585965F6E8; expires=Thu, 31-Dec-37 23:55:55 GMT; max-age=2147483647; path=/; domain=.baidu.com

         这个Session id 就是 key=BIDUPSID，value=EEAE958FDBA12D0BECDA19585965F6E8 这样一个结构，浏览器接收到 response 中Set-Cookie命令之后，会在浏览器设置cookie 值 BIDUPSID=EEAE958FDBA12D0BECDA19585965F6E8，并在以后请求 baidu.com 这类域名时带上cookie值，既 Request Header 中带上Cookie:BAIDUID=EEAE958FDBA12D0BECDA19585965F6E8,这样服务器就可以通过这个秘钥来识别请求来自哪个用户了。

         继续验证上述问题，打开google浏览器，清除百度页面相关的所有缓存，打开开发者模式，切换到 Network 页，在浏览器中输入https://www.baidu.com，其中部分请求页面如下：

    

 

         点击第一个请求，在Header中进行查看，

General

     Request URL:https://www.baidu.com/
     Request Method:GET
     Status Code:200 OK
     Remote Address:111.13.100.92:443
     Referrer Policy:no-referrer-when-downgrade

Response Headers
   Connection:Keep-Alive
   Content-Length:225
   Content-Type:text/html
   Date:Mon, 09 Jul 2018 07:20:43 GMT
   Location:https://www.baidu.com/
   P3p:CP=" OTI DSP COR IVA OUR IND COM "
   Server:BWS/1.1
   Set-Cookie:BD_LAST_QID=10490791214885359030; path=/; Max-Age=1
   Set-Cookie:BAIDUID=813A9265BC68AC521C003B3ABEFDB222:FG=1; expires=Thu, 31-Dec-37 23:55:55 GMT; max-age=2147483647; path=/; domain=.baidu.com
   Set-Cookie:BIDUPSID=D09FD09E7F46EBE0242500D6844DEE1D; expires=Thu, 31-Dec-37 23:55:55 GMT; max-age=2147483647; path=/; domain=.baidu.com
   Set-Cookie:PSTM=1531120843; expires=Thu, 31-Dec-37 23:55:55 GMT; max-age=2147483647; path=/; domain=.baidu.com
   X-Ua-Compatible:IE=Edge,chrome=1

Request Header

     Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
     Accept-Encoding:gzip, deflate
     Accept-Language:zh-CN,zh;q=0.9
     Connection:keep-alive
     Host:www.baidu.com
     Upgrade-Insecure-Requests:1
     User-Agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36

         分析如下：由于第一次请求时未存在 BIDUPSID，所以百度服务器认为这是一次新的会话，接着在服务端生成唯一标识Sessionid，既Set-Cookie:BAIDUID命令，下次请求baidu.com的网页时会带上这个信息。

    打开另一个Tab页面，输入百度首页，查看 Request Header，信息如下：

General

     Request URL:https://www.baidu.com/
     Request Method:GET
     Status Code:200 OK
     Remote Address:111.13.100.91:443
     Referrer Policy:no-referrer-when-downgrade

Response Headers

     Bdpagetype:1
     Bdqid:0xa07b1f01000072b3
     Cache-Control:private
     Connection:Keep-Alive
     Content-Encoding:gzip
     Content-Type:text/html
     Cxy_all:baidu+7fa1ff7e20dcb627a29697a5f962bcc8
     Date:Mon, 09 Jul 2018 07:43:37 GMT
     Expires:Mon, 09 Jul 2018 07:43:22 GMT
     Server:BWS/1.1
     Set-Cookie:BDSVRTM=0; path=/
     Set-Cookie:BD_HOME=0; path=/
     Set-Cookie:H_PS_PSSID=1425_25810_21083_20719; path=/; domain=.baidu.com
     Strict-Transport-Security:max-age=172800
     Transfer-Encoding:chunked
     Vary:Accept-Encoding
     X-Ua-Compatible:IE=Edge,chrome=1

Request Header

     Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
     Accept-Encoding:gzip, deflate, br
     Accept-Language:zh-CN,zh;q=0.9
     Connection:keep-alive
     Cookie:BAIDUID=813A9265BC68AC521C003B3ABEFDB222:FG=1; BIDUPSID=813A9265BC68AC521C003B3ABEFDB222; PSTM=1531121867; BD_HOME=0; H_PS_PSSID=1425_25810_21083_20719; BD_UPN=12314353; SL_GWPT_Show_Hide_tmp=1; SL_wptGlobTipTmp=1
     Host:www.baidu.com
     Upgrade-Insecure-Requests:1
     User-Agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36

　　   因为在第一次请求时服务器已经返回了BIDUPSID，所以下一次请求时候直接在request header 中加上了BIDUPSID(Sessionid)，既验证了上述内容。

    关于 Selenium cookie 操作的 API，我们会在之后的API 进行分析，此处先略过。

    通过本章的学习的，我们学会了几个操作，如何操作浏览器，怎么点击元素(click),怎么输入数据(sendKeys),元素定位(id的方式)，元素定位(xpath的方式)。是不是感觉很简单，其实 Selenium 的API 中常用方法只有十几个，使用起来还是蛮简单的。

    在下一篇 《常用定位模式分析》中，我们会一一介绍所有的元素定位模式。