一、前言
最近問我自動化的人確實有點多，個人突發奇想：想從0開始講解python+selenium實現Web自動化測試，請關注博客持續更新！
二、話不多說，直接開干，開始搭建自動化測試環境
這里以前在CSDN寫過一篇很詳細的博文，零基礎的小白都可以看懂，地址如下：
三、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腳本：<html>
<head>
<body link="#0000cc">
<a id="result_logo" href="/" onmousedown="return c({'fm':'tab','tab':'logo'})">
<form id="form" class="fm" name="f" action="/s">
<span class="soutu-btn"></span>
<input id="kw" class="s_ipt" name="wd" value="" maxlength="255" autocomplete="off">
代碼如下：
# 通過 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()
五、持續更新中請關注
【Selenium02篇】python+selenium實現Web自動化：鼠標操作和鍵盤操作！
【Selenium03篇】python+selenium實現Web自動化：元素三類等待，多窗口切換，警告框處理，下拉框選擇
【Selenium04篇】python+selenium實現Web自動化：文件上傳，Cookie操作，調用 JavaScript，窗口截圖
【Selenium05篇】python+selenium實現Web自動化：讀取ini配置文件,元素封裝,代碼封裝,異常處理,兼容多瀏覽器執行
【Selenium06篇】python+selenium實現Web自動化：日志處理
【Selenium07篇】python+selenium實現Web自動化：PO模型，PageObject模式！
【Selenium08篇】python+selenium實現Web自動化：數據驅動框架，ddt，關鍵字驅動框架
如果你覺得此文對你有幫助，如果你對軟件測試、接口測試、自動化測試、面試經驗交流感興趣歡迎加入：
軟件測試技術群：695458161，群里發放的免費資料都是筆者十多年測試生涯的精華。還有同行大神一起交流技術哦。
作者：來自公眾號：軟測之家
出處：https://www.cnblogs.com/csmashang/p/12705756.html
原創不易，歡迎轉載，但未經作者同意請保留此段聲明，並在文章頁面明顯位置給出原文鏈接。