【Selenium01篇】python+selenium实现Web自动化：搭建环境，Selenium原理，定位元素以及浏览器常规操作！

一、前言

最近问我自动化的人确实有点多，个人突发奇想：想从0开始讲解python+selenium实现Web自动化测试，请关注博客持续更新！

二、话不多说，直接开干，开始搭建自动化测试环境

这里以前在CSDN写过一篇很详细的博文，零基础的小白都可以看懂，地址如下：

python+selenium自动化测试环境搭建步骤（selenium环境搭建）-绝不浪费您的时间

https://blog.csdn.net/pengjiangchun/article/details/105305276

三、Selenium 原理

Selenium 是一套完整的 web 应用程序测试系统 ，它包含了测试录制(Selenium IDE)、编写及运行(Selenium Remote Control) 和测试的并行处理(Selenium Grid)。Selenium的核心 Selenium Core基于 JsUnit，完全由 JavaScript 编写，因此可以运行于任何支持 JavaScript 的浏览器上。其基本原理如下：

四、Selenium基础应用

1.打开浏览器

from selenium import webdriver

driver = webdriver.Firefox()    # Firefox浏览器
driver = webdriver.Chrome()     # Chrome浏览器
driver = webdriver.Ie()         # Ie浏览器
driver = webdriver.Edge()       # Edge浏览器
driver = webdriver.PhantomJS()  # PhantomJS()

2.Selenium元素定位

存在如下HTML脚本：

定位元素方法如下：

# 通过 id 定位
dr.find_element_by_id("kw")

# 通过name定位:
dr.find_element_by_name("wd")

# 通过class name定位:
dr.find_element_by_class_name("s_ipt")

# 通过tag name定位:
dr.find_element_by_tag_name("input")

# 通过 xpath 定位的几种写法
dr.find_element_by_xpath("//*[@id='kw']")
dr.find_element_by_xpath("//*[@name='wd']")
dr.find_element_by_xpath("//input[@class='s_ipt']")
dr.find_element_by_xpath("/html/body/form/span/input")
dr.find_element_by_xpath("//span[@class='soutu-btn']/input")
dr.find_element_by_xpath("//form[@id='form']/span/input")
dr.find_element_by_xpath("//input[@id='kw' and @name='wd']")

# 通过 css 定位的几种写法
dr.find_element_by_css_selector("#kw")
dr.find_element_by_css_selector("[name=wd]")
dr.find_element_by_css_selector(".s_ipt")
dr.find_element_by_css_selector("html > body > form > span > input")
dr.find_element_by_css_selector("span.soutu-btn> input#kw")
dr.find_element_by_css_selector("form#form > span > input")

# 通过 link_text 定位
dr.find_element_by_link_text("新闻")
dr.find_element_by_link_text("hao123")
dr.find_element_by_partial_link_text("新")
dr.find_element_by_partial_link_text("hao")
dr.find_element_by_partial_link_text("123")

# 如果是定位一组元素，用下面
find_elements_by_id()
find_elements_by_name()
find_elements_by_class_name()
find_elements_by_tag_name()
find_elements_by_link_text()
find_elements_by_partial_link_text()
find_elements_by_xpath()
find_elements_by_css_selector()

3.控制浏览器操作

(1) 控制浏览器窗口大小

WebDriver中 set_window_size() 方法来设置浏览器窗口的大小；maximize_window() 使打开的浏览器全屏显示。

from selenium import Webdriver

driver = Webdriver.Chrome('../tools/chromedriver.exe')
driver.get_url('http://www.5itest.cn/register')

# 设置浏览器窗口大小
print("设置浏览器宽500，高600")
driver.set_window_size()
driver.quit()

(2) 控制浏览器后退、前进

webdriver 提供了对应的 back() 和 forward() 方法来模拟后退和前进按钮。

from selenium import webdriver
import time


# 2. 控制浏览器的前进、后退
browser_links = webdriver.Chrome('../tools/chromedriver.exe')
first_url = 'https://www.baidu.com/'
second_url = 'https://news.baidu.com/'

print("访问第一个链接：%s" % first_url)
browser_links.get(first_url)

time.sleep(1)
print("访问第二个链接：%s" % second_url)
browser_links.get(second_url)

