Selenium：WebDriver简介及元素定位

野性酷女 2023-08-17 15:58 163阅读 0赞

# 原文地址：https://www.cnblogs.com/imyalost/p/7242747.html #

# [Selenium：WebDriver简介及元素定位][Selenium_WebDriver] #

参考内容：官方API文档，下载链接：[http://download.csdn.net/detail/kwgkwg001/4004500][http_download.csdn.net_detail_kwgkwg001_4004500]

虫师:《selenium2自动化测试实战-基于python语言》

**一、WebDriver原理**

**1、关于WebDriver**

设计模式：按照Server-Client的经典设计模式设计；

Server端：即Remote Server（远程服务器），可以是任意的浏览器，当脚本启动浏览器时，该浏览器就是Remote Server，它的职责是等待Client发送请求并做出响应；

Client端：简单来说就是我们的测试代码，测试代码中的一些行为是以HTTP请求的方式发送给被测试浏览器——Remote Server，Remote Server接受请求，执行相应操作，

并在Response中返回执行状态、返回值等信息；

**2、WebDriver工作流程**

①WebDriver启动目标浏览器，并绑定至指定端口，启动的浏览器实例将作为WebDriver的Remote Server；

②Client端通过CommandExcuter发送HTTPRequest给Remote Server的侦听端口（通信协议：the webdriver wire protocol）；

③Remote Server需要依赖原生的浏览器组件（比如：chromedriver.exe）来转化浏览器的native调用；

**3、WebDriver.log**

python提供了logging模块给运行中的应用，提供了一个标准的信息输出接口。它提供了basicConfig方法用于基本信息的定义，开启debug模块，

就可以捕捉到Client端向Server端发送的请求，例子如下：

![复制代码][copycode.gif]

1 # coding=utf-8
     2 # 导入logging模块，捕捉Client发送的请求
     3 from selenium import webdriver
     4 import logging
     5 from selenium import webdriver
     6 from selenium.webdriver.support.select import Select # select类
     7 from selenium.webdriver.common.by import By #By类：定位元素
     8 
     9 logging.basicConfig(level=logging.DEBUG)
    10 driver = webdriver.Chrome("F:\安装工具\python\chromedriver.exe")
    11 driver.get("www.baidu.com")
    12 
    13 driver.find_element_by_id("kw").send_keys("selenium")
    14 driver.find_element_by_id("su").click()
    15 driver.quit()

![复制代码][copycode.gif]

**二、WebDriver定位方法**

WebDriver是基于selenium设计的操作浏览器的一套API，针对多种编程语言都实现了这套API，站在python角度来说，WebDriver是python的一个用于实现Web自动化的第三方库。

**1、WebDriver定位方法**

WebDriver定位方法提供了八种元素定位方法，所对应的方法、特性分别是：

![983980-20170730025946287-286815909.png][]

**2、XPath和CSS的类似功能对比**

![983980-20170730031559130-958598062.png][]

**3、用By定位元素**

针对前面介绍的8种定位方法，WebDriver还提供另一种方法，即：统一调用find\_element()方法，通过By来声明定位方法，并且传入对应定位方法的定位参数，例子如下：

find.element()方法只用于定位元素，它需要两个参数，第一个参数是定位的类型，由By提供，第二个参数是定位的具体方式，在使用By之前需要将By类导入；

![复制代码][copycode.gif]

1 # 导入By类的包
     2 from selenium.webdriver.common.by import By
     3 find.element(by.id,"kw")
     4 find.element(by.name,"wd")
     5 find.element(by.class_name,"s_ipt")
     6 find.element(by.tag_name,"input")
     7 find.element(by.link_text,"新闻")
     8 find.element(by.partial_link_text,"新")
     9 find.element(by.xpath,"//*[@class='bg s_btn'")
    10 find.element(by.css_selector,"span.bg s_btn_wr>input#su")

![复制代码][copycode.gif]

**4、定位一组元素**

上面提到的8种定位方法，都是针对单个元素定位的，webdriver还提供了与之对应的8种用于定位一组元素的方法。其一般应用于以下场景：

①批量操作元素，例如勾选页面上所有的复选框；

②先获取一组元素，再从这组元素中过滤出需要操作的元素；

定位一组元素的方法与定位单个元素的用法相似，唯一的区别是在element后面多一个s表示复数，具体如下：

![复制代码][copycode.gif]

1 # webdriver提供的定位一组元素方法
    2 id                    find_elements_by_id()
    3 Name                  find_elements_by_name()
    4 class_name            find_elements_by_class_name()
    5 tag Name              find_elements_by_tag_name()          
    6 link text             find_elements_by_link_text()
    7 partial link text     find_elements_by_partial_link_text()
    8 xpath                 find_elements_by_xpath()
    9 css selector          find_elements_by_css_selector()

![复制代码][copycode.gif]

获取一组元素中某个元素的几个方法：

len()：用来计算元素的个数，通过print()打印出计算的结果；

pos()或pop(-1)：默认获取一组元素的最后一个元素，并返回该元素的值；

pop(0)：默认获取一组元素的第一个元素，并返回该元素的值；

pop(1)：默认获取一组元素的第二个元素，并返回该元素的值；

......

**三、WebElement接口常用方法**

通常需要与页面交互的方法都由WebElement接口提供，包括上面提到的8种定位方法，下面介绍常用的几种方法：

**submit()**：用于提交表单，例如搜索框输入关键字之后的“回车”操作，例如：

![复制代码][copycode.gif]

1 # 提交表单
    2 from select import webdriver
    3 driver = webdriver.Chrome("安装工具\python\chromedriver.exe")
    4 driver.get("http://www.baidu.com")
    5 driver.find_element_by_id("kw").send_keys("imyalost")
    6 # 提交输入框中的内容
    7 driver.find_element_by_id("imyalost").submit()
    8 driver.quit()

![复制代码][copycode.gif]

注意：有时候submit()方法和click()方法可以互用，但submit()的应用范围不及click()广泛；

**clear()**:清除文本；

**send\_keys(\*value)**:模拟按键输入；

**click()**:单击元素；

**size**:返回元素的尺寸；

**text**:获取元素的文本；

**get.attribute(name)**:获得属性值；

**is\_displayed()**:设置该元素是否用户可见；

![复制代码][copycode.gif]

1 # webelement接口常用方法
     2 from selenium import webdriver
     3 driver = webdriver.Chrome("安装工具\python\chromedriver.exe")
     4 driver.get("http://www.baidu.com")
     5 # 获得输入尺寸
     6 size = driver.find_element_by_id("kw").size
     7 print("size")
     8 # 返回百度页面底部备案信息
     9 text = driver.find_element_by_id("cp").text
    10 print("text")
    11 # 返回元素的属性值，可以是id、name、type或其他属性
    12 attribute = driver.find_element_by_id("kw").get_attribute("type")
    13 print("attribute")
    14 # 返回元素结果是否可见，返回结果为True或Flase
    15 result = driver.find_element_by_id("kw").is_displayed()
    16 print("result")

![复制代码][copycode.gif]

PS：上面的例子取自百度首页，关于UI自动化，建议系统的了解学习一下前端相关的基础知识，可以去[W3C][]看看。。。

转载请注明出处，商用请征得作者本人同意，谢谢！！！

转载于:https://www.cnblogs.com/xushuangwaiwai/p/11238693.html

[Selenium_WebDriver]: https://www.cnblogs.com/imyalost/p/7242747.html
[http_download.csdn.net_detail_kwgkwg001_4004500]: http://download.csdn.net/detail/kwgkwg001/4004500
[copycode.gif]: /images/20230810/f791ac6ae477431e86d53baa358c81b2.png
[983980-20170730025946287-286815909.png]: /images/20230810/1940f93b2bb64492b4632e561b481d11.png
[983980-20170730031559130-958598062.png]: /images/20230810/0842b2c7a9fe4ac08d755360f1a0f1ce.png
[W3C]: http://www.w3school.com.cn/