曲鳥全棧UI自動(dòng)化教學(xué)(四)：Selenium工作原理及Webdriver對(duì)瀏覽器的配置和操作

一、前言

上篇文章我們學(xué)習(xí)了Selenium頁面操作原理及如何高效的進(jìn)行元素定位

那Selenium的工作原理又是什么？是如何驅(qū)動(dòng)瀏覽器的呢？這篇文章為你講解Selenium工作原理及Webdriver對(duì)瀏覽器的配置和操作。

二、Selenium工作原理

Selenium進(jìn)行自動(dòng)化測(cè)試主要依賴三項(xiàng)：

測(cè)試腳本(你寫的代碼)

瀏覽器驅(qū)動(dòng)(Webdriver，比如：chromedriver)

瀏覽器

其中核心部分就是Webdriver，它提供了一系列的API來供我們使用，以至于驅(qū)動(dòng)瀏覽器做一些操作。

它的工作原理有時(shí)也會(huì)作為面試題，不少小伙伴Selenium用的很熟練，但因?yàn)榇鸩怀鏊墓ぷ髟矶籔ass！

所以我簡(jiǎn)單總結(jié)了一下，為了面試不被pass的標(biāo)準(zhǔn)答案

Webdriver工作原理：

webdriver用于通信用戶編寫的代碼和瀏覽器。

當(dāng)使用類似webdriver.Chrome()啟動(dòng)瀏覽器后，webdriver會(huì)將啟動(dòng)的瀏覽器綁定到特定的端口，并作為服務(wù)端 (類似前后端分離項(xiàng)目的后端)

客戶端 (用戶編寫的代碼)，通過ComandExecutor發(fā)送HTTP請(qǐng)求給服務(wù)端

服務(wù)端通過WebService將其翻譯為瀏覽器讀的懂的腳本傳給瀏覽器進(jìn)行執(zhí)行，執(zhí)行完成后，瀏覽器把執(zhí)行結(jié)果返回給WebService,WebService再把返回的結(jié)果做一些封裝，然后返回給客戶端。

三、Webdriver常用配置

1. 啟動(dòng)瀏覽器

通過查看Selnium->webdriver文件夾，發(fā)現(xiàn)Selnium支持6種瀏覽器：

chrome、edge、firefox、ie、opera、safari

這里用谷歌、火狐的啟動(dòng)來舉例

啟動(dòng)谷歌瀏覽器(需要chromedriver)

from selenium import webdriver browser = webdriver.Chrome()

啟動(dòng)火狐瀏覽器(需要geckodriver)

from selenium import webdriver browser = webdriver.Firefox()

2. Webdriver配置項(xiàng)

webdriver有很多配置項(xiàng)，例如設(shè)置請(qǐng)求頭、隱藏瀏覽器運(yùn)行、配置Webdriver路徑等；下面為你介紹常用的配置項(xiàng)：

2.1 首先調(diào)用對(duì)應(yīng)的配置類(以chrome舉例)

chrome_options = webdriver.ChromeOptions()

2.2 最大化瀏覽器窗口

chrome_options.add_argument('--start-maximized')

2.3 隱藏瀏覽器運(yùn)行(無界面Linux時(shí)，不加這條會(huì)報(bào)錯(cuò))

chrome_options.add_argument('--headless')

2.4 給予root執(zhí)行權(quán)限(Linux上運(yùn)行時(shí)需要)

chrome_options.add_argument('--no-sandbox')

2.5 不加載圖片，提升速度

chrome_options.add_argument('blink-settings=imagesEnabled=false')

2.6 使用已打開的瀏覽器

以chrome瀏覽器舉例，我們可以通過【cmd】在chrome所在目錄執(zhí)行命令：

chrome.exe --remote-debugging-port=9222 --user-data-dir="C:\selenum\AutomationProfile"

-remote-debugging-port:用于配置瀏覽器啟動(dòng)占用的端口，可以指定任何未被占用的端口

-user-data-dir:指定創(chuàng)建新Chrome配置文件的目錄;它是為了確保在單獨(dú)的配置文件中啟動(dòng)chrome，不會(huì)污染你的默認(rèn)配置文件。

然后在代碼中加入下面的配置即可使用剛剛打開的瀏覽器了

chrome_options.add_experimental_option("debuggerAddress", "127.0.0.1:9222")

這樣做的好處是:

是一個(gè)由chrome啟動(dòng)的瀏覽器，不容易被所測(cè)網(wǎng)站檢測(cè)出是自動(dòng)化程序、有利于爬蟲的過檢測(cè)。

基于該運(yùn)行瀏覽器所產(chǎn)生的緩存、cookie等數(shù)據(jù)都會(huì)被記錄。下次啟動(dòng)的時(shí)候不用重新登錄帳號(hào)，也不用因?yàn)闆]有緩存導(dǎo)致頁面加載時(shí)間過長(zhǎng)。

2.7 手動(dòng)指定瀏覽器位置

當(dāng)存在多個(gè)谷歌瀏覽器或谷歌瀏覽器環(huán)境異常時(shí)，可以指定其瀏覽器文件路徑進(jìn)行驅(qū)動(dòng)

chrome_options.binary_location = r"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"

2.8 隱藏【受到自動(dòng)化測(cè)試軟件的控制】提示

通過該配置項(xiàng)可以隱藏上圖的提示

chrome_options.add_experimental_option('excludeSwitches', ['enable-automation'])

2.9 指定瀏覽器大小

下面的代碼會(huì)啟動(dòng)一個(gè)寬100，長(zhǎng)1000的瀏覽器

chrome_options.add_argument(f'--window-size={100},{1000}')

2.10 指定瀏覽器位置

下面的代碼會(huì)啟動(dòng)一個(gè)左邊距為100，上邊距為200的瀏覽器

chrome_options.add_argument(f'--window-position={100},{200}')

2.11 指定瀏覽器啟動(dòng)語言

有時(shí)候開啟瀏覽器需要特別的語言版本，如果未進(jìn)行配置則啟動(dòng)的是系統(tǒng)語言對(duì)應(yīng)的瀏覽器，我們的被測(cè)網(wǎng)站如果是英文的，但系統(tǒng)是中文的，開啟的瀏覽器就是中文的，提交的某些數(shù)據(jù)按照zh_CN.UTF-8的格式提交了，導(dǎo)致數(shù)據(jù)報(bào)錯(cuò)，那么我們就需要設(shè)置瀏覽器啟動(dòng)語言。

chrome_options.add_argument('lang=en-us')

2.12 更換瀏覽器請(qǐng)求頭

有時(shí)候需要模擬手機(jī)訪問某些頁面的時(shí)候，可以通過配置user-agent項(xiàng)來實(shí)現(xiàn)

下面的代碼會(huì)將瀏覽器模擬為安卓手機(jī)訪問

user_ag = 'MQQBrowser/26 Mozilla/5.0 (Linux; U; Android 7.3.7; zh-cn; MB200 Build/GRJ22;CyanogenMod-7) ' \ 'AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 ' chrome_options.add_argument('user-agent=%s' % user_agent)

執(zhí)行效果

2.13 設(shè)置瀏覽器代理

chrome_options.add_argument('--proxy-server=你的代理ip地址')

2.14 使用配置

下面的代碼會(huì)【最大化窗口】且【不加載圖片】的啟動(dòng)一個(gè)瀏覽器：

from selenium import webdriver chrome_options = webdriver.ChromeOptions() chrome_options.add_argument('--start-maximized') chrome_options.add_argument('blink-settings=imagesEnabled=false') browser = webdriver.Chrome(options=chrome_options)

3. Webdriver常用操作

3.1 獲取瀏覽器名稱

browser.name

3.2 最大化瀏覽器窗口

browser.maximize_window()

3.3 最小化瀏覽器窗口（Selenium4支持）

browser.minimize_window()

3.4 全屏窗口

類似瀏覽器中按下【F11】

browser.fullscreen_window()

3.5 訪問指定網(wǎng)址

browser.get("https://www.baidu.com") #訪問百度

3.6 獲取當(dāng)前頁url

browser.current_url

3.7 獲取當(dāng)前頁的title

browser.title

3.8 獲取當(dāng)前頁窗口句柄

browser.current_window_handle

3.9 截屏當(dāng)前窗口

browser.save_screenshot('test.png') #截取當(dāng)前窗口并命名為`test.png`保存

3.10 刷新

browser.refresh()

3.11 前進(jìn)(瀏覽器的【前進(jìn)】按鈕)

browser.forward()

3.12 后退(瀏覽器的【后退】按鈕)

browser.back()

3.13 設(shè)置瀏覽器大小

設(shè)置瀏覽器寬為480，高為800

browser.set_window_size(480, 800)

3.14 設(shè)置瀏覽器位置

設(shè)置瀏覽器寬為480，高為800

browser.set_window_position(480, 800)

3.15 獲取瀏覽器大小

設(shè)置瀏覽器寬為480，高為800

browser.get_window_size(480, 800)

3.16 獲取瀏覽器位置

設(shè)置瀏覽器寬為480，高為800

browser.get_window_position(480, 800)

3.17 執(zhí)行js腳本

如果需要進(jìn)行頁面滑動(dòng)(模擬鼠標(biāo)滾輪操作)可以通過執(zhí)行js腳本實(shí)現(xiàn)

例如滑動(dòng)到'//*[@id="asideHotArticle"]/h3'元素：

target = browser.find_element(By.XPATH, '//*[@id="asideHotArticle"]/h3') browser.execute_script("arguments[0].scrollIntoView();", target)

3.18 切換窗口

有多個(gè)窗口時(shí)，可以通過下面的方法進(jìn)行切換才能夠順利的進(jìn)行定位

browser.switch_to.window(browser.window_handles[1])

3.19 切換iframe

頁面中的iframe彈窗，需要使用下面的代碼切換才能夠順利的進(jìn)行定位

iframe = browser.find_element(By.CSS_SELECTOR, "#modal > iframe") # 切換到iframe browser.switch_to.frame(iframe)

如果iframe有明確的id則可以直接這樣寫

driver.switch_to.frame('appIframe-product')

3.20 離開iframe

離開iframe，回到默認(rèn)頁面

browser.switch_to.default_content()

3.21 關(guān)閉當(dāng)前窗口

有多個(gè)頁面的時(shí)候，只會(huì)關(guān)閉當(dāng)前所在頁面

browser.close()

3.22 退出瀏覽器

會(huì)直接關(guān)閉瀏覽器，所有頁面都將關(guān)閉

browser.quit()

四、總結(jié)

實(shí)際上webdriver的操作還有很多，比如遠(yuǎn)程控制項(xiàng)的配置，cookie相關(guān)配置等，但都不常用，掌握這些些已經(jīng)足夠了！

下一篇文章會(huì)對(duì)selenium的鍵盤鼠標(biāo)事件進(jìn)行詳解，歡迎訂閱本專欄！

Python Selenium 自動(dòng)化測(cè)試

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。