time.sleep(1)
print("回退到第一个链接：%s" % first_url)
browser_links.back()

time.sleep(1)
print("前进到第二个链接：%s", second_url)
browser_links.forward()

time.sleep(1)
browser_links.quit()

(3) 刷新页面 F5

webdriver中可以用 refresh 方法进行页面刷新。

from selenium import webdriver
import time

refresh_url = 'http://www.baidu.com/'
browser_refresh = webdriver.Chrome('../tools/chromedriver.exe')
browser_refresh.get(refresh_url)
time.sleep(2)
browser_refresh.refresh()
browser_refresh.quit()

4.webdriver常用方法

(1) 点击、输入和清除

定位元素后我们还需要对元素进行操作，常用的元素操作方法有：clear()、send_keys(value)、click()

#!/usr/bin/env python
# -*- encoding: utf-8 -*-

from selenium import webdriver
import time

base_url = 'https://www.baidu.com'

browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 1. 清除、输入、点击
browser.find_element_by_id('kw').clear()
browser.find_element_by_id('kw').send_keys('python')
browser.find_element_by_id('su').click()
time.sleep(2)
browser.quit()

(2) 提交

submit()方法用于提交表单，在搜索框后输入关键字后，可用于“回车”模拟。

from selenium import webdriver
import time

base_url = 'https://www.baidu.com'

browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 2.提交
search_text = browser.find_element_by_id('kw')
search_text.send_keys('selenium')
search_text.submit()
time.sleep(3)

(3) 其他常用的方法

size： 返回元素的尺寸。

text： 获取元素的文本。

get_attribute(name)： 获得属性值。

is_displayed()： 设置该元素是否用户可见。

from selenium import webdriver
import time

base_url = 'https://www.baidu.com'

browser = webdriver.Chrome('../tools/chromedriver.exe')
browser.get(base_url)

# 3. 其他常用方法
size = browser.find_element_by_id('kw').size
print("返回元素的尺寸：%s" % size)

text = browser.find_element_by_id('cp').text
print("返回元素的文本：%s" % text)

attribute = browser.find_element_by_id('kw').get_attribute('type')
print("返回元素的属性：%s" % attribute)

result = browser.find_element_by_id('kw').is_displayed()
print("返回元素是否可见：%s" % result)

browser.quit()

五、Selenium成套博文地址，总有你需要的：

【Selenium篇01】python+selenium实现Web自动化：搭建环境，Selenium原理，定位元素以及浏览器常规操作！

https://blog.csdn.net/pengjiangchun/article/details/105532670

【Selenium02篇】python+selenium实现Web自动化：鼠标操作和键盘操作！

https://blog.csdn.net/pengjiangchun/article/details/105532867

【Selenium03篇】python+selenium实现Web自动化：元素三类等待，多窗口切换，警告框处理，下拉框选择

https://blog.csdn.net/pengjiangchun/article/details/105533107

【Selenium04篇】python+selenium实现Web自动化：文件上传，Cookie操作，调用 JavaScript，窗口截图

https://blog.csdn.net/pengjiangchun/article/details/105534081

【Selenium05篇】python+selenium实现Web自动化：读取ini配置文件,元素封装,代码封装,异常处理,兼容多浏览器执行

https://blog.csdn.net/pengjiangchun/article/details/105573687

【Selenium06篇】python+selenium实现Web自动化：日志处理

https://blog.csdn.net/pengjiangchun/article/details/105574193

【Selenium07篇】python+selenium实现Web自动化：PO模型，PageObject模式！

https://blog.csdn.net/pengjiangchun/article/details/105574676

【Selenium08篇】python+selenium实现Web自动化：数据驱动框架，ddt，关键字驱动框架

https://blog.csdn.net/pengjiangchun/article/details/105574954

如果你觉得此文对你有帮助，如果你对软件测试、接口测试、自动化测试、面试经验交流感兴趣欢迎加入软件测试技术群：695458161，群里发放的免费资料都是笔者十多年测试生涯的精华。还有同行大神一起交流技术哦。

作者：诸葛
出处：https://blog.csdn.net/pengjiangchun
原创不易，欢迎转载，但未经作者同意请保留此段声明，并在文章页面明显位置给出原文链接。