Selenium系列知識點整理--個人總結(jié)

Selenium系列知識點整理

-----http://www.rzrgm.cn/yoyoketang/

-----本文摘錄于‘上海-悠悠’的博客，網(wǎng)址如上

新手學(xué)習(xí)selenium路線圖（老司機親手繪制)-學(xué)前篇

學(xué)習(xí)selenium主要分六個階段，自己在哪個層級，可以對號入座下。
第一階段：幼兒園
1.選語言：在學(xué)習(xí)自動化前，先要選一門語言學(xué)習(xí)，而不是選什么工具，學(xué)習(xí)selenium，目前最流行的是java和python，至于選哪個，看自己的愛好了，這里就不說哪個語言好（php才是最好的語言）。小編是半路出家，沒什么語言基礎(chǔ)，所以選的python作為自動化入門的腳本語言。
2.python：選好語言之后，接下來就是學(xué)習(xí)基礎(chǔ)的語法了，目前市面上python腳本分為2個：python2和python3,區(qū)別到不是很大，新手的話建議python2吧，有一定解決問題能力的小伙伴可以直接入手python3
3.python基礎(chǔ)：選好python版本后，接下來就是python的基礎(chǔ)學(xué)習(xí)了，python的基礎(chǔ)教程目前網(wǎng)上有非常成熟的學(xué)習(xí)教程了，適合新手的教程小編推薦2個:第一個是廖雪峰的，這個可以說是國內(nèi)比較成熟的，并且適合小白入門的課程了http://www.liaoxuefeng.com /；另外一個網(wǎng)站是python菜鳥教程http://www.runoob.com/python/python-tutorial.html?；A(chǔ)的東西主要包括：print、變量、數(shù)據(jù)類型、for、if、while這些，這些基本的了解了，差不多就可以上手了。
4.selenium:接下來就是學(xué)習(xí)selenium了，selenium目前有三個版：selenium1也就是selenium RC這個已經(jīng)很古老了，不用浪費時間去研究了；然后是selenium2，這個是目前最流行的了；最近出的selenium3，其實selenium2區(qū) 別不大，主要是啟動firefox會遇到兩個坑，剛?cè)胧值男“坠烙嫴鹊娇永锞团啦黄饋砹?。試下一下，好不容易環(huán)境搭建好了，結(jié)果啟動firefox報錯，簡直就是當(dāng)面一盆子冷水潑過來。好不容易解決完前面的一個坑，然后又有第二坑。所以小白入手selenium推薦selenium2
第二階段：小學(xué)
5.selenium API：很多小伙伴學(xué)習(xí)自動化喜歡先用錄制的工具，學(xué)自動化錄制是最不靠譜的，舉個簡單例子：如果一個元素的id是動態(tài)的，你這次錄制好了，回放時候，元素id已經(jīng)變了，這時候不管你怎么回放都是不成功的。所以錄制這玩意，了解下原理就可以了，不用花時間去研究。學(xué)習(xí)selenium，我們直接去看api文檔就行。
6.元素定位：selenium提供了八種元素定位：id、name、class、tag、link、patail_link、xpath、css.對于元素定位不太懂的這個時候需要用到firepath和firebug來輔助定位，這時候就需要補充下html的知識了，對html越熟悉，你定位元素越快。先是通過簡單的元素屬性定位，后來你發(fā)現(xiàn)有些元素的屬性沒有，或者很多重復(fù)，被我們的開發(fā)同學(xué)不規(guī)范的代碼坑的不要不要的，這時候就得學(xué)xpath了
7.xpath：xpath定位基本上可以解決80%的元素定位問題，但也不是萬能的，很多小伙伴剛接觸時候，簡直就是當(dāng)成寶。xpath可以看成定位界的寶刀屠龍，雖然威力大，但是比較笨重，定位元素慢，語法很長，還不穩(wěn)定，也是被坑的不要不要的，這時候有必要去學(xué)習(xí)下css了
第三階段：中學(xué)
8.css:css定位速度快，穩(wěn)準(zhǔn)狠，定位界的倚天劍，輕巧，語法簡潔。但也不是萬能的，有些模糊匹配的地方，還是得靠xpath大哥來搞定
9.操作元素：定位好元素之后接下來就是操作元素了，主要有困難的是鼠標(biāo)事件和鍵盤事件
10.判斷元素:操作完后，就是獲取返回結(jié)果了，或者是判斷元素是不是期望結(jié)果
11.unittest:前面都是簡單的操作，無法生產(chǎn)測試用例，是時候找個測試框架幫我們運行用例了，于是就依靠unittest
12.測試報告：用例執(zhí)行完之后，總得有個測報告吧，這時候需要用到html的測試報告
第四階段：高中
14.函數(shù)：前面簡單的用例搭建好之后，寫用例時候，發(fā)現(xiàn)每次重復(fù)操作更記流水賬一樣，這個時候就要學(xué)習(xí)函數(shù)了，把
15.類和方法：當(dāng)函數(shù)寫多了后，發(fā)現(xiàn)不少很方便，能不能把常用的操作寫到一塊，需要哪個直接調(diào)用呢，這時候就得學(xué)習(xí)類和方法了
16.參數(shù)化：用例優(yōu)化的差不多時候，發(fā)現(xiàn)測試數(shù)據(jù)想改下，找起來好麻煩，于是想到把測試數(shù)據(jù)分離出來，用到參數(shù)化
17.數(shù)據(jù)驅(qū)動：參數(shù)化后，緊接著就是數(shù)據(jù)驅(qū)動啦，用例寫好后，僅需維護(hù)測試數(shù)據(jù)就可以了
第五階段：大學(xué)
18.封裝：常用的方法已經(jīng)非常熟練了，這時候需要封裝了
19.jenkins:當(dāng)用例寫的差不多后，最后肯定是希望能一鍵執(zhí)行，這時候，需要用到j(luò)enkins來做持續(xù)集成
20.代碼倉庫：多人一起做自動化項目時候，這時候需要代碼同步，于是會遇到svn、git工具
第六階段：研究生
21.js:前面selenium東西學(xué)完之后，發(fā)現(xiàn)很多場景是selenium無法完成的，比如瀏覽器的滾動條，這時候需要學(xué)js啦。。。
22.學(xué)無止境：接下來要看個人的研究方向了，學(xué)無止境。。。
那么問題來了：這么多東西，如何下手呢？

