Selenium系列知識點整理 https://www.cnblogs.com/yoyoketang/ 本文摘錄於‘上海-悠悠’的博客,網址如上 新手學習selenium路線圖(老司機親手繪製)-學前篇 學習selenium主要分六個階段,自己在哪個層級,可以對號入座下。第 一階段:幼兒園 1.選語 ...
Selenium系列知識點整理
-----https://www.cnblogs.com/yoyoketang/
-----本文摘錄於‘上海-悠悠’的博客,網址如上
新手學習selenium路線圖(老司機親手繪製)-學前篇
學習selenium主要分六個階段,自己在哪個層級,可以對號入座下。
第 一階段:幼兒園
1.選語言:在學習自動化前,先要選一門語言學習,而不是選什麼工具,學習selenium,目前最流行的是java和python,至於選哪個,看自己 的愛好了,這裡就不說哪個語言好(php才是最好的語言)。小編是半路出家,沒什麼語言基礎,所以選的python作為自動化入門的腳本語言。
2.python:選好語言之後,接下來就是學習基礎的語法了,目前市面上python腳本分為2個:python2和python3,區別到不是很大,新手的話建議python2吧,有一定解決問題能力的小伙伴可以直接入手python3
3.python基礎:選好python版本後,接下來就是python的基礎學習了,python的基礎教程目前網上有非常成熟的學習教程了,適合新手 的教程小編推薦2個:第一個是廖雪峰的,這個可以說是國內比較成熟的,並且適合小白入門的課程了http://www.liaoxuefeng.com /;另外一個網站是python菜鳥教程http://www.runoob.com/python/python-tutorial.html。基礎的東西主要包括:print、變數、數據類型、for、if、while這些,這些基本的瞭解了,差不多就可以上手了。
4.selenium:接下來就是學習selenium了,selenium目前有三個版:selenium1也就是selenium RC這個已經很古老了,不用浪費時間去研究了;然後是selenium2,這個是目前最流行的了;最近出的selenium3,其實selenium2區 別不大,主要是啟動firefox會遇到兩個坑,剛入手的小白估計踩到坑裡就爬不起來了。試下一下,好不容易環境搭建好了,結果啟動firefox報錯, 簡直就是當面一盆子冷水潑過來。好不容易解決完前面的一個坑,然後又有第二坑。所以小白入手selenium推薦selenium2
第二階段:小學
5.selenium API:很多小伙伴學習自動化喜歡先用錄製的工具,學自動化錄製是 最不靠譜的,舉個簡單例子:如果一個元素的id是動態的,你這次錄製好了,回放時候,元素id已經變了,這時候不管你怎麼回放都是不成功的。所以錄製這 玩意,瞭解下原理就可以了,不用花時間去研究。學習selenium,我們直接去看api文檔就行。
6.元素定位:selenium提供了八種元素定位:id、name、class、tag、link、patail_link、xpath、css.對 於元素定位不太懂的這個時候需要用到firepath和firebug來輔助定位,這時候就需要補充下html的知識了,對html越熟悉,你定位元素越 快。先是通過簡單的元素屬性定位,後來你發現有些元素的屬性沒有,或者很多重覆,被我們的開發同學不規範的代碼坑的不要不要的,這時候就得學xpath了
7.xpath:xpath定位基本上可以解決80%的元素定位問題,但也不是萬能的,很多小伙伴剛接觸時候,簡直就是當成寶。xpath可以看成定位 界的寶刀屠龍,雖然威力大,但是比較笨重,定位元素慢,語法很長,還不穩定,也是被坑的不要不要的,這時候有必要去學習下css了
第三階段:中學
8.css:css定位速度快,穩準狠,定位界的倚天劍,輕巧,語法簡潔。但也不是萬能的,有些模糊匹配的地方,還是得靠xpath大哥來搞定
9.操作元素:定位好元素之後接下來就是操作元素了,主要有困難的是滑鼠事件和鍵盤事件
10.判斷元素:操作完後,就是獲取返回結果了,或者是判斷元素是不是期望結果
11.unittest:前面都是簡單的操作,無法生產測試用例,是時候找個測試框架幫我們運行用例了,於是就依靠unittest
12.測試報告:用例執行完之後,總得有個測報告吧,這時候需要用到html的測試報告
第四階段:高中
14.函數:前面簡單的用例搭建好之後,寫用例時候,發現每次重覆操作更記流水賬一樣,這個時候就要學習函數了,把
15.類和方法:當函數寫多了後,發現不少很方便,能不能把常用的操作寫到一塊,需要哪個直接調用呢,這時候就得學習類和方法了
16.參數化:用例優化的差不多時候,發現測試數據想改下,找起來好麻煩,於是想到把測試數據分離出來,用到參數化
17.數據驅動:參數化後,緊接著就是數據驅動啦,用例寫好後,僅需維護測試數據就可以了
第五階段:大學
18.封裝:常用的方法已經非常熟練了,這時候需要封裝了
19.jenkins:當用例寫的差不多後,最後肯定是希望能一鍵執行,這時候,需要用到jenkins來做持續集成
20.代碼倉庫:多人一起做自動化項目時候,這時候需要代碼同步,於是會遇到svn、git工具
第六階段:研究生
21.js:前面selenium東西學完之後,發現很多場景是selenium無法完成的,比如瀏覽器的滾動條,這時候需要學js啦。。。
22.學無止境:接下來要看個人的研究方向了,學無止境。。。
那麼問題來了:這麼多東西,如何下手呢?
首先給自己定個小目標,先關註個微信公眾號:yoyoketang
然後關註個一個神奇的博客:http://www.cnblogs.com/yoyoketang/
Selenium2+python自動化1-環境搭建
https://www.cnblogs.com/yoyoketang/p/selenium.html
Selenium2+python自動化2-pip降級selenium3.0
https://www.cnblogs.com/yoyoketang/p/6111585.html
pip查看selenium版本號
>>pip show selenium
pip選擇安裝selenium版本
1.為了避免與之前安裝的selenium版本衝突,先找到selenium3.0目錄:python\Lib\site-packages目錄
把裡面selenium開頭的文件全部刪除就可以了。python所有的第三方包都在這個目錄下麵。
2.打開cmd,輸入pip install selenium==2.53.6(註意是兩個==,中間不要留空格,這裡推薦2.53.6的版本)
升級pip版本
>>python -m pip install --upgrade pip
Selenium2+python自動化3-解決pip使用異常
https://www.cnblogs.com/yoyoketang/p/6111644.html
Selenium2+python自動化4-Pycharm使用
https://www.cnblogs.com/yoyoketang/p/6115825.html
Selenium2+python自動化5-操作瀏覽器基本方法
對瀏覽器做一些常規的操作,如打開、前進、後退、刷新、設置視窗大小、截屏、退出等操作。
一、打開網站
1.第一步:從selenium裡面導入webdriver模塊
2.打開Firefox瀏覽器(Ie和Chrome對應下麵的)
3.打開百度網址
>>driver.get('https://www.abidu.com')
二、設置休眠
1.由於打開百度網址後,頁面載入需要幾秒鐘,所以最好等到頁面載入完成後再繼續下一步操作
2.導入time模塊,time模塊是Python自帶的,所以無需下載
3.設置等待時間,單位是秒(s),時間值可以是小數也可以是整數
>>time.sleep( 3 ) #以秒為單位
三、頁面刷新
1.有時候頁面操作後,數據可能沒及時同步,需要重新刷新
2.這裡可以模擬刷新頁面操作,相當於瀏覽器輸入框後面的刷新按鈕
>>driver.refresh()
四、前進和後退
1.當在一個瀏覽器打開兩個頁面後,想返回上一頁面,相當於瀏覽器左上角的左箭頭按鈕
2.返回到上一頁面後,也可以切換到下一頁,相當於瀏覽器左上角的右箭頭按鈕
>>driver.back() #後退
>>driver.forward() #前進
五、設置視窗大小
1.可以設置瀏覽器視窗大小,如設置視窗大小為手機解析度540*960
2.也可以最大化視窗
>>driver.set_window_size(540,960) #設置視窗大小為540*960
>>driver.maximize_window() #將瀏覽器視窗最大化
六、截屏
1.打開網站之後,也可以對屏幕截屏
2.截屏後設置制定的保存路徑+文件名稱+尾碼
>>driver.get_screenshot_as_file("D:\\test\\bbb.jpg")
七、退出
1.退出有兩種方式,一種是close;另外一種是quit
2.close用於關閉當前視窗,當打開的視窗較多時,就可以用close關閉部分視窗
3.quit用於結束進程,關閉所有的視窗
4.最後結束測試,要用quit。quit可以回收c盤的臨時文件
>>driver.close() #關閉當前視窗
>>driver.quit() #退出瀏覽器
Selenium2+python自動化6-八種元素元素定位(Firebug和firepath)
selenium的webdriver提供了八種基本的元素定位方法,前面六種是通過元素的屬性來直接定位的,後面的xpath和css定位更加靈活,需要重點掌握其中一個。
說明:如果運行後會報錯,說明這個搜索框的屬性(id,name,。。。)不是唯一的,無法通過屬性直接定位到輸入框
1.通過id定位:find_element_by_id()
2.通過name定位:find_element_by_name()
3.通過class定位:find_element_by_class_name()
4.通過tag(標簽)定位:find_element_by_tag_name()
5.通過link(超鏈接)定位:find_element_by_link_text()
6.通過partial_link定位:find_element_by_partial_link_text()
7.通過xpath定位:find_element_by_xpath()
8.通過css定位:find_element_by_css_selector()
Selenium2+python自動化7-xpath定位
https://www.cnblogs.com/yoyoketang/p/6123938.html
Selenium2+python自動化8-SeleniumBuilder輔助定位元素
https://www.cnblogs.com/yoyoketang/p/6128548.html
Selenium2+python自動化9-CSS定位語法
https://www.cnblogs.com/yoyoketang/p/6128580.html
Selenium2+python自動化10-登錄案例
https://www.cnblogs.com/yoyoketang/p/6128596.html
寫一個簡單的登錄測試腳本
# coding:utf-8
from selenium import webdriver
import time
def login(driver, user, password):
'''登錄github'''
# 打開github首頁
driver.get("https://github.com/login")
driver.implicitly_wait(10)
# 輸入賬號
driver.find_element_by_id("login_field").send_keys(user)
# 輸入密碼
driver.find_element_by_id("password").send_keys(password)
driver.find_element_by_name("commit").click()
def logout(driver):
'''退出github'''
time.sleep(3)
# 點右上角設置
driver.find_element_by_css_selector(".HeaderNavlink.name.mt-1").click()
time.sleep(1)
# 點sign out
driver.find_element_by_css_selector(".dropdown-item.dropdown-signout").click()
driver.quit()
if __name__ == "__main__":
driver = webdriver.Firefox()
# 調用登錄
login(driver, "youruser", "yourpsw")
print("hello yoyo!")
# 調用退出
logout(driver)
Selenium2+python自動化11-定位一組元素find_elements
有時候一個頁面上有多個對象需要操作,如果一個個去定位的話,比較繁瑣,這時候就可以定位一組對象。
webdriver 提供了定位一組元素的方法,跟前面八種定位方式其實一樣,只是前面是單數,這裡是複數形式:find_elements
# coding:utf-8
from selenium import webdriver
import random
driver = webdriver.Firefox()
driver.get("https://www.baidu.com")
driver.implicitly_wait(10)
driver.find_element_by_id("kw").send_keys(u"測試部落")
driver.find_element_by_id("kw").submit()
s = driver.find_elements_by_css_selector("h3.t>a")
# 設置隨機值
t = random.randint(0, 9)
# 隨機取一個結果點擊滑鼠
a = s[t].get_attribute("href")
print a
driver.get(a)
Selenium2+python自動化12-操作元素(鍵盤和滑鼠事件)
本篇總結了web頁面常用的一些操作元素方法,可以統稱為行為事件
有些web界面的選項菜單需要滑鼠懸停在某個元素上才能顯示出來(如百度頁面的設置按鈕)。
一、簡單操作
1.點擊(滑鼠左鍵)頁面按鈕:click()
2.清空輸入框:clear()
3.輸入字元串:send_keys()
二、submit提交表單
1.submit()一般用於模擬回車鍵
>>driver.find_element_by_id("kw").submit()
三、鍵盤操作
1.selenium提供了一整套的模擬鍵盤操作事件,前面submit()方法如果不行的話,可以試試模擬鍵盤事件
2.模擬鍵盤的操作需要先導入鍵盤模塊:from selenium.webdriver.common.keys import Keys
3.模擬enter鍵,可以用send_keys(Keys.ENTER)
4.其它常見的鍵盤操作:
鍵盤F1到F12:send_keys(Keys.F1) 把F1改成對應的快捷鍵
複製Ctrl+C:send_keys(Keys.CONTROL,'c')
粘貼Ctrl+V:send_keys(Keys.CONTROL,'v')
全選Ctrl+A:send_keys(Keys.CONTROL,'a')
剪切Ctrl+X:send_keys(Keys.CONTROL,'x')
製表鍵Tab: send_keys(Keys.TAB)
四、滑鼠懸停事件
1.滑鼠不僅僅可以點擊(click),滑鼠還有其它的操作,如:滑鼠懸停在某個元素上,滑鼠右擊,滑鼠按住某個按鈕拖到
2.滑鼠事件需要先導入模塊:from selenium.webdriver.common.action_chains import ActionChains
perform() 執行所有ActionChains中的行為
move_to_element() 滑鼠懸停
3.這裡以百度頁面設置按鈕為例
#coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
driver = webdriver.Firefox()
driver.get("https://www.baidu.com")
driver.implicitly_wait(10)
# 滑鼠懸停在搜索設置按鈕上
mouse = driver.find_element_by_link_text("設置")
ActionChains(driver).move_to_element(mouse).perform()
4.除了常用的滑鼠懸停事件外,還有
右擊滑鼠:context_click()
雙擊滑鼠:double_click()
Selenium2+python自動化13-多視窗、句柄(handle)
二、獲取當前視窗句柄
1.獲取當前頁面的句柄:h = driver.current_window_handle
三、獲取所有句柄
1.獲取當前所有的句柄:all_h = driver.window_handles
四、切換句柄
方法一:
1.迴圈判斷是否與首頁句柄相等
2.如果不等,說明是新頁面的句柄
3.獲取的新頁面句柄後,可以切換到新打開的頁面上
4.列印新頁面的title,看是否切換成功
方法二:
1.直接獲取all_h這個list數據裡面第二個hand的值:all_h[1]
# 方法一:判斷句柄,不等於首頁就切換
for i in all_h:
if i != h:
driver.switch_to.window(i)
print driver.title
# 方法二:獲取list裡面第二個直接切換
driver.switch_to.window(all_h[1])
print driver.title
五、關閉新視窗,切回主頁
1.打開新頁面後,其實只想驗證新頁面跳轉對不對,這裡可以做個簡單的驗證,獲取當前頁面的title驗證
2.驗證完後切關閉新視窗
3.切回句柄到首頁
4.列印當前頁面的句柄,看是否切換到首頁了
# 方法二:獲取list裡面第二個直接切換
driver.switch_to.window(all_h[1])
print driver.title
#關閉新視窗
driver.close()
#切換到首頁句柄
driver.switch_to.window(h)
#列印當前的title
print driver.title
六、參考代碼
# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("http://bj.ganji.com/")
h = driver.current_window_handle
print h # 列印首頁句柄
driver.find_element_by_link_text("招聘求職").click()
all_h = driver.window_handles
print all_h # 列印所有的句柄
# 方法一:判斷句柄,不等於首頁就切換
# for i in all_h:
# if i != h:
# driver.switch_to.window(i)
# print driver.title
# 方法二:獲取list裡面第二個直接切換
driver.switch_to.window(all_h[1])
print driver.title
# 關閉新視窗
driver.close()
# 切換到首頁句柄
driver.switch_to.window(h)
# 列印當前的title
print driver.title
Selenium2+python自動化14-iframe
以http://mail.163.com/登錄頁面10為案例,詳細介紹switch_to_frame使用方法.
一、frame和iframe區別
Frame與Iframe兩者可以實現的功能基本相同,不過Iframe比Frame具有更多的靈活性。 frame是整個頁面的框架,iframe是內嵌的網頁元素,也可以說是內嵌的框架
Iframe標記又叫浮動幀標記,可以用它將一個HTML文檔嵌入在一個HTML中顯示。它和Frame標記的最大區別是在網頁中嵌入 的<Iframe></Iframe>所包
含的內容與整個頁面是一個整體,而<Frame>< /Frame>所包含的內容是一個獨立的個體,是可以獨立顯示的。另外,應用Iframe還可以在同一個頁面中
多次顯示同一內容,而不必重覆這段內 容的代碼。
三、切換iframe
1.由於登錄按鈕是在iframe上,所以第一步需要把定位器切換到iframe上
2.用switch_to.frame方法切換,此處有id屬性,可以直接用id定位切換
>>driver.switch_to.frame('此處填寫對應的id值即可') #driver.switch_to_frame('與前面代碼同樣效果')
四、如果iframe沒有id怎麼辦?
1.這裡iframe的切換是預設支持id和name的方法的,當然實際情況中會遇到
沒有id屬性和name屬性為空的情況,這時候就需要先定位iframe
2.定位元素還是之前的八種方法同樣適用,這裡我可以通過tag先定位到,也能達到同樣效果
>>iframe = driver.find_element_by_tag_name("iframe")
>>driver.switch_to.frame( iframe )
五、釋放iframe
1.當iframe上的操作完後,想重新回到 主頁面 操作元素,這時候,
>>driver.switch_to.default_content() # >>driver.switch_to_default_content() #'與前面代碼同樣效果'
Selenium2+python自動化15-select下拉框
二、二次定位
1.定位select里的選項有多種方式,這裡先介紹一種簡單的方法:二次定位
2.基本思路,先定位select框,再定位select里的選項
3.代碼如下
# 分兩步:先定位下拉框,再點擊選項
s = driver.find_element_by_id("nr")
s.find_element_by_xpath("//option[@value='50']").click()
4.還有另外一種寫法也是可以的,把最下麵兩步合併成為一步:
driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()
三、直接定位
1.寫xpath定位或者css,一次性直接定位到option上的內容。(不會自己手寫的,回頭看前面的元素定位內容)
四、Select模塊(index)
1.除了上面介紹的兩種簡單的方法定位到select選項,selenium還提供了更高級的玩法,導入Select模塊。直接根據屬性或索引定位。
2.先要導入select方法:
from selenium.webdriver.support.select import Select
3.然後通過select選項的索引來定位選擇對應選項(從0開始計數),如選擇第三個選項:select_by_index(2)
五、Select模塊(value)
1.Select模塊裡面除了index的方法,還有一個方法,通過選項的value值來定位。每個選項,都有對應的value值,如
<select id="nr" name="NR">
<option selected="" value="10">每頁顯示10條</option>
<option value="20">每頁顯示20條</option>
<option value="50">每頁顯示50條</option>
2.第二個選項對應的value值就是"20":select_by_value("20")
六、Select模塊(text)
1.Select模塊裡面還有一個更加高級的功能,可以直接通過選項的文本內容來定位。
2.定位“每頁顯示50條”:select_by_visible_text("每頁顯示50條")
七、Select模塊其它方法
1.select裡面方法除了上面介紹的三種,還有更多的功能如下
select_by_index() :通過索引定位
select_by_value() :通過value值定位
select_by_visible_text() :通過文本值定位
deselect_all() :取消所有選項
deselect_by_index() :取消對應index選項
deselect_by_value() :取消對應value選項
deselect_by_visible_text() :取消對應文本選項
first_selected_option() :返回第一個選項
all_selected_options() :返回所有的選項
八、整理代碼如下:
# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
driver = webdriver.Firefox()
url = "https://www.baidu.com"
driver.get(url)
driver.implicitly_wait(20)
# 滑鼠移動到“設置”按鈕
mouse = driver.find_element_by_link_text("設置")
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text("搜索設置").click()
# # 分兩步:先定位下拉框,再點擊選項
# s = driver.find_element_by_id("nr")
# s.find_element_by_xpath("//option[@value='50']").click()
# # 另外一種寫法
# driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()
# # 直接通過xpath定位
# driver.find_element_by_xpath(".//*[@id='nr']/option[2]").click()
# # 通過索引:select_by_index()
# s = driver.find_element_by_id("nr")
# Select(s).select_by_index(2)
# # 通過value:select_by_value()
# s = driver.find_element_by_id("nr")
# Select(s).select_by_value("20")
# 通過text:select_by_visible_text()
s = driver.find_element_by_id("nr")
Select(s).select_by_visible_text("每頁顯示50條")
九、select遇到的坑
1.在操作百度設置裡面,點擊“保存設置”按鈕時,alert彈出框沒有彈出來。(Ie瀏覽器是可以的)
2.分析原因:經過慢慢調試後發現,在點擊"保存設置"按鈕時,由於前面的select操作後,失去了焦點
3.解決辦法:在select操作後,做個click()點擊操作
s = driver.find_element_by_id("nr")
Select(s).select_by_visible_text("每頁顯示20條")
time.sleep(3)
s.click()
Selenium2+python自動化16-alert\confirm\prompt
alert\confirm\prompt彈出框操作主要方法有:
text:獲取文本值
accept() :點擊"確認"
dismiss() :點擊"取消"或者叉掉對話框
send_keys() :輸入文本值 --僅限於prompt,在alert和confirm上沒有輸入框
一、認識alert\confirm\prompt
1.先認清楚長什麼樣子,以後遇到了就知道如何操作了。
2.html源碼如下(有興趣的可以copy出來,複製到txt文本里,尾碼改成html就可以了,然後用瀏覽器打開)
<html>
<head>
<title>Alert</title>
</head>
<body>
<input id = "alert" value = "alert" type = "button" onclick = "alert('您關註了yoyoketang嗎?');"/>
<input id = "confirm" value = "confirm" type = "button" onclick = "confirm('確定關註微信公眾號:yoyoketang?');"/>
<input id = "prompt" value = "prompt" type = "button" onclick = "var name = prompt('請輸入微信公眾號:','yoyoketang'); document.write(name) "/>
</body>
</html>
二、alert操作
1.先用switch_to_alert()方法切換到alert彈出框上
2.可以用text方法獲取彈出的文本 信息
3.accept()點擊確認按鈕
4.dismiss()相當於點右上角x,取消彈出框
三、confirm操作
1.先用switch_to_alert()方法切換到alert彈出框上
2.可以用text方法獲取彈出的文本 信息
3.accept()點擊確認按鈕
4.dismiss()相當於點取消按鈕或點右上角x,取消彈出框
四、prompt操作
1.先用switch_to_alert()方法切換到alert彈出框上
2.可以用text方法獲取彈出的文本 信息
3.accept()點擊確認按鈕
4.dismiss()相當於點右上角x,取消彈出框
5.send_keys()這裡多個輸入框,可以用send_keys()方法輸入文本內容
#coding:utf-8
from selenium import webdriver
import time
# (url的路徑,直接複製瀏覽器打開的路徑)
url = "file:///c:/jjjjjjjjjjjjjjjjj/Desktop/testalert.html"
driver = webdriver.Firefox()
driver.get(url)
time.sleep(3)
driver.find_element_by_id("alert").click()
time.sleep(3)
t = driver.switch_to_alert()
#列印警告框文本內容
print t.text
t.send_keys('hello!!!')
#點警告框確認按鈕
# t.accept()
# t.dismiss() #相當於點 x 按鈕,取消
六、示例代碼
# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
import time
driver = webdriver.Firefox()
url = "https://www.baidu.com"
driver.get(url)
driver.implicitly_wait(20)
# 滑鼠移動到“設置”按鈕
mouse = driver.find_element_by_link_text("設置")
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text("搜索設置").click()
# 通過text:select_by_visible_text()
s = driver.find_element_by_id("nr")
Select(s).select_by_visible_text("每頁顯示20條")
time.sleep(3)
s.click()
driver.find_element_by_link_text("保存設置").click()
time.sleep(5)
# 獲取alert彈框
t = driver.switch_to_alert()
print t.text
t.accept()
Selenium2+python自動化17-JS處理滾動條
selenium提供了一個操作js的方法:
execute_script(),可以直接執行js的腳本。
一、JavaScript簡介
對js不太熟悉的,可以網上找下教程,簡單瞭解些即可。
http://www.w3school.com.cn/js/index.asp4
二、控制滾動條高度
1.滾動條回到頂部:
js="var q=document.getElementById('id').scrollTop=0"
driver.execute_script(js)
2.滾動條拉到底部
js="var q=document.documentElement.scrollTop=10000"
driver.execute_script(js)
3.這裡可以修改scrollTop 的值,來定位右側滾動條的位置,0是最上面,10000是最底部。
(版權所有,微信公眾號:yoyoketang)
三、橫向滾動條
1.有時候瀏覽器頁面需要左右滾動(一般屏幕最大化後,左右滾動的情況已經很少見了)。
2.通過左邊控制橫向和縱向滾動條scrollTo(x, y)
js = "window.scrollTo(100,400);"
driver.execute_script(js)
3.第一個參數x是橫向距離,第二個參數y是縱向距離
四、Chrome瀏覽器
1.以上方法在Firefox上是可以的,但是用Chrome瀏覽器,發現不管用。
谷歌瀏覽器就是這麼任性,不聽話,於是用以下方法解決谷歌瀏覽器滾動條的問題。
2.Chrome瀏覽器解決辦法:
js = "var q=document.body.scrollTop=0"
driver.execute_script(js)
五、元素聚焦
1.雖然用上面的方法可以解決拖動滾動條的位置問題,但是有時候無法確定我需要操作的元素
在什麼位置,有可能每次打開的頁面不一樣,元素所在的位置也不一樣,怎麼辦呢?
2.這個時候我們可以先讓頁面直接跳到元素出現的位置,然後就可以操作了。同樣需要藉助JS去實現。
3.元素聚焦:
target = driver.find_element_by_xxxx()
driver.execute_script("arguments[0].scrollIntoView();", target)
六、獲取瀏覽器名稱:driver.name
1.為瞭解決不同瀏覽器操作方法不一樣的問題,可以寫個函數去做相容。
2.先用driver.name獲取瀏覽器名稱,然後用if語句做個判斷
八、scrollTo函數
樓下有個小伙伴說這個scrollTo函數不存在相容性問題,小編借花獻佛了。
--scrollHeight 獲取對象的滾動高度。
--scrollLeft 設置或獲取位於對象左邊界和視窗中目前可見內容的最左端之間的距離。
--scrollTop 設置或獲取位於對象最頂端和視窗中可見內容的最頂端之間的距離。
--scrollWidth 獲取對象的滾動寬度。
scrollTo函數不存在相容性問題,直接用這個函數就可以了
#滾動到底部
js = "window.scrollTo(0,document.body.scrollHeight)"
driver.execute_script(js)
#滾動到頂部
js = "window.scrollTo(0,0)"
driver.execute_script(js)
九、參考代碼如下:
# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("https://www.baidu.com")
print driver.name
## 回到頂部
#def scroll_top():
# if driver.name == "chrome":
# js = "var q=document.body.scrollTop=0"
# else:
# js = "var q=document.documentElement.scrollTop=0"
# return driver.execute_script(js)
# 拉到底部
#def scroll_foot():
# if driver.name == "chrome":
# js = "var q=document.body.scrollTop=10000"
# else:
# js = "var q=document.documentElement.scrollTop=10000"
# return driver.execute_script(js)
#滾動到底部
js = "window.scrollTo(0,document.body.scrollHeight)"
driver.execute_script(js)
#滾動到頂部
js = "window.scrollTo(0,0)"
driver.execute_script(js)
# 聚焦元素
target = driver.find_element_by_xxxx()
driver.execute_script("arguments[0].scrollIntoView();", target)
Selenium2+python自動化18-載入Firefox配置
二、FirefoxProfile
1.profile_directory=None,如果沒有路徑,預設為None,啟動的是一個新的,有的話就載入指定的路徑。
三、profile_directory
1.問題來了:Firefox的配置文件地址如何找到呢?
2.打開Firefox點右上角設置>?(幫助)>故障排除信息>顯示文件夾
3.打開後把路徑複製下來就可以了:
C:\Users\xxx\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default
四、啟動配置文件
1.由於文件路徑存在字元:\ ,反斜杠在代碼里是轉義字元,這個有點代碼基礎的應該都知道。
2.遇到轉義字元,為了不讓轉義,有兩種處理方式:
第一種:\ (前面再加一個反斜杠)
第二種:r”\"(字元串前面加r,使用字元串原型)
五、參考代碼:
# coding=utf-8
from selenium import webdriver
# 配置文件地址
profile_directory = r'C:\Users\xxx\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
# 載入配置配置
profile = webdriver.FirefoxProfile(profile_directory)
# 啟動瀏覽器配置
driver = webdriver.Firefox(profile)
Selenium2+python自動化19-單選框和覆選框(radiobox、checkbox)
二、radio和checkbox源碼
1.上圖的html源碼如下,把下麵這段複雜下來,寫到文本里,尾碼改成.html就可以了。
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>單選和覆選</title>
</head>
<body>
</form>
<h4>單選:性別</h4>
<form>
<label value="radio">男</label>
<input name="sex" value="male" id="boy" type="radio"><br>
<label value="radio1">女</label>
<input name="sex" value="female" id="girl" type="radio">
</form>
<h4>微信公眾號:從零開始學自動化測試</h4>
<form>
<!-- <label for="c1">checkbox1</label> -->
<input id="c1" type="checkbox">selenium<br>
<!-- <label for="c2">checkbox2</label> -->
<input id="c2" type="checkbox">python<br>
<!-- <label for="c3">checkbox3</label> -->
<input id="c3" type="checkbox">appium<br>
<!-- <form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form> -->
</body>
</html>
三、單選:radio
1.首先是定位選擇框的位置
2.定位id,點擊圖標就可以了,代碼如下
(獲取url地址方法:把上面源碼粘貼到文本保存為.html尾碼後用瀏覽器打開,在瀏覽器url地址欄複製出地址就可以了)
3.先點擊boy後,等十秒再點擊girl,觀察頁面變化
四、覆選框:checkbox
1.勾選單個框,比如勾選selenium這個,可以根據它的id=c1直接定位到點擊就可以了
五、全部勾選:
1.全部勾選,可以用到定位一組元素,從上面源碼可以看出,覆選框的type=checkbox,這裡可以用xpath語法:.//*[@type='checkbox']
2.這裡註意,敲黑板做筆記了:find_elements是不能直接點擊的,它是複數的,所以只能先獲取到所有的checkbox對象,然後通過for迴圈去一個個點擊操作
六、判斷是否選中:is_selected()
1.有時候這個選項框,本身就是選中狀態,如果我再點擊一下,它就反選了,這可不是我期望的結果,那麼可不可以當它是沒選中的時候,我去點擊下;當它已經是選中狀態,我就不點擊呢?那麼問題來了:如何判斷選項框是選中狀態?
2.判斷元素是否選中這一步才是本文的核心內容,點擊選項框對於大家來說沒什麼難度。獲取元素是否為選中狀態,列印結果如下圖。
3.返回結果為bool類型,沒點擊時候返回False,點擊後返回True,接下來就很容易判斷了,既可以作為操作前的判斷,也可以作為測試結果的判斷
七、參考代碼:
# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("file:///C:/Users/Gloria/Desktop/checkbox.html")
# 沒點擊操作前,判斷選項框狀態
s = driver.find_element_by_id("boy").is_selected()
print s
driver.find_element_by_id("boy").click()
# 點擊後,判斷元素是否為選中狀態
r = driver.find_element_by_id("boy").is_selected()
print r
# 覆選框單選
driver.find_element_by_id("c1").click()
# 覆選框全選
checkboxs = driver.find_elements_by_xpath(".//*[@type='checkbox']")
for i in checkboxs:
i.click()
Selenium2+python自動化23-富文本(自動發帖)
富文本編輯框是做web自動化最常見的場景,有很多小伙伴遇到了不知道無從下手,本篇以博客園的編輯器為例,解決如何定位富文本,輸入文本內容
一、載入配置
1.打開博客園寫隨筆,首先需要登錄,這裡為了避免透露個人賬戶信息,我直接載入配置文件,免登錄了。
二、打開編輯界面
1.博客首頁地址:bolgurl = "http://www.cnblogs.com/"
2.我的博客園地址:yoyobolg = bolgurl + "yoyoketang"
3.接下來就是重點要講的富文本的編輯,這裡編輯框有個iframe,所以需要先切換
四.點擊“新隨筆”按鈕,id=blog_nav_newpost
三、iframe切換
1.打開編輯界面後先不要急著輸入內容,先sleep幾秒鐘
2.輸入標題,這裡直接通過id就可以定位到,沒什麼難點
3、輸入正文
1.這裡定位編輯正文是定位上圖的紅色框框位置body部分,也就是id=tinymce
2.定位到之後,直接send_keys()方法就可以輸入內容了
3.有些小伙伴可能輸入不成功,可以在輸入之前先按個table鍵,send_keys(Keys.TAB)
五、參考代碼:
# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
import time
profileDir = r'C:\Users\Gloria\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)
bolgurl = "http://www.cnblogs.com/"
yoyobolg = bolgurl + "yoyoketang"
driver.get(yoyobolg)
driver.find_element_by_id("blog_nav_newpost").click()
time.sleep(5)
edittile = u"Selenium2+python自動化23-富文本"
editbody = u"這裡是發帖的正文"
driver.find_element_by_id("Editor_Edit_txbTitle").send_keys(edittile)
driver.switch_to.frame("Editor_Edit_EditorBody_ifr")
driver.find_element_by_id("tinymce").send_keys(Keys.TAB)
driver.find_element_by_id("tinymce").send_keys(editbody)
Selenium2+python自動化24-js處理富文本(帶iframe)
一、參考代碼
# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
import time
# profileDir路徑對應直接電腦的配置路徑
profileDir = r'C:\xxx\xxx\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)
bolgurl = "http://www.cnblogs.com/"
yoyobolg = bolgurl + "yoyoketang"
driver.get(yoyobolg)
driver.find_element_by_id("blog_nav_newpost").click()
time.sleep(5)
edittile = u"Selenium2+python自動化23-富文本"
editbody = u"這裡是發帖的正文"
driver.find_element_by_id("Editor_Edit_txbTitle").send_keys(edittile)
body = "這裡是通過js發的正文內容"
# js處理iframe問題(js代碼太長了,我分成兩行了)
js = 'document.getElementById("Editor_Edit_EditorBody_ifr")' \
'.contentWindow.document.body.innerHTML="%s"' % body
driver.execute_script(js)
# 保存草稿
driver.find_element_by_id("Editor_Edit_lkbDraft").click()
Selenium2+python自動化25-js處理日曆控制項(修改readonly屬性)
基本思路:先用js去掉readonly屬性,然後直接輸入日期文本內容
三、用js去掉readonly屬性
1.用js去掉元素屬性基本思路:先定位到元素,然後用removeAttribute("readonly")方法刪除屬性。
2.出發日元素id為:train_date,對應js代碼為:'document.getElementById("train_date").removeAttribute("readonly");'
四、輸入日期
1.輸入日期前,一定要先清空文本,要不然無法輸入成功的。
2.這裡輸入日期後,會自動彈出日曆控制項,隨便點下其它位置就好了,接下來會用js方法傳入日期,就不會彈啦!
五、js方法輸入日期
1.這裡也可以用js方法輸入日期,其實很簡單,直接改掉輸入框元素的value值就可以啦
六、參考代碼如下:
# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("https://kyfw.12306.cn/otn/index/init")
# 去掉元素的readonly屬性
js = 'document.getElementById("train_date").removeAttribute("readonly");'
driver.execute_script(js)
# 用js方法輸入日期
js_value = 'document.getElementById("train_date").value="2016-12-25"'
driver.execute_script(js_value)
# # 清空文本後輸入值
# driver.find_element_by_id("train_date").clear()
# driver.find_element_by_id("train_date").send_keys("2016-12-25")
Selenium2+python自動化26-js處理內嵌div滾動條
# 無關緊要
https://www.cnblogs.com/yoyoketang/p/6188582.html
Selenium2+python自動化27-查看selenium API
# 無關緊要
https://www.cnblogs.com/yoyoketang/p/6189740.html
Selenium2+python自動化28-table定位
# 無關緊要
https://www.cnblogs.com/yoyoketang/p/6287962.html
Selenium2+python自動化29-js處理多視窗
在打開頁面上鏈接的時候,經常會彈出另外一個視窗(多視窗情況前面這篇有講解:Selenium2+python自動化13-多視窗、句柄(handle)),這樣在多個視窗之間來回切換比較複雜,那麼有沒有辦法讓新打開的鏈接在一個視窗打開呢?
要解決這個問題,得從html源碼上找到原因,然後修改元素屬性才能解決。很顯然js在這方面是萬能的,於是本篇得依靠萬能的js大哥了。
二、查看元素屬性:target="_blank"
1.查看元素屬性,會發現這些鏈接有個共同屬性:target="_blank"
三、去掉target="_blank"屬性
1.因為此鏈接元素target="_blank",所以打開鏈接的時候會重新打開一個標簽頁,那麼解決這個問題,去掉該屬性就可以了。
2.為了驗證這個問題,可以切換到html編輯界面,手動去掉“_blank”屬性
3.刪除“_blank”屬性後,重新打開鏈接,這時候會發現打開的新鏈接會在原標簽頁打開。
四、js去掉target="_blank"屬性
1.第一步為了先登錄,我這裡載入配置文件免登錄了
2.這裡用到js的定位方法,定位該元素的class屬性
3.定位到該元素後直接修改target屬性值為空
五、參考代碼
# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
import time
# 載入配置文件免登錄
profileDir = r'C:\Users\Gloria\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)
driver.get("https://www.baidu.com/")
# 修改元素的target屬性
js = 'document.getElementsByClassName("mnav")[0].target="";'
driver.execute_script(js)
driver.find_element_by_link_text("糯米").click()
# 註意:並不是所有的鏈接都適用於本方法,本篇只適用於有這個target="_blank"屬性鏈接情況
Selenium2+python自動化-視窗多標簽處理方法總結(轉載)
https://www.cnblogs.com/yoyoketang/articles/6435919.html
Selenium2+python自動化-gird分散式(轉載)
https://www.cnblogs.com/yoyoketang/articles/6435952.html
Selenium2+Python自動化-處理瀏覽器彈窗(轉載)
https://www.cnblogs.com/yoyoketang/p/6486760.html
-----------待更新----------------------