首先給自己定個小目標(biāo)，先關(guān)注個微信公眾號：yoyoketang
然后關(guān)注個一個神奇的博客：http://www.rzrgm.cn/yoyoketang/

Selenium2+python自動化1-環(huán)境搭建

http://www.rzrgm.cn/yoyoketang/p/selenium.html

Selenium2+python自動化2-pip降級selenium3.0

http://www.rzrgm.cn/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使用異常

http://www.rzrgm.cn/yoyoketang/p/6111644.html

Selenium2+python自動化4-Pycharm使用

http://www.rzrgm.cn/yoyoketang/p/6115825.html

Selenium2+python自動化5-操作瀏覽器基本方法

對瀏覽器做一些常規(guī)的操作，如打開、前進(jìn)、后退、刷新、設(shè)置窗口大小、截屏、退出等操作。
一、打開網(wǎng)站
1.第一步：從selenium里面導(dǎo)入webdriver模塊
2.打開Firefox瀏覽器（Ie和Chrome對應(yīng)下面的）
3.打開百度網(wǎng)址
>>driver.get('https://www.abidu.com')

二、設(shè)置休眠
1.由于打開百度網(wǎng)址后，頁面加載需要幾秒鐘，所以最好等到頁面加載完成后再繼續(xù)下一步操作
2.導(dǎo)入time模塊，time模塊是Python自帶的，所以無需下載
3.設(shè)置等待時間，單位是秒（s）,時間值可以是小數(shù)也可以是整數(shù)
>>time.sleep( 3 ) #以秒為單位

三、頁面刷新
1.有時候頁面操作后，數(shù)據(jù)可能沒及時同步，需要重新刷新
2.這里可以模擬刷新頁面操作，相當(dāng)于瀏覽器輸入框后面的刷新按鈕
>>driver.refresh()

四、前進(jìn)和后退
1.當(dāng)在一個瀏覽器打開兩個頁面后，想返回上一頁面，相當(dāng)于瀏覽器左上角的左箭頭按鈕
2.返回到上一頁面后，也可以切換到下一頁，相當(dāng)于瀏覽器左上角的右箭頭按鈕
>>driver.back() #后退
>>driver.forward() #前進(jìn)

五、設(shè)置窗口大小
1.可以設(shè)置瀏覽器窗口大小，如設(shè)置窗口大小為手機分辨率540*960
2.也可以最大化窗口
>>driver.set_window_size(540,960) #設(shè)置窗口大小為540*960
>>driver.maximize_window() #將瀏覽器窗口最大化

六、截屏
1.打開網(wǎng)站之后，也可以對屏幕截屏
2.截屏后設(shè)置制定的保存路徑+文件名稱+后綴
>>driver.get_screenshot_as_file("D:\\test\\bbb.jpg")

七、退出
1.退出有兩種方式，一種是close;另外一種是quit
2.close用于關(guān)閉當(dāng)前窗口，當(dāng)打開的窗口較多時，就可以用close關(guān)閉部分窗口
3.quit用于結(jié)束進(jìn)程，關(guān)閉所有的窗口
4.最后結(jié)束測試，要用quit。quit可以回收c盤的臨時文件
>>driver.close() #關(guān)閉當(dāng)前窗口
>>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（標(biāo)簽）定位：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定位

http://www.rzrgm.cn/yoyoketang/p/6123938.html

Selenium2+python自動化8-SeleniumBuilder輔助定位元素

http://www.rzrgm.cn/yoyoketang/p/6128548.html

Selenium2+python自動化9-CSS定位語法

http://www.rzrgm.cn/yoyoketang/p/6128580.html

Selenium2+python自動化10-登錄案例

http://www.rzrgm.cn/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)
# 點右上角設(shè)置
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()
# 調(diào)用登錄
login(driver, "youruser", "yourpsw")
print("hello yoyo!")
# 調(diào)用退出
logout(driver)

Selenium2+python自動化11-定位一組元素find_elements

有時候一個頁面上有多個對象需要操作，如果一個個去定位的話，比較繁瑣，這時候就可以定位一組對象。
webdriver 提供了定位一組元素的方法，跟前面八種定位方式其實一樣，只是前面是單數(shù)，這里是復(fù)數(shù)形式：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")
# 設(shè)置隨機值
t = random.randint(0, 9)
# 隨機取一個結(jié)果點擊鼠標(biāo)
a = s[t].get_attribute("href")
print a
driver.get(a)

Selenium2+python自動化12-操作元素（鍵盤和鼠標(biāo)事件）

本篇總結(jié)了web頁面常用的一些操作元素方法，可以統(tǒng)稱為行為事件
有些web界面的選項菜單需要鼠標(biāo)懸停在某個元素上才能顯示出來（如百度頁面的設(shè)置按鈕）。
一、簡單操作
1.點擊（鼠標(biāo)左鍵）頁面按鈕：click()
2.清空輸入框：clear()
3.輸入字符串：send_keys()

二、submit提交表單
1.submit()一般用于模擬回車鍵
>>driver.find_element_by_id("kw").submit()

三、鍵盤操作
1.selenium提供了一整套的模擬鍵盤操作事件，前面submit()方法如果不行的話，可以試試模擬鍵盤事件
2.模擬鍵盤的操作需要先導(dǎo)入鍵盤模塊：from selenium.webdriver.common.keys import Keys
3.模擬enter鍵，可以用send_keys(Keys.ENTER)
4.其它常見的鍵盤操作：
鍵盤F1到F12：send_keys(Keys.F1) 把F1改成對應(yīng)的快捷鍵
復(fù)制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)

四、鼠標(biāo)懸停事件
1.鼠標(biāo)不僅僅可以點擊(click),鼠標(biāo)還有其它的操作，如：鼠標(biāo)懸停在某個元素上，鼠標(biāo)右擊，鼠標(biāo)按住某個按鈕拖到
2.鼠標(biāo)事件需要先導(dǎo)入模塊：from selenium.webdriver.common.action_chains import ActionChains
perform() 執(zhí)行所有ActionChains中的行為

move_to_element() 鼠標(biāo)懸停

3.這里以百度頁面設(shè)置按鈕為例

#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)
# 鼠標(biāo)懸停在搜索設(shè)置按鈕上
mouse = driver.find_element_by_link_text("設(shè)置")
ActionChains(driver).move_to_element(mouse).perform()

4.除了常用的鼠標(biāo)懸停事件外，還有
右擊鼠標(biāo)：context_click()
雙擊鼠標(biāo)：double_click()

Selenium2+python自動化13-多窗口、句柄（handle）

二、獲取當(dāng)前窗口句柄
1.獲取當(dāng)前頁面的句柄：h = driver.current_window_handle

三、獲取所有句柄
1.獲取當(dāng)前所有的句柄：all_h = driver.window_handles

四、切換句柄
方法一：
1.循環(huán)判斷是否與首頁句柄相等
2.如果不等，說明是新頁面的句柄
3.獲取的新頁面句柄后，可以切換到新打開的頁面上
4.打印新頁面的title,看是否切換成功
方法二：
1.直接獲取all_h這個list數(shù)據(jù)里面第二個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

五、關(guān)閉新窗口，切回主頁
1.打開新頁面后，其實只想驗證新頁面跳轉(zhuǎn)對不對，這里可以做個簡單的驗證，獲取當(dāng)前頁面的title驗證
2.驗證完后切關(guān)閉新窗口
3.切回句柄到首頁
4.打印當(dāng)前頁面的句柄，看是否切換到首頁了

# 方法二：獲取list里面第二個直接切換
driver.switch_to.window(all_h[1])
print driver.title
#關(guān)閉新窗口
driver.close()
#切換到首頁句柄
driver.switch_to.window(h)
#打印當(dāng)前的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
# 關(guān)閉新窗口
driver.close()
# 切換到首頁句柄
driver.switch_to.window(h)
# 打印當(dāng)前的title
print driver.title

Selenium2+python自動化14-iframe

以http://mail.163.com/登錄頁面10為案例，詳細(xì)介紹switch_to_frame使用方法.
一、frame和iframe區(qū)別

Frame與Iframe兩者可以實現(xiàn)的功能基本相同，不過Iframe比Frame具有更多的靈活性。 frame是整個頁面的框架，iframe是內(nèi)嵌的網(wǎng)頁元素，也可以說是內(nèi)嵌的框架

Iframe標(biāo)記又叫浮動幀標(biāo)記，可以用它將一個HTML文檔嵌入在一個HTML中顯示。它和Frame標(biāo)記的最大區(qū)別是在網(wǎng)頁中嵌入的<Iframe></Iframe>所包
含的內(nèi)容與整個頁面是一個整體，而<Frame>< /Frame>所包含的內(nèi)容是一個獨立的個體，是可以獨立顯示的。另外，應(yīng)用Iframe還可以在同一個頁面中
多次顯示同一內(nèi)容，而不必重復(fù)這段內(nèi) 容的代碼。

三、切換iframe
1.由于登錄按鈕是在iframe上，所以第一步需要把定位器切換到iframe上
2.用switch_to.frame方法切換，此處有id屬性，可以直接用id定位切換
>>driver.switch_to.frame('此處填寫對應(yīng)的id值即可') #driver.switch_to_frame('與前面代碼同樣效果')

四、如果iframe沒有id怎么辦？
1.這里iframe的切換是默認(rèn)支持id和name的方法的，當(dāng)然實際情況中會遇到
沒有id屬性和name屬性為空的情況，這時候就需要先定位iframe
2.定位元素還是之前的八種方法同樣適用，這里我可以通過tag先定位到，也能達(dá)到同樣效果
>>iframe = driver.find_element_by_tag_name("iframe")
>>driver.switch_to.frame( iframe )

五、釋放iframe
1.當(dāng)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("http://option[@value='50']").click()

4.還有另外一種寫法也是可以的，把最下面兩步合并成為一步：
driver.find_element_by_id("nr").find_element_by_xpath("http://option[@value='50']").click()

三、直接定位
1.寫xpath定位或者css,一次性直接定位到option上的內(nèi)容。（不會自己手寫的，回頭看前面的元素定位內(nèi)容）

四、Select模塊(index)
1.除了上面介紹的兩種簡單的方法定位到select選項，selenium還提供了更高級的玩法，導(dǎo)入Select模塊。直接根據(jù)屬性或索引定位。
2.先要導(dǎo)入select方法：
from selenium.webdriver.support.select import Select
3.然后通過select選項的索引來定位選擇對應(yīng)選項（從0開始計數(shù)），如選擇第三個選項:select_by_index(2)

五、Select模塊(value)
1.Select模塊里面除了index的方法，還有一個方法，通過選項的value值來定位。每個選項，都有對應(yīng)的value值，如
<select id="nr" name="NR">
<option selected="" value="10">每頁顯示10條</option>
<option value="20">每頁顯示20條</option>
<option value="50">每頁顯示50條</option>
2.第二個選項對應(yīng)的value值就是"20"：select_by_value("20")

六、Select模塊(text)
1.Select模塊里面還有一個更加高級的功能，可以直接通過選項的文本內(nèi)容來定位。
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() ：取消對應(yīng)index選項
deselect_by_value() ：取消對應(yīng)value選項
deselect_by_visible_text() ：取消對應(yīng)文本選項
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)
# 鼠標(biāo)移動到“設(shè)置”按鈕
mouse = driver.find_element_by_link_text("設(shè)置")
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text("搜索設(shè)置").click()

# # 分兩步：先定位下拉框，再點擊選項
# s = driver.find_element_by_id("nr")
# s.find_element_by_xpath("http://option[@value='50']").click()

# # 另外一種寫法
# driver.find_element_by_id("nr").find_element_by_xpath("http://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.在操作百度設(shè)置里面，點擊“保存設(shè)置”按鈕時，alert彈出框沒有彈出來。（Ie瀏覽器是可以的）
2.分析原因：經(jīng)過慢慢調(diào)試后發(fā)現(xiàn)，在點擊"保存設(shè)置"按鈕時，由于前面的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() ：點擊"確認(rèn)"
dismiss() ：點擊"取消"或者叉掉對話框
send_keys() ：輸入文本值 --僅限于prompt,在alert和confirm上沒有輸入框

一、認(rèn)識alert\confirm\prompt
1.先認(rèn)清楚長什么樣子，以后遇到了就知道如何操作了。
2.html源碼如下（有興趣的可以copy出來，復(fù)制到txt文本里，后綴改成html就可以了，然后用瀏覽器打開）

<html>
<head>
<title>Alert</title>
</head>
<body>
<input id = "alert" value = "alert" type = "button" onclick = "alert('您關(guān)注了yoyoketang嗎？');"/>
<input id = "confirm" value = "confirm" type = "button" onclick = "confirm('確定關(guān)注微信公眾號：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()點擊確認(rèn)按鈕
4.dismiss()相當(dāng)于點右上角x，取消彈出框

三、confirm操作
1.先用switch_to_alert()方法切換到alert彈出框上
2.可以用text方法獲取彈出的文本信息
3.accept()點擊確認(rèn)按鈕
4.dismiss()相當(dāng)于點取消按鈕或點右上角x，取消彈出框

四、prompt操作
1.先用switch_to_alert()方法切換到alert彈出框上
2.可以用text方法獲取彈出的文本信息
3.accept()點擊確認(rèn)按鈕
4.dismiss()相當(dāng)于點右上角x，取消彈出框
5.send_keys()這里多個輸入框，可以用send_keys()方法輸入文本內(nèi)容

#coding:utf-8
from selenium import webdriver
import time
# （url的路徑，直接復(fù)制瀏覽器打開的路徑）
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()
#打印警告框文本內(nèi)容
print t.text
t.send_keys('hello!!!')
#點警告框確認(rèn)按鈕
# t.accept()
# t.dismiss() #相當(dāng)于點 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)

# 鼠標(biāo)移動到“設(shè)置”按鈕
mouse = driver.find_element_by_link_text("設(shè)置")
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text("搜索設(shè)置").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("保存設(shè)置").click()
time.sleep(5)

# 獲取alert彈框
t = driver.switch_to_alert()
print t.text
t.accept()

Selenium2+python自動化17-JS處理滾動條

selenium提供了一個操作js的方法:
execute_script()，可以直接執(zhí)行js的腳本。

一、JavaScript簡介
對js不太熟悉的，可以網(wǎng)上找下教程，簡單了解些即可。
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 的值，來定位右側(cè)滾動條的位置，0是最上面，10000是最底部。
(版權(quán)所有，微信公眾號:yoyoketang)

三、橫向滾動條
1.有時候瀏覽器頁面需要左右滾動（一般屏幕最大化后，左右滾動的情況已經(jīng)很少見了）。
2.通過左邊控制橫向和縱向滾動條scrollTo(x, y）
js = "window.scrollTo(100,400);"
driver.execute_script(js)
3.第一個參數(shù)x是橫向距離，第二個參數(shù)y是縱向距離

四、Chrome瀏覽器

1.以上方法在Firefox上是可以的，但是用Chrome瀏覽器，發(fā)現(xiàn)不管用。
谷歌瀏覽器就是這么任性，不聽話，于是用以下方法解決谷歌瀏覽器滾動條的問題。
2.Chrome瀏覽器解決辦法：

js = "var q=document.body.scrollTop=0"
driver.execute_script(js)

五、元素聚焦
1.雖然用上面的方法可以解決拖動滾動條的位置問題，但是有時候無法確定我需要操作的元素
在什么位置，有可能每次打開的頁面不一樣，元素所在的位置也不一樣，怎么辦呢？
2.這個時候我們可以先讓頁面直接跳到元素出現(xiàn)的位置，然后就可以操作了。同樣需要借助JS去實現(xiàn)。
3.元素聚焦：

target = driver.find_element_by_xxxx()
driver.execute_script("arguments[0].scrollIntoView();", target)

六、獲取瀏覽器名稱:driver.name
1.為了解決不同瀏覽器操作方法不一樣的問題，可以寫個函數(shù)去做兼容。
2.先用driver.name獲取瀏覽器名稱，然后用if語句做個判斷

八、scrollTo函數(shù)
樓下有個小伙伴說這個scrollTo函數(shù)不存在兼容性問題，小編借花獻(xiàn)佛了。
--scrollHeight 獲取對象的滾動高度。
--scrollLeft 設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離。
--scrollTop 設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離。
--scrollWidth 獲取對象的滾動寬度。

scrollTo函數(shù)不存在兼容性問題，直接用這個函數(shù)就可以了

#滾動到底部
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，如果沒有路徑，默認(rèn)為None，啟動的是一個新的，有的話就加載指定的路徑。

三、profile_directory
1.問題來了：Firefox的配置文件地址如何找到呢？
2.打開Firefox點右上角設(shè)置>？（幫助）>故障排除信息>顯示文件夾
3.打開后把路徑復(fù)制下來就可以了：
C:\Users\xxx\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default

四、啟動配置文件
1.由于文件路徑存在字符：\ ，反斜杠在代碼里是轉(zhuǎn)義字符，這個有點代碼基礎(chǔ)的應(yīng)該都知道。
2.遇到轉(zhuǎn)義字符，為了不讓轉(zhuǎn)義，有兩種處理方式：
第一種：\ (前面再加一個反斜杠)
第二種: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-單選框和復(fù)選框（radiobox、checkbox）

二、radio和checkbox源碼
1.上圖的html源碼如下，把下面這段復(fù)雜下來，寫到文本里，后綴改成.html就可以了。

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>單選和復(fù)選</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>微信公眾號：從零開始學(xué)自動化測試</h4>
<form>

<input id="c1" type="checkbox">selenium<br>

<input id="c2" type="checkbox">python<br>

<input id="c3" type="checkbox">appium<br>



</body>
</html>

三、單選：radio
1.首先是定位選擇框的位置
2.定位id，點擊圖標(biāo)就可以了，代碼如下
（獲取url地址方法：把上面源碼粘貼到文本保存為.html后綴后用瀏覽器打開，在瀏覽器url地址欄復(fù)制出地址就可以了）
3.先點擊boy后，等十秒再點擊girl，觀察頁面變化
四、復(fù)選框：checkbox
1.勾選單個框，比如勾選selenium這個，可以根據(jù)它的id=c1直接定位到點擊就可以了
五、全部勾選：
1.全部勾選，可以用到定位一組元素，從上面源碼可以看出，復(fù)選框的type=checkbox,這里可以用xpath語法：.//*[@type='checkbox']
2.這里注意，敲黑板做筆記了：find_elements是不能直接點擊的，它是復(fù)數(shù)的，所以只能先獲取到所有的checkbox對象，然后通過for循環(huán)去一個個點擊操作
六、判斷是否選中：is_selected()
1.有時候這個選項框，本身就是選中狀態(tài)，如果我再點擊一下，它就反選了，這可不是我期望的結(jié)果，那么可不可以當(dāng)它是沒選中的時候，我去點擊下；當(dāng)它已經(jīng)是選中狀態(tài)，我就不點擊呢？那么問題來了：如何判斷選項框是選中狀態(tài)？
2.判斷元素是否選中這一步才是本文的核心內(nèi)容，點擊選項框?qū)τ诖蠹襾碚f沒什么難度。獲取元素是否為選中狀態(tài)，打印結(jié)果如下圖。
3.返回結(jié)果為bool類型，沒點擊時候返回False,點擊后返回True，接下來就很容易判斷了，既可以作為操作前的判斷，也可以作為測試結(jié)果的判斷

七、參考代碼：
# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("file:///C:/Users/Gloria/Desktop/checkbox.html")
# 沒點擊操作前，判斷選項框狀態(tài)
s = driver.find_element_by_id("boy").is_selected()
print s
driver.find_element_by_id("boy").click()
# 點擊后，判斷元素是否為選中狀態(tài)
r = driver.find_element_by_id("boy").is_selected()
print r

# 復(fù)選框單選
driver.find_element_by_id("c1").click()
# 復(fù)選框全選
checkboxs = driver.find_elements_by_xpath(".//*[@type='checkbox']")
for i in checkboxs:
i.click()

Selenium2+python自動化23-富文本（自動發(fā)帖）

富文本編輯框是做web自動化最常見的場景，有很多小伙伴遇到了不知道無從下手，本篇以博客園的編輯器為例，解決如何定位富文本，輸入文本內(nèi)容

一、加載配置
1.打開博客園寫隨筆，首先需要登錄，這里為了避免透露個人賬戶信息，我直接加載配置文件，免登錄了。
二、打開編輯界面
1.博客首頁地址：bolgurl = "http://www.rzrgm.cn/"
2.我的博客園地址：yoyobolg = bolgurl + "yoyoketang"
3.接下來就是重點要講的富文本的編輯，這里編輯框有個iframe，所以需要先切換
四.點擊“新隨筆”按鈕，id=blog_nav_newpost
三、iframe切換
1.打開編輯界面后先不要急著輸入內(nèi)容，先sleep幾秒鐘
2.輸入標(biāo)題，這里直接通過id就可以定位到，沒什么難點
3、輸入正文
1.這里定位編輯正文是定位上圖的紅色框框位置body部分，也就是id=tinymce
2.定位到之后，直接send_keys()方法就可以輸入內(nèi)容了
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.rzrgm.cn/"
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"這里是發(fā)帖的正文"
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路徑對應(yīng)直接電腦的配置路徑
profileDir = r'C:\xxx\xxx\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)

bolgurl = "http://www.rzrgm.cn/"
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"這里是發(fā)帖的正文"
driver.find_element_by_id("Editor_Edit_txbTitle").send_keys(edittile)

body = "這里是通過js發(fā)的正文內(nèi)容"

# 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屬性，然后直接輸入日期文本內(nèi)容
三、用js去掉readonly屬性
1.用js去掉元素屬性基本思路：先定位到元素，然后用removeAttribute("readonly")方法刪除屬性。
2.出發(fā)日元素id為：train_date，對應(yīng)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處理內(nèi)嵌div滾動條

# 無關(guān)緊要
http://www.rzrgm.cn/yoyoketang/p/6188582.html

Selenium2+python自動化27-查看selenium API

# 無關(guān)緊要
http://www.rzrgm.cn/yoyoketang/p/6189740.html

Selenium2+python自動化28-table定位

# 無關(guān)緊要
http://www.rzrgm.cn/yoyoketang/p/6287962.html

Selenium2+python自動化29-js處理多窗口

在打開頁面上鏈接的時候，經(jīng)常會彈出另外一個窗口（多窗口情況前面這篇有講解：Selenium2+python自動化13-多窗口、句柄（handle）），這樣在多個窗口之間來回切換比較復(fù)雜，那么有沒有辦法讓新打開的鏈接在一個窗口打開呢？

要解決這個問題，得從html源碼上找到原因，然后修改元素屬性才能解決。很顯然js在這方面是萬能的，于是本篇得依靠萬能的js大哥了。

二、查看元素屬性：target="_blank"
1.查看元素屬性，會發(fā)現(xiàn)這些鏈接有個共同屬性：target="_blank"

三、去掉target="_blank"屬性
1.因為此鏈接元素target="_blank"，所以打開鏈接的時候會重新打開一個標(biāo)簽頁，那么解決這個問題，去掉該屬性就可以了。
2.為了驗證這個問題，可以切換到html編輯界面，手動去掉“_blank”屬性
3.刪除“_blank”屬性后，重新打開鏈接，這時候會發(fā)現(xiàn)打開的新鏈接會在原標(biāo)簽頁打開。

四、js去掉target="_blank"屬性
1.第一步為了先登錄，我這里加載配置文件免登錄了
2.這里用到j(luò)s的定位方法，定位該元素的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自動化33-文件上傳（send_keys）

Selenium2+python自動化34-獲取百度輸入聯(lián)想詞

Selenium2+python自動化35-獲取元素屬性

Selenium2+python自動化36-判斷元素存在

Selenium2+python自動化37-爬頁面源碼（page_source）

Selenium2+python自動化38-顯式等待（WebDriverWait）

Selenium2+python自動化39-關(guān)于面試的題

Selenium2+python自動化40-cookie相關(guān)操作

Selenium2+python自動化41-繞過驗證碼（add_cookie）

Selenium2+python自動化42-判斷元素（expected_conditions）

Selenium2+python自動化43-判斷title（title_is）

Selenium2+python自動化45-18種定位方法（find_elements）

Selenium2+python自動化44-元素定位參數(shù)化（find_element）

Selenium2+python自動化46-js解決click失效問題

Selenium2+python自動化47-判斷彈出框存在(alert_is_present)

Selenium2+python自動化48-登錄方法（參數(shù)化）

Selenium2+python自動化49-判斷文本（text_to_be_present_in_element）

selenium3+python自動化50-環(huán)境搭建（firefox）

Selenium2+python自動化51-unittest簡介

Selenium2+python自動化52-unittest執(zhí)行順序

Selenium2+python自動化53-unittest批量執(zhí)行（discover）

Selenium2+python自動化54-unittest生成測試報告（HTMLTestRunner）

Selenium2+python自動化55-unittest之裝飾器（@classmethod）

Selenium2+python自動化56-unittest之?dāng)嘌裕?/span>assert）

Selenium2+python自動化57-捕獲異常（NoSuchElementException）

Selenium2+python自動化58-讀取Excel數(shù)據(jù)（xlrd）

Selenium2+python自動化59-數(shù)據(jù)驅(qū)動（ddt）

Selenium2+python自動化60-異常后截圖（screenshot）

Selenium2+python自動化61-Chrome您使用的是不受支持的命令行標(biāo)記：--ignore-certificate-errors

Selenium2+python自動化62-jenkins持續(xù)集成環(huán)境搭建

Selenium2+python自動化63-簡易項目搭建

Selenium2+python自動化64-100（大結(jié)局）[已出書]

selenium+python在mac環(huán)境上的搭建

jenkins顯示html樣式問題的幾種解決方案總結(jié)

Pycharm上python和unittest兩種姿勢傻傻分不清楚

selenium+python自動化77-autoit文件上傳

selenium+python自動化79-文件下載（SendKeys）

selenium+python自動化81-html報告優(yōu)化（餅圖+失敗重跑+兼容python2&3）

selenium+python自動化82-只截某個元素的圖

selenium+python自動化83-pip安裝selenium報Read time out HTTPSConnectionPool(host='pypi.python.org' port443）

selenium+python自動化84-chrome手機wap模式（登錄淘寶頁面）

selenium+python自動化85-python3.6上SendKeys報錯用PyUserInput取代

selenium+python自動化86-Chrome正在受到自動軟件的控制

selenium+python自動化87-Chrome瀏覽器靜默模式啟動（headless）

selenium+python自動化89-用例不通過的時候發(fā)送郵件

selenium+python自動化90-unittest多線程執(zhí)行用例

selenium+python自動化91-unittest多線程生成報告（BeautifulReport）

selenium+python自動化92-多線程啟動多個不同瀏覽器

python+selenium+requests爬取我的博客粉絲的名稱

selenium+python自動化93-Chrome報錯：Python is likely shutting down

selenium+python自動化94-行為事件(ActionChains)源碼詳解

selenium+python自動化95-彈出框死活定位不到

selenium+python自動化96-執(zhí)行jquery報:$ is not defined

selenium+python自動化97--unittest參數(shù)化（paramunittest）

pycharm最新版新建工程沒導(dǎo)入本地包問題：module 'selenium.webdriver' has no attribute 'Firefox'

Selenium2+python自動化75-非input文件上傳（SendKeys）

selenium+python自動化98--文件下載彈窗處理(PyKeyboard)

selenium+python自動化78-autoit參數(shù)化與批量上傳

selenium+python自動化80-文件下載（不彈詢問框）

Selenium2+python自動化73-定位的坑:class屬性有空格

posted @ 2023-12-14 17:49 癡顛笑天閱讀(227) 評論(0) 收藏舉報

刷新頁面返回頂部

癡顛笑天