python+selenium自動化軟件測試

1.1 環境搭建

1.1.1 selenium簡介
Selenium 是用於測試 Web 應用程序用戶界面 (UI) 的常用框架。它是一款用於運行端到端功能測試的超強工具。您可以使用多個編程語言編寫測試，並且 Selenium 能夠在一個或多個瀏覽器中執行這些測試。
Selenium的發展經歷了三個階段，第一個階段，也就是selenium1的時代，在運行selenium1.0程序之前，我們得先啓動selenium server端(selenium remote control)，我們簡稱RC。RC主要包括三個部分：launcher，http proxy，selenium core。其中selenium core是被selenium server嵌入到瀏覽器頁面中的，selenium core內部是一堆javascript函數構成，通過調用這些函數來實現對瀏覽器的各種操作。
很顯然比較繁瑣，這並不是最佳自動化解決方案，於是後來有了webdriver。
selenium2 的時代合併了webdriver，也就是我們通常說的selenium，selenium2是默認支持Firefox瀏覽器的，這點非常方便。

當然也支持其他更多瀏覽器，Ie和chrome瀏覽器需要下載驅動包，並添加到環境變量下。

selenium3 是2016年10月份發佈的，並且現在默認安裝都是selenium3了，selenium3在selenium2的基礎上做了一些調整，最明顯的區別 就是 selenium2對Firefox的支持最高只支持46及以下版本。selenium3可以支持47以上版本，但是需要下載 geckodriver.exe驅動，並添加到環境變量path下。

接下來的內容以selenium2爲主。

************環境組合**************************
初學者最佳環境：python2.7+selenium2+Firefox46以下版本
喜歡嘗新的環境：python3.6+selenium3+Firefox47以上版本
*********************************************
小編的環境：
windows10 64位

python 2.7.12

selenium 2.53.6

firefox 44

 

1.1.2 python安裝
1.小編的電腦操作系統：win10 64位系統
2.下載Python安裝包，選擇2.7版本和3.6版本都可以
（下面的教程，兩個版本會一起講，所以不用擔心版本問題）
官網下載地址：https://www.python.org/

 

 3.Python安裝，雙擊傻瓜式安裝（別安裝在c盤，用英文路徑，不要有空格），安裝時候選中下方紅色框框，如果這一步成功，1.1.3環境變量這一步可以省略。

 

1.1.3 環境變量
1.安裝完成後，看下這個目錄D:\python\Scripts，有沒pip.exe和easy_install.exe（一般都有，沒有的話得卸載重新安裝一次了）

2.將D:\python和D:\python\Scripts（注意這兩個是複製自己電腦上的路徑），添加到環境變量path下。
D:\python;D:\python\Scripts;(注意帶上英文的分號)

 

 

1.1.4 安裝selenium
  1.打開cmd窗口輸入：pip
(如果出現其它提示請檢查上面幾步，確認無誤後出現Did not provide a command，看1.3解決pip異常這篇)

 

  2.cmd輸入指令安裝在線安裝selenium
>pip install selenium==2.53.6
(注意：首次裝一定要看到進度100%完成，如果中途失敗了，重新輸入指令安裝，直到看到100%完成爲止)

 

 

1.1.5 驗證selenium
 如何才能知道selenium正確安裝好了呢？
 1.確保電腦上安裝了Firefox瀏覽器46以下版本
 cmd窗口輸入如下指令
  >python
  >from selenium import webdriver
  >webdriver.Firefox()
 3.如果能啓動瀏覽器，說明環境安裝OK。

（啓動不成功，說明沒認真看文檔，卸載了重新來一次）
1.1.6 瀏覽器
  1.如果你打算用Firefox瀏覽器，那麼千萬別安裝47以上版本（selenium2不兼容47以上）
  2.如果你打算用Ie或Chrome瀏覽器，需要先下載瀏覽器驅動，將驅動文件放到python根目錄。

 

如果有的已經安裝過3.0的版本，啓動firefox時候會報錯，下一章講如何使用pip降級selenium版本
1.1.7 firefox歷史版本
firefox歷年版本的官方鏡像地址：
https://download-installer.cdn.mozilla.net/pub/firefox/releases/ 

1.2 pip降級selenium3.0

selenium版本安裝後啓動Firefox出現異常：'geckodriver' executable needs to be in PATH
selenium默默的升級到了3.0，然而網上的教程都是基於selenium2的，最近有不少小夥伴踩坑了，決定有必要出這一篇，幫助剛入門的小夥伴們解決好環境問題。
selenium+python環境搭配：
selenium2+firefox46以下版本（無需驅動包，firefox喜歡偷偷升級，你懂的）
selenium3+firefox46以上版本（必須下載驅動：geckodriver.exe，且添加到環境變量）
1.2.1 遇到問題
    1.安裝完selenium後，再cmd進入python環境
    2.從selenium導入webdriver

    3.啓動Firefox瀏覽器
>>python
>>from selenium import webdriver
>>webdriver.Firefox()
然後出現以下異常：'geckodriver' executable needs to be in PATH

 

1.2.2 解決方案
    1.'geckodriver' executable needs to be inPATH，這句話意思就是說，geckodriver.exe的驅動文件需要添加到環境變量下，

selenium2是默認支持firefox的，不需要驅動包，但是，selenium3需要驅動包的支持了，於是就有了上面的問題
   2.解決辦法一：繼續使用selenium3,去下載驅動包，然後加到環境變量下（不推薦此辦法，因爲解決完這個問題後，後面還會接着有其它問題）
   3.解決辦法二：selenium3降級到selenium2(接下來會介紹)
 
1.2.3 檢查pip環境
    1.打開cmd，輸入pip，檢查pip環境是否正常
>>pip

    2.如果輸入pip出現提示:Did not provide a command 說明pip環境有問題，臨時解決辦法，輸入pip時候加上後綴pip.exe就可以了，具體原因看下一篇解決辦法。
1.2.4 pip查看selenium版本號
    1.打開cmd，輸入pip show selenium
>>pip show selenium
   2.看紅色區域位置版本號顯示：2.53.0，顯示的就是當前使用的版本號

（如果你這裏顯示的是3.0開頭，就需要接下來步驟了）

 

 

1.2.5 pip降級selenium
    1.爲了避免與之前安裝的selenium版本衝突，先找到selenium3.0目錄：python\Lib\site-packages目錄
把裏面selenium開頭的文件全部刪除就可以了。python所有的第三方包都在這個目錄下面。

 

     2.打開cmd，輸入pip install selenium==2.53.6（注意是兩個==，中間不要留空格，這裏推薦2.53.6的版本）
>>pip install selenium==2.53.6

 

1.2.6 升級pip版本
    1.在使用pip過程中如果出現下方紅色區域字樣，就是說pip版本過低了，建議升級
    2.如何升級pip呢？看最後一句話：python -m pip install --upgrade pip

 

   3.把上面對應的提示照着敲一遍就可以了

 

1.3 解決pip使用異常問題

1.3.1 pip出現異常
有一小部分童鞋在打開cmd輸入pip後出現下面情況：Didnot provide a command

Did not provide a command?這是什麼鬼？

正常情況應該是醬紫

 

1.3.2 解決辦法
1.pip是一個.exe的可執行文件,在cmd輸入pip.exe就可以解決了。

 

2.所以在後面的安裝指令中都需要帶上後綴，那麼問題來了，爲什麼會出現這種情況，如何徹底解決？
1.3.3 配置環境變量
1.主要原因是環境變量的PATHEXT裏面缺少.EXE的文件名
2.在PATHEXT下編輯後面加上;.EXE(注意分號是英文的)

 

3.環境變量配置好了後，關掉cmd，重新打開輸入pip試試（要是這一步還不能解決，繼續往下看）
1.3.4 必殺技
1.找到pip所在的文件目錄打開

 

2.在文件夾地址欄輸入cmd，回車。

 然後在打開的窗口輸入pip（或pip.exe）試試吧

1.3.5 絕殺技能
打開cmd(快捷鍵：win+r)，cd到pip所在的目錄，如D:\test\python2\Scripts
>d:
>cd d:/test/python2/Scripts
>pip

 

 (要是看到這裏，還沒解決，你這臺電腦可以砸了！！！)

1.4 Chrome瀏覽器

前言
selenium2啓動Chrome瀏覽器是需要安裝驅動包的，但是不同的Chrome瀏覽器版本號，對應的驅動文件版本號又不一樣，如果版本號不匹配，是沒法啓動起來的。
 #############最佳環境搭配#####################
小編環境：selenium2.53.6+Chrome版本V49.0+chromedriverv2.22
（根據小編經驗selenium2搭配Chrome版本40-50比較好，版本太高了會各種奇葩問題的）
###########################################
1.4.1 Chrome遇到問題
1.如果在啓動chrome瀏覽器時候，出現如下界面，無法打開網址，那麼首先恭喜你，踩到了坑，接下來的內容或許對你有所幫助。

>># coding:utf-8
>>from selenium import webdriver
>>driver = webdriver.Chrome()
>>driver.get("http://www.cnblogs.com/yoyoketang/")

 

1.4.2 查看版本號

1.查看Chrome版本號，設置>關於，查出來版本號是49.0

 

2.查看chromedriver.exe版本號，雙擊這個文件就可以了，查出來版本號是V2.9

3.很顯然是chromedriver的版本號過低了，於是可以找個更高級的版本：V2.22
 
1.4.3 chromedriver
1.確保chromedriver.exe文件在path路徑下，這裏我放到Python的根目錄了（python根目錄已配置到path了）

 

2.確保驅動文件名稱是chromedriver.exe，如果名稱後面帶版本號的，改下文件名稱就行。
3.Chrome版本V49.0+chromedriverv2.22
 
1.4.4 各版本匹配表

chromedriver版本    支持的Chrome版本
v2.29                 v56-58
v2.28                 v55-57
v2.27                 v54-56
v2.26                 v53-55
v2.25                 v53-55
v2.24                 v52-53
v2.23                 v51-53
v2.22                 v49-52
v2.21                 v46-50
v2.20                 v43-48
v2.19                 v43-47

v2.18                 v43-46
v2.17                 v42-43
v2.13                 v42-45
v2.15                 v40-43
v2.14                 v39-42
v2.13                v38-41
v2.12                v36-40
v2.11                v36-40
v2.10                v33-36
v2.9                  v31-34
v2.8                  v30-33
v2.7                  v30-33

v2.6                  v29-32
v2.5                  v29-32
v2.4                  v29-32

Chrome瀏覽器的chromedriver版本驅動大全，下載地址：
http://chromedriver.storage.googleapis.com/index.html

IE瀏覽器的IEdriver版本驅動大全，下載地址：
http://selenium-release.storage.googleapis.com/index.html

 

 

1.5 pycharm使用

前言    
在寫腳本之前，先要找個順手的寫腳本工具。python是一門解釋性編程語言，所以一般把寫python的工具叫解釋器。寫python腳本的工具很多，小編這裏就不一一列舉的，只要自己用着順手就可以的，如果你還沒有選好解釋器，小編這裏推薦pycharm。
     在安裝pycharm後，有一些小夥伴不會破解，這裏小編還是推薦大家買正版的。當然，如果你不想付費，想破解pycharm，也是很容易的事情，這裏小編列舉幾種破解辦法。前提是你要先下載pycharm安裝包，安裝包可以去官網http://www.jetbrains.com/pycharm/下載最新版。
1.5.1 pycharm安裝
方法一：
    1.在註冊界面，選擇License serve。填入http://idea.lanyus.com/71 
    2.點擊ok

方法二：
    1.註冊界面選擇：Activationcoede
    2.打開網址：http://idea.lanyus.com/71，點擊「獲取註冊碼」按鈕
    3.複製彈出框的註冊碼
    4.copy到註冊界面Activationcoede位置

 

 

方法三：
    1.安裝pycharm在註冊界面先別動
    2.調整電腦系統時間到2036年(20年應該夠用了)。
    3.註冊界面選擇申請30天試用
    4.退出pycharm

    5.電腦時間調整回來。

方法四：
    1.安裝pycharm在註冊界面，選擇使用30天
    2.打開pycharm菜單裏Help>Register

    3.打開網址：http://idea.lanyus.com/71，點擊「獲取註冊碼」按鈕
    4.copy到註冊界面Activationcoede位置

 

接下來開始pycharm之旅吧~

1.5.2 新建工程

    1.在d盤新建一個test文件夾
    2.打開pycharm左上角File按鈕
    3.點NewProject新建一個工程

 

1.5.3 新建腳本
    1.在pycharm左側菜單樹右鍵，新建一個Directory(文件夾)。
    2.選擇對應文件夾，在文件夾中新建Python File(腳本文件)。
    3.腳本名稱自己命名，後綴.py會自動帶出

 

 1.5.4 開始編程
    1.雙擊打開需要編寫的腳本
    2.在右側編輯框輸入：print("hello world!")
    3.點腳本的title，右擊後選擇Run「test01」,運行結果如下

 

1.6 selenium3+firefox環境搭建

有不少小夥伴在安裝selenium環境後啓動firefox報錯，因爲現在selenium升級到3.0了，跟2.0的版本還有有一點區別的。
(備註：這裏不建議大家用selenium3，坑太多，如果selenium2實在用不了，那就看這篇吧)
安裝環境過程中主要會遇到三個坑：
1.'geckodriver' executable needs to be in PATH
2.Expected browser binary location, but unable to find binary in default location
3.Unsupported Marionette protocol version 2, required 3
環境準備：
--python3.6

--selenium3.0
--firefox50
 
一、安裝python
1.安裝python這個簡單，下載版本後傻瓜式安裝就行了。
2.安裝好之後，看下這個目錄D:\python\Scripts，有沒pip.exe和easy_install.exe（一般都有，沒有的話得重新安裝一次了）
3.將D:\python和D:\python\Scripts，添加到環境變量path下

 

二、檢查pip工具
1.打開cmd,輸入：pip,出現如下圖界面，說明pip環境OK.
>>pip

 

三、安裝selenium3.0
1.cmd輸入：pip install selenium
>>pip install selenium
2.首次安裝要看到100%完成，中途失敗就重新多輸入幾次安裝。

 

四、檢查selenium環境

1.在cmd輸入如下指令檢查環境
>>python
>>from selenium import webdriver
>>driver=webdriver.Firefox()
>>driver.get("https://www.baidu.com")
2.能看到瀏覽器正常啓動，說明環境OK，如果遇到異常就繼續看下面解決方案。

 

五、遇到第一個坑：'geckodriver' executable needs to be in PATH
1.如果啓動瀏覽器過程中報如下錯誤
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "D:\test\python3\lib\site-packages\selenium\webdriver\firefox\webdriver.py", line 145, in __init__
    self.service.start()
  File "D:\test\python3\lib\site-packages\selenium\webdriver\common\service.py", line 81, in start
    os.path.basename(self.path), self.start_error_message)
selenium.common.exceptions.WebDriverException: Message: 'geckodriver' executable needs to be in PATH.
2.這個是因爲最新的selenium3.0啓動firefox需要geckodriver.exe這個驅動文件。

3.下載之後，配置到環境變量path下（可以直接放python根目錄）
 
六、遇到第二坑：Expected browser binary location, but unable to find binary in default location
1.如果啓動瀏覽器過程中報如下錯誤：
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "D:\test\python3\lib\site-packages\selenium\webdriver\firefox\webdriver.py", line 155, in __init__
    keep_alive=True)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 92, in __init__
    self.start_session(desired_capabilities, browser_profile)

  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 179, in start_session
    response = self.execute(Command.NEW_SESSION, capabilities)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 238, in execute
    self.error_handler.check_response(response)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 193, in check_response
    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.WebDriverException: Message: Expected browser binary location, but unable to find binary in default location,
no 'moz:firefoxOptions.binary' capability provided, and no binary flag set on the command line.

2.這個是因爲firefox.exe這個文件也需要配置到環境變量path下。
3.這個路徑就是安裝完firefox後，找到firefox.exe這個文件的地址，加到path下。

 

七、遇到第三坑：Unsupported Marionette protocol version 2, required 3
1.如果啓動瀏覽器過程中出現如下錯誤
 Traceback (most recent call last):
  File "<stdin>", line 1, in <module>

  File "D:\test\python3\lib\site-packages\selenium\webdriver\firefox\webdriver.py", line 155, in __init__
    keep_alive=True)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 92, in __init__
    self.start_session(desired_capabilities, browser_profile)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 179, in start_session
    response = self.execute(Command.NEW_SESSION, capabilities)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 238, in execute
    self.error_handler.check_response(response)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 193, in check_response

    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.WebDriverException: Message: Unsupported Marionette protocol version 2, required 3
2.這個錯誤原因是firefox版本過低了，最新的selenium3.0版本支持firefox47以上的版本，升級版本就可以了

 

 總結：整個環境的配置是python3.6+selenium3.0+firefox47以上版本，當然python用2.7版本也是可以的。

2.1 操作元素基本方法

前言
前面已經把環境搭建好了，從這篇開始，正式學習selenium的webdriver框架。我們平常說的 selenium自動化，其實它並不是類似於QTP之類的有GUI界面的可視化工具，我們要學的是webdriver框架的API。
本篇主要講如何用Python調用webdriver框架的API，對瀏覽器做一些常規的操作，如打開、前進、後退、刷新、設置窗口大小、截屏、退出等操作。

2.1.1 打開網頁

1.從selenium裏面導入webdriver模塊
2.打開Firefox瀏覽器（Ie和Chrome對應下面的）
3.打開百度網址

2.1.2 設置休眠

1.由於打開百度網址後，頁面加載需要幾秒鐘，所以最好等到頁面加載完成後再繼續下一步操作
2.導入time模塊，time模塊是Python自帶的，所以無需下載
3.設置等待時間，單位是秒（s）,時間值可以是小數也可以是整數

2.1.3 頁面刷新

1.有時候頁面操作後，數據可能沒及時同步，需要重新刷新
2.這裏可以模擬刷新頁面操作，相當於瀏覽器輸入框後面的刷新按鈕

2.1.4 頁面切換

1.當在一個瀏覽器打開兩個頁面後，想返回上一頁面，相當於瀏覽器左上角的左箭頭按鈕。

2.返回到上一頁面後，也可以切換到下一頁，相當於瀏覽器左上角的右箭頭按鈕。

2.1.5 設置窗口大小

1.可以設置瀏覽器窗口大小，如設置窗口大小爲手機分辨率540*960
2.也可以最大化窗口

 2.1.6 截屏

1. 打開網站之後，也可以對屏幕截屏
2.截屏後設置指定的保存路徑+文件名稱+後綴

2.1.7 退出

1.退出有兩種方式，一種是close;另外一種是quit。
2.close用於關閉當前窗口，當打開的窗口較多時，就可以用close關閉部分窗口。
3.quit用於結束進程，關閉所有的窗口。
4.最後結束測試，要用quit。quit可以回收c盤的臨時文件。

掌握了瀏覽器的基本操作後，接下來就可以開始學習元素定位了，元素定位需要有一定的html基礎。沒有基礎的可以按下瀏覽器的F12快捷鍵先看下html的佈局，先了解一些就可以了。

2.1.8 加載瀏覽器配置

啓動瀏覽器後，發現右上角安裝的插件不見了，這是因爲webdriver啓動瀏覽器時候，是開的一個虛擬線程，跟手工點開是有區別的，selenium的一切操作都是模擬人工（不完全等於人工操作）。

加載Firefox配置

   有小夥伴在用腳本啓動瀏覽器時候發現原來下載的插件不見了，無法用firebug在打開的頁面上繼續定位頁面元素，調試起來不方便 。加載瀏覽器配置，需要用FirefoxProfile(profile_directory)這個類來加載，profile_directory既爲瀏覽器配置文件的路徑地址。

一、遇到問題
1.在使用腳本打開瀏覽器時候，發現右上角原來下載的插件firebug不見了，到底去哪了呢？
2.用腳本去打開瀏覽器時候，其實是重新打開了一個進程，跟手動打開瀏覽器不是一個進程。
所以沒主動加載插件，不過selenium裏面其實提供了對應的方法去打開，只是很少有人用到。

 

 

二、FirefoxProfile
1.要想了解selenium裏面API的用法，最好先看下相關的幫助文檔打開cmd窗口，
輸入如下信息：

->python
->from selenium import webdriver
->help(webdriver.FirefoxProfile)

Help on class FirefoxProfile in module
selenium.webdriver.firefox.firefox_profile:
class FirefoxProfile(builtin.object)
|  Methods defined here:

|
|  init(self, profile_directory=None)
|      Initialises a new instance of a Firefox Profile
|    
|      :args:
|       - profile_directory: Directory of profile that you want to use.
|         This defaults to None and will create a new
|         directory when object is created.

2.翻譯過來大概意思是說，這裏需要profile_directory這個配置文件路徑的參數
3.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)

 其實很簡單，在調用瀏覽器的前面，多加2行代碼而已，主要是要弄清楚原理。

 

2.2 常用8種元素定位（Firebug和firepath）

前言   
元素定位在firefox上可以安裝Firebug和firepath輔助工具進行元素定位。

2.2.1 環境準備

1.瀏覽器選擇：Firefox
2.安裝插件：Firebug和FirePath(設置》附加組件》搜索：輸入插件名稱》下載安裝後重啓瀏覽器)
3.安裝完成後，頁面右上角有個小爬蟲圖標
4.快速查看xpath插件：XPath Checker這個可下載，也可以不用下載
5.插件安裝完成後，點開附加組件》擴展，如下圖所示

 

2.2.2 查看頁面元素

以百度搜索框爲例，先打開百度網頁
1.點右上角爬蟲按鈕
2.點左下角箭頭
3.將箭頭移動到百度搜索輸入框上，輸入框高亮狀態
4.下方紅色區域就是單位到輸入框的屬性：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd">

2.2.3 find_element_by_id()

1.從上面定位到的元素屬性中，可以看到有個id屬性：id="kw"，這裏可以通過它的id屬性定位到這個元素。
2.定位到搜索框後，用send_keys()方法，輸入文本。

2.2.4 find_element_by_name() 

   1.從上面定位到的元素屬性中，可以看到有個name屬性：name="wd"，這裏可以通過它的name屬性單位到這個元素。
    說明：這裏運行後會報錯，說明這個搜索框的name屬性不是唯一的，無法通過name屬性直接定位到輸入框

2.2.5 find_element_by_class_name()

1.從上面定位到的元素屬性中，可以看到有個class屬性：class="s_ipt"，這裏可以通過它的class屬性定位到這個元素。

2.2.6 find_element_by_tag_name()

1.從上面定位到的元素屬性中，可以看到每個元素都有tag（標籤）屬性，如搜索框的標籤屬性，就是最前面的input。
2.很明顯，在一個頁面中，相同的標籤有很多，所以一般不用標籤來定位。以下例子，僅供參考和理解，運行肯定報錯。

 2.2.7 find_element_by_link_text()

1.定位百度頁面上"hao123"這個按鈕

 

查看頁面元素：

<a class="mnav" target="_blank" href="http://www.hao123.com">hao123</a>

2.從元素屬性可以分析出，有個href = "http://www.hao123.com

說明它是個超鏈接，對於這種元素，可以用以下方法：

 2.2.8 find_element_by_partial_link_text()

1.有時候一個超鏈接它的字符串可能比較長，如果輸入全稱的話，會顯示很長，這時候可以用一模糊匹配方式，截取其中一部分字符串就可以了

2.如「hao123」,只需輸入「ao123」也可以定位到

2.2.9 find_element_by_xpath()

1.以上定位方式都是通過元素的某個屬性來定位的，如果一個元素它既沒有id、name、class屬性也不是超鏈接，這麼辦呢？或者說它的屬性很多重複的。這個時候就可以用xpath解決。
2.xpath是一種路徑語言，跟上面的定位原理不太一樣，首先第一步要先學會用工具查看一個元素的xpath。

 

 3.按照上圖的步驟，在FirePath插件裏copy對應的xpath地址。

 2.2.10 find_element_by_css_selector()

1.css是另外一種語法，比xpath更爲簡潔，但是不太好理解。這裏先學會如何用工具查看，後續的教程再深入講解
2.打開FirePath插件選擇css
3.定位到後如下圖紅色區域顯示

 

總結：
selenium的webdriver提供了18種（注意是18種，不是8種）的元素定位方法，前面8種是通過元素的屬性來直接定位的，後面的xpath和css定位更加靈活，需要重點掌握其中一個。
前八種是大家都熟悉的，經常會用到的：

1.id定位：find_element_by_id(self, id_)
2.name定位：find_element_by_name(self, name)
3.class定位：find_element_by_class_name(self, name)
4.tag定位：find_element_by_tag_name(self, name)
5.link定位：find_element_by_link_text(self, link_text)
6.partial_link定位find_element_by_partial_link_text(self, link_text)
7.xpath定位：find_element_by_xpath(self, xpath)
8.css定位：find_element_by_css_selector(self, css_selector）

這八種是複數形式（2.8和2.27章節有介紹）

9.id複數定位find_elements_by_id(self, id_)
10.name複數定位find_elements_by_name(self, name)
11.class複數定位find_elements_by_class_name(self, name)
12.tag複數定位find_elements_by_tag_name(self, name)
13.link複數定位find_elements_by_link_text(self, text)
14.partial_link複數定位find_elements_by_partial_link_text(self, link_text)
15.xpath複數定位find_elements_by_xpath(self, xpath)
16.css複數定位find_elements_by_css_selector(self, css_selector

這兩種是參數化的方法，會在以後搭建框架的時候，會經常用到PO模式，纔會用到這個參數化的方法（將會在4.2有具體介紹）

17.find_element(self, by='id', value=None)
18.find_elements(self, by='id', value=None)

2.3 xpath定位

前言    
在上一篇簡單的介紹了用工具查看目標元素的xpath地址，工具查看比較死板，不夠靈活，有時候直接複製粘貼會定位不到。這個時候就需要自己手動的去寫xpath了，這一篇詳細講解xpath的一些語法。
什麼是xpath呢？
官方介紹：XPath即爲XML路徑語言，它是一種用來確定XML文檔中某部分位置的語言。反正小編看這個介紹是雲裏霧裏的，通俗一點講就是通過元素的路徑來查找到這個元素的。

2.3.1 xpath:屬性定位

1.xptah也可以通過元素的id、name、class這些屬性定位，如下圖：

2.於是可以用以下xpath方法定位

2.3.2 xpath:其它屬性

1.如果一個元素id、name、class屬性都沒有，這時候也可以通過其它屬性定位到

2.3.3 xpath:標籤

1.有時候同一個屬性，同名的比較多，這時候可以通過標籤篩選下，定位更準一點
2.如果不想制定標籤名稱，可以用*號表示任意標籤
3.如果想制定具體某個標籤，就可以直接寫標籤名稱

2.3.4 xpath:層級

1.如果一個元素，它的屬性不是很明顯，無法直接定位到，這時候我們可以先找它老爸（父元素）。
2.找到它老爸後，再找下個層級就能定位到了。

3.如上圖所示，要定位的是input這個標籤，它的老爸的id=s_kw_wrap。
4.要是它老爸的屬性也不是很明顯，就找它爺爺id=form。
5.於是就可以通過層級關係定位到。

2.3.5 xpath:索引

1.如果一個元素它的兄弟元素跟它的標籤一樣，這時候無法通過層級定位到。因爲都是一個父親生的，多胞胎兄弟。
2.雖然雙胞胎兄弟很難識別，但是出生是有先後的，於是可以通過它在家裏的排行老幾定位到。
3.如下圖三胞胎兄弟。

 

4.用xpath定位老大、老二和老三（這裏索引是從1開始算起的，跟Python的索引不一樣）。

2.3.6 xpath:邏輯運算

1.xpath還有一個比較強的功能，是可以多個屬性邏輯運算的，可以支持與（and）、或（or）、非（not）
2.一般用的比較多的是and運算，同時滿足兩個屬性

 

2.3.7 xpath:模糊匹配

1.xpath還有一個非常強大的功能，模糊匹配。
2.掌握了模糊匹配功能，基本上沒有定位不到的。
3.比如我要定位百度頁面的超鏈接「hao123」,在上一篇中講過可以通過by_link,也可以通過by_partial_link，模糊匹配定位到。當然xpath也可以有同樣的功能，並且更爲強大。

可以把xpath看成是元素定位界的屠龍刀。武林至尊，寶刀xpath，css不出，誰與爭鋒？下節課將亮出倚天劍css定位。

2.4 CSS定位

前言
大部分人在使用selenium定位元素時，用的是xpath定位，因爲xpath基本能解決定位的需求。css定位往往被忽略掉了，其實css定位也有它的價值，css定位更快，語法更簡潔。
這一篇css的定位方法，主要是對比上一篇的xpath來的，基本上xpath能完成的，css也可以做到。兩篇對比學習，更容易理解。
2.4.1 css:屬性定位
1.css可以通過元素的id、class、標籤這三個常規屬性直接定位到
2.如下是百度輸入框的的html代碼：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd"/>

3.css用#號表示id屬性,如：#kw
4.css用.表示class屬性，如：.s_ipt
5.css直接用標籤名稱，無任何標示符，如：input

2.4.2 css:其它屬性

1.css除了可以通過標籤、class、id這三個常規屬性定位外，也可以通過其它屬性定位
2.以下是定位其它屬性的格式

 

2.4.3 css:標籤

1.css頁可以通過標籤與屬性的組合來定位元素

2.4.4 css:層級關係

1.在前面一篇xpath中講到層級關係定位，這裏css也可以達到同樣的效果
2.如xpath：

//form[@id='form']/span/input和
//form[@class='fm']/span/input也可以用css實現

 

 

2.4.5 css:索引

1.以下圖爲例，跟上一篇一樣：

2.css也可以通過索引option：nth-child(1)來定位子元素，這點與xpath寫法用很大差異，其實很好理解，直接翻譯過來就是第幾個小孩。

2.4.6 css:邏輯運算

1.css同樣也可以實現邏輯運算，同時匹配兩個屬性，這裏跟xpath不一樣，無需寫and關鍵字

 

2.4.7 css:模糊匹配

1.css的模糊匹配contains('xxx'),網上雖然用各種資料顯示能用，但是小編親自試驗了下，一直報錯。
2.在各種百度後找到了答案：you can't do this withCSS selectors, because there is no such thing as:contains() in CSS. It was a proposal that was abandoned years ago.
非常遺憾，這個語法已經被拋棄了，所以這裏就不用管這個語法了。
css語法遠遠不止上面提到的，還有更多更強大定位策略，有興趣的可以繼續深入研究。官方說法，css定位更快，語法更簡潔，但是xpath更直觀，更好理解一些。

2.5 SeleniumBuilder輔助定位元素

前言
對於用火狐瀏覽器的小夥伴們，你還在爲定位元素而煩惱嘛？
上古神器Selenium Builder來啦，哪裏不會點哪裏，媽媽再也不用擔心我的定位元素問題啦！（但是也不是萬能，基本上都能覆蓋到）

2.5.1 安裝Selenium Builder

在火狐瀏覽器的附加組件中搜索添加Selenium Builder即可。安裝好後如下圖所示：

 

 2.5.2 直接運用

1.打開你要測試的URL或者打開插件後輸入你要測試的URL，如下圖

2.點擊後彈出一個彈窗，如下圖：

注：如果你是直接在你要測的網頁頁面打開這個插件時，selenium builder會直接獲取你要測的URL

3.點擊record：

然後你就可以哪裏不會點哪裏了。這裏舉個例子：

2.5.3 實踐案例

1.百度首頁，點擊百度一下，然後點擊登錄，再一次點擊賬號和密碼輸入框，讓我們來看看結果。

2.這裏沒有展開，點擊展開後可以發現定位該元素的多種方法

 

直接選擇你想要的方法複製粘貼即可,不用的話直接關掉彈窗即可。

2.6 操作元素（鍵盤和鼠標事件）

前言
在前面的幾篇中重點介紹了一些元素的定位方法，定位到元素後，接下來就是需要操作元素了。本篇總結了web頁面常用的一些操作元素方法，可以統稱爲行爲事件
有些web界面的選項菜單需要鼠標懸停在某個元素上才能顯示出來（如百度頁面的設置按鈕）。

2.6.1 簡單操作

    1.點擊（鼠標左鍵）頁面按鈕：click()
    2.清空輸入框：clear()
    3.輸入字符串：send_keys()
    4.send_keys()如果是發送中文的，前面需加u，如：u"中文",因爲這裏是輸入到windows系統了，windows系統是GBK編碼，我們的腳本是utf-8,需要轉碼爲Unicode國際編碼，這樣才能識別到。

 

2.6.2 submit提交表單

1.在前面百度搜索案例中，輸入關鍵字後，可以直接按回車鍵搜索，也可以點搜索按鈕搜索。
2.submit()一般用於模擬回車鍵。

 

2.6.3 鍵盤操作 

    1.selenium提供了一整套的模擬鍵盤操作事件，前面submit()方法如果不行的話，可以試試模擬鍵盤事件
    2.模擬鍵盤的操作需要先導入鍵盤模塊：from selenium.webdriver.common.keysimport 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) 

       這裏只是列了一些常用的，當然除了鍵盤事件，也有鼠標事件。

2.6.4 鼠標懸停事件

    1.鼠標不僅僅可以點擊(click),鼠標還有其它的操作，如：鼠標懸停在某個元素上，鼠標右擊，鼠標按住某個按鈕拖到
    2.鼠標事件需要先導入模塊：from selenium.webdriver.common.action_chainsimport ActionChains
        perform() 執行所有ActionChains中的行爲；
        move_to_element() 鼠標懸停。
    3.這裏以百度頁面設置按鈕爲例：

    4.除了常用的鼠標懸停事件外，還有
       右擊鼠標：context_click()
       雙擊鼠標：double_click()
       依葫蘆畫瓢，替換上面案例中對應的鼠標事件就可以了
       selenium提供了一整套完整的鼠標和鍵盤行爲事件，功能還是蠻強大滴。下一篇介紹多窗口的情況下如何處理。

2.7 多窗口、句柄（handle）

前言   
有些頁面的鏈接打開後，會重新打開一個窗口，對於這種情況，想在新頁面上操作，就得先切換窗口了。獲取窗口的唯一標識用句柄表示，所以只需要切換句柄，我們就能在多個頁面上靈活自如的操作了。
一、認識多窗口
1.打開趕集網：http://bj.ganji.com/，點擊招聘求職按鈕會發現右邊多了一個窗口標籤

 2.我們用代碼去執行點擊的時候，發現界面上出現兩個窗口，如下圖這種情況就是多窗口了。

 

   3.到這裏估計有小夥伴納悶了，手工點擊是2個標籤，怎麼腳本點擊就變成2個窗口了，這個在2.1裏面講過，腳本執行是不加載配置的，手工點擊是瀏覽器默認設置了新窗口打開方式爲標籤，這裏用鼠標按住點二個標籤，拖拽出來，也就變成2個標籤了，是一回事。

 

 二、獲取當前窗口句柄

    1.元素有屬性，瀏覽器的窗口其實也有屬性的，只是你看不到，瀏覽器窗口的屬性用句柄（handle）來識別。

    2.人爲操作的話，可以通過眼睛看，識別不同的窗口點擊切換。但是腳本沒長眼睛，它不知道你要操作哪個窗口，這時候只能句柄來判斷了。

    3.獲取當前頁面的句柄：driver.current_window_handle

三、獲取所有句柄
    1.定位趕集網招聘求職按鈕，並點擊
    2.點擊後，獲取當前所有的句柄：window_handles

 

 

四、切換句柄

網上大部分教程都是些的第一種方法，小編這裏新增一個更簡單的方法，直接從獲取所有的句柄list裏面取值。

方法一（不推薦）：

    1.循環判斷是否與首頁句柄相等

    2.如果不等，說明是新頁面的句柄

    3.獲取的新頁面句柄後，可以切換到新打開的頁面上

    4.打印新頁面的title,看是否切換成功

方法二：

    1.直接獲取all_h這個list數據裏面第二個hand的值：all_h[1]

五、關閉新窗口，切回主頁
   1.close是關閉當前窗口，因爲此時有兩個窗口，用close可以關閉其中一個，quit是退出整個進程（如果當前有兩個窗口，會一起關閉）。
   2.切換到首頁句柄：h
   3.打印當前頁面的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

2.8 定位一組元素elements

前言    
前面的幾篇都是講如何定位一個元素，有時候一個頁面上有多個對象需要操作，如果一個個去定位的話，比較繁瑣，這時候就可以定位一組對象。
webdriver 提供了定位一組元素的方法，跟前面八種定位方式其實一樣，只是前面是單數，這裏是複數形式：find_elements

本篇拿百度搜索作爲案例，從搜索結果中隨機選擇一條搜索結果，然後點擊查看。

 

一、定位搜索結果
    1.在百度搜索框輸入關鍵字「測試部落」後，用firebug查看頁面元素，可以看到這些搜索結果有共同的屬性。

    2.從搜索的結果可以看到，他們的父元素一樣：<h3 class="t">
    3.標籤都一樣，且target屬性也一樣：<a target="_blank" />
    4.於是這裏可以用css定位（當然用xpath也是可以的）

 

二、確認定位結果
    1.前面的定位策略只是一種猜想，並不一定真正獲取到自己想要的對象的，也行會定位到一些不想要的對象。
    2.於是可以獲取對象的屬性，來驗證下是不是定位準確了。這裏可以獲取href屬性，打印出url地址。

 

三、隨機函數
    1.搜索結果有10條，從這10條中隨機取一個就ok了
    2.先導入隨機函數：import random
    3.設置隨機值範圍爲0~9：a=random.randint(0~9)

 

四、隨機打開url
    1.從返回結果中隨機取一個url地址
    2.通過get方法打卡url
    3.其實這種方式是接口測試了，不屬於UI自動化，這裏只是開闊下思維，不建議用這種方法

 

五、通過click點擊打開
    1.前面那種方法，是直接訪問url地址，算是接口測試的範疇了，真正模擬用戶點擊行爲，得用click的方法

# 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)
# 隨機取一個結果點擊鼠標
s[t].click()

 

不知道有小夥伴有沒注意一個細節，前面在搜索框輸入關鍵字後，我並沒有去點擊搜索按鈕，而是用的submit的方法，submit相當於回車鍵。
具體的操作對象方法，下篇詳細介紹。本篇主要學會定位一組對象，然後隨機操作其中的一個。

2.9 iframe

一、frame和iframe區別
Frame與Iframe兩者可以實現的功能基本相同，不過Iframe比Frame具有更多的靈活性。 frame是整個頁面的框架，iframe是內嵌的網頁元素，也可以說是內嵌的框架
Iframe標記又叫浮動幀標記，可以用它將一個HTML文檔嵌入在一個HTML中顯示。它和Frame標記的最大區別是在網頁中嵌入 的<Iframe></Iframe>所包含的內容與整個頁面是一個整體，而<Frame>< /Frame>所包含的內容是一個獨立的個體，是可以獨立顯示的。另外，應用Iframe還可以在同一個頁面中多次顯示同一內容，而不必重複這段內 容的代碼。

二、案例操作：163登錄界面
1.打開http://mail.163.com/登錄頁面

2.用firebug定位登錄框

3.鼠標停留在左下角（定位到iframe位置）時，右上角整個登錄框顯示灰色，說明iframe區域是整個登錄框區域

4.左下角箭頭位置顯示iframe屬性<iframe id="x-URS-iframe" frameborder="0" name="" 

 三、切換iframe
1.由於登錄按鈕是在iframe上，所以第一步需要把定位器切換到iframe上
2.用switch_to_frame方法切換，此處有id屬性，可以直接用id定位切換

 

 

四、如果iframe沒有id怎麼辦？
1.這裏iframe的切換是默認支持id和name的方法的，當然實際情況中會遇到沒有id屬性和name屬性爲空的情況，這時候就需要先定位iframe元素對象
2.定位元素還是之前的八種方法同樣適用，這裏我可以通過tag先定位到，也能達到同樣效果

 

五、釋放iframe
1.當iframe上的操作完後，想重新回到主頁面上操作元素，這時候，就可以用switch_to_default_content()方法返回到主頁面

 

六、如何判斷元素是否在iframe上？
1.定位到元素後，切換到firepath界面
2.看firebug工具左上角，如果顯示Top Window說明沒有iframe
3.如果顯示iframe#xxx這樣的，說明在iframe上，#後面就是它的id

 

七、如何解決switch_to_frame上的橫線呢？    
1.先找到官放的文檔介紹

 

2.python的腳本上面劃一橫線，是說這個語法已經過時了（也可以繼續用，只是有部分人有強迫症）。上面文檔介紹說官方已經不推薦上面的寫法了，用這個寫法就好了driver.switch_to.frame()

八、參考代碼如下：

# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("http://mail.163.com/")
driver.implicitly_wait(30)
# 切換iframe
# iframe = driver.find_element_by_tag_name("iframe")
# driver.switch_to_frame(iframe)
# driver.switch_to_frame("x-URS-iframe")
driver.switch_to.frame("x-URS-iframe")
driver.find_element_by_name("email").send_keys("123")
driver.find_element_by_name("password").send_keys("456")
# 釋放iframe，重新回到主頁面上
driver.switch_to.default_content()

2.10 select下拉框

本篇以百度設置下拉選項框爲案例，詳細介紹select下拉框相關的操作方法。

一、認識select
    1.打開百度-設置-搜索設置界面，如下圖所示

 

 

    2.箭頭所指位置，就是select選項框，打開頁面元素定位，下方紅色框框區域，可以看到select標籤屬性：                   

<select id="nr" name="NR">

    3.選項有三個。

<option selected="" value="10">每頁顯示10條</option>
<option value="20">每頁顯示20條</option>
<option value="50">每頁顯示50條</option>

二、二次定位
    1.定位select裏的選項有多種方式，這裏先介紹一種簡單的方法：二次定位
    2.基本思路，先定位select框，再定位select裏的選項            
    3.代碼如下：

 

   4.還有另外一種寫法也是可以的，把最下面兩步合併成爲一步：   

driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()

三、直接定位
    1.有很多小夥伴說firebug只能定位到select框，不能定位到裏面的選項，其實是工具掌握的不太熟練。小編接下來教大家如何定位裏面的選項。
    2.用firebug定位到select後，下方查看元素屬性地方，點select標籤前面的+號，就可以展開裏面的選項內容了。

 3.然後自己寫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>
</select>

   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()
# 通過text:select_by_visible_text()
s = driver.find_element_by_id("nr")
Select(s).select_by_visible_text("每頁顯示50條")

# # 分兩步：先定位下拉框，再點擊選項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")

2.11 alert\confirm\prompt

前言   
不是所有的彈出框都叫alert，在使用alert方法前，先要識別出到底是不是alert。先認清楚alert長什麼樣子，下次碰到了，就可以用對應方法解決。
alert\confirm\prompt彈出框操作主要方法有：
text：獲取文本值
accept() ：點擊"確認"
dismiss() ：點擊"取消"或者叉掉對話框
send_keys() ：輸入文本值 --僅限於prompt,在alert和confirm上沒有輸入框

一、認識alert\confirm\prompt
     1.如下圖，從上到下依次爲alert\confirm\prompt，先認清楚長什麼樣子，以後遇到了就知道如何操作了。

    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，取消彈出框
   （url的路徑，直接複製瀏覽器打開的路徑）

三、confirm操作
   1.先用switch_to_alert()方法切換到alert彈出框上
    2.可以用text方法獲取彈出的文本 信息
    3.accept()點擊確認按鈕
    4.dismiss()相當於點取消按鈕或點右上角x，取消彈出框
（url的路徑，直接複製瀏覽器打開的路徑）

四、prompt操作
   1.先用switch_to_alert()方法切換到alert彈出框上
    2.可以用text方法獲取彈出的文本 信息
    3.accept()點擊確認按鈕
    4.dismiss()相當於點右上角x，取消彈出框
    5.send_keys()這裏多個輸入框，可以用send_keys()方法輸入文本內容
（url的路徑，直接複製瀏覽器打開的路徑）

五、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()

 

 六、最終代碼

# 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()

這一篇應該比較簡單，alert相關的內容比較少，雖然有一些頁面也有彈窗，但不是所有的彈窗都叫alert。

alert的彈出框界面比較簡潔，調用的是Windows系統彈窗警告框，沒花裏胡哨的東西，還是很容易區分的。

2.12 單選框和複選框（radiobox、checkbox）

本篇主要介紹單選框和複選框的操作
一、認識單選框和複選框
    1.先認清楚單選框和複選框長什麼樣

    2.各位小夥伴看清楚哦，上面的單選框是圓的；下圖複選框是方的，這個是業界的標準，要是開發小夥伴把圖標弄錯了，可以先抽他了。
二、radio和checkbox源碼
    1.上圖的html源碼如下，把下面這段複製下來，寫到文本里，後綴改成.html就可以了。

 <html>  
    <head>  
    　　<meta http-equiv="content-type" content="text/html;charset=utf-8"/>  
    　　<title>單選和複選</title>  
    </head>  
    <body>  

    <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>  
    <!-- <labelfor="c1">checkbox1</label> --> 
    <input id="c1"type="checkbox">selenium<br>  
    <!-- <labelfor="c2">checkbox2</label> -->  
    <input id="c2"type="checkbox">python<br>  
    <!-- <labelfor="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直接定位到點擊就可以了。

  2.那麼問題來了:如果想全部勾選上呢？

五、全部勾選：
    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()

2.13 table表格定位

前言
    在web頁面中經常會遇到table表格，特別是後臺操作頁面比較常見。本篇詳細講解table表格如何定位。
一、認識table
    1.首先看下table長什麼樣，如下圖，這種網狀表格的都是table

  2.源碼如下：（用txt文本保存，後綴改成html）

<!DOCTYPE html>
<meta charset="UTF-8"> <!-- for HTML5 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>  
        <head>  
            <title>Table測試模板</title>  
              
        </head>  
        <body>  
            <table border="1" id="myTable"> 
                <tr>  
                    <th>QQ羣</th>  
                    <th>QQ號</th>  
                    <th>羣主</th>  
                </tr>  
                <tr>  
                    <td>selenium自動化</td>  
                    <td>232607095</td>  
                    <td>YOYO</td>  
                </tr>  
                <tr>  
                    <td>appium自動化</td>  
                    <td>512200893</td>  
                    <td>YOYO</td>  
                </tr>  
            </table>  
        </body>  
</html> 

二、table特徵
    1.table頁面查看源碼一般有這幾個明顯的標籤：table、tr、th、td
    2.<table>標示一個表格
    3.<tr>標示這個表格中間的一個行
    4.</th> 定義表頭單元格
    5.</td> 定義單元格標籤，一組<td>標籤將將建立一個單元格，<td>標籤必須放在<tr>標籤內

三、xpath定位table
    1.舉個例子：我想定位表格裏面的「selenium自動化」元素，這裏可以用xpath定位：.//*[@id='myTable']/tbody/tr[2]/td[1]

    2.這裏定位的格式是固定的，只需改tr和td後面的數字就可以了.如第二行第一列tr[2]td[1].
對xpath語法不熟悉的可以看這篇Selenium2+python自動化7-xpath定位
四、打印表格內容
    1.定位到表格內文本值，打印出來，腳本如下：

 

 五、參考代碼：

# coding:utf-8
from selenium import webdriver
import time
url = 'file:///C:/Users/Gloria/Desktop/table.html'
driver = webdriver.Firefox()
driver.get(url)
time.sleep(3)
t = driver.find_element_by_xpath(".//*[@id='myTable']/tbody/tr[2]/td[1]")
print t.text

補充說明：有些小夥伴可能會遇到table在ifame上的情況，這時候就需要先切換iframe了。

2.14 加載Firefox配置（略，已在2.1.8講過，請查閱2.1.8節課）

2.14-1 加載Chrome配置

一、加載Chrome配置
chrome加載配置方法，只需改下面一個地方，username改成你電腦的名字（別用中文！！！）

'--user-data-dir=C:\Users\username\AppData\Local\Google\Chrome\User Data'
# coding:utf-8
from selenium import webdriver
# 加載Chrome配置
option = webdriver.ChromeOptions()
option.add_argument('--user-data-dir=C:\Users\Gloria\AppData\Local\Google\Chrome\User Data')
driver = webdriver.Chrome(chrome_options=option)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")

二、Wap測試
1.做Wap測試的可以試下，僞裝成手機訪問淘寶，會出現觸屏版

 

# coding:utf-8
from selenium import webdriver
option = webdriver.ChromeOptions()
# 僞裝iphone登錄
# option.add_argument('--user-agent=iphone')
# 僞裝android
option.add_argument('--user-agent=android')
driver = webdriver.Chrome(chrome_options=option)
driver.get('http://www.taobao.com/')

2.15 富文本（richtext）

前言
     富文本編輯框是做web自動化最常見的場景，有很多小夥伴不知從何下手，本篇以博客園的編輯器爲例，解決如何定位富文本，輸入文本內容
一、加載配置
    1.打開博客園寫隨筆，首先需要登錄，這裏爲了避免透露個人賬戶信息，我直接加載配置文件，免登錄了。
      

二、打開編輯界面
    1.博客首頁地址：bolgurl = "http://www.cnblogs.com/"
    2.我的博客園地址：yoyobolg = bolgurl + "yoyoketang"
    3.點擊「新隨筆」按鈕，id=blog_nav_newpost

三、iframe切換
    1.打開編輯界面後先不要急着輸入內容，先sleep幾秒鐘
    2.輸入標題，這裏直接通過id就可以定位到，沒什麼難點
    3.接下來就是重點要講的富文本的編輯，這裏編輯框有個iframe，所以需要先切換

（關於iframe不懂的可以看前面這篇：<iframe>）

 

 四、輸入正文
    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)

2.16-1 非input文件上傳（SendKeys）

前言
不少小夥伴問非input標籤如何上傳文檔，這個本身就是一坑，無奈很多小夥伴非要跳坑裏去，那就介紹一個非主流的上傳文件方法吧，用第三方庫SendKeys.
 
一、SendKeys安裝
1.pip安裝SendKeys
>pip install SendKeys

2.在安裝的時候如果你出現上面保存，先別急着截圖貼羣求大神，上面已經告訴解決辦法了：Get it from http://aka.ms/vcpython27
3.按上面給的地址下載文件，一路傻瓜式安裝就行
4.出現如下界面，說明安裝成功了

二、參考代碼
1.以下代碼在Chrom瀏覽器上是運行通過的，要先登錄博客園記住密碼，然後加載配置免登錄
2.chrome加載配置方法，只需改下面一個地方，username改成你電腦的名字（別用中文！！！）

'--user-data-dir=C:\Users\username\AppData\Local\Google\Chrome\User Data'

3.後面兩次回車，是因爲搜狗輸入法，第一個回車是確認輸入，第二個是確定選中的文件

４.這裏點文件上傳按鈕也是一個坑，用工具定位的這個元素，點擊有問題，所以我改用它父元素定位了

# coding:utf-8
from selenium import webdriver
import SendKeys
import time
# 加載Firefox配置
# profileDir = r'C:\Users\xxxAppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
# profile = webdriver.FirefoxProfile(profileDir)
# driver = webdriver.Firefox(profile)
# 加載Chrome配置
option = webdriver.ChromeOptions()
option.add_argument('--user-data-dir=C:\Users\xxxAppData\Local\Google\Chrome\User Data')
driver = webdriver.Chrome(chrome_options=option)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")
driver.find_element_by_link_text("新隨筆").click()
time.sleep(3)
# 點開編輯器圖片
driver.find_element_by_css_selector("img.mceIcon").click()
time.sleep(3)
# 定位所有iframe,取第二個
iframe = driver.find_elements_by_tag_name('iframe')[1]
# 切換到iframe上
driver.switch_to_frame(iframe)
# 文件路徑
time.sleep(2)
driver.find_element_by_class_name("qq-upload-button").click()
# driver.find_element_by_name("file").click()   ＃　這裏點文件上傳按鈕也是一個坑，我用它父元素定位了，參考上面一行
time.sleep(5)
# SendKeys方法輸入內容
SendKeys.SendKeys("D:\\test\\jie1\\blog\\12.png")  # 發送文件地址
time.sleep(1)
SendKeys.SendKeys("{ENTER}")   # 發送回車鍵
time.sleep(1)
SendKeys.SendKeys("{ENTER}")    #　因爲我的電腦是搜索輸入法，所以多看一次回車
# driver.quit()

（備註：這裏Firefox上運行有個坑，第二次回車失效了，這個暫時沒想到好的解決辦法）
只能說處處都是坑，且用且珍惜！

2.16 文件上傳（send_keys)

前言
文件上傳是web頁面上很常見的一個功能，用腳本去實現文件上傳卻不是那麼簡單。
一般分兩個場景：一種是input標籤，這種可以用selenium提供的send_keys()方法輕鬆解決；
另外一種非input標籤實現起來比較困難，可以藉助autoit工具或者SendKeys第三方庫。
本篇以博客園的上傳圖片爲案例，通過send_keys()方法解決文件上傳問題
一、識別上傳按鈕
1.點開博客園編輯器裏的圖片上傳按鈕，彈出」上傳本地圖片」框。
2.用firebug查看按鈕屬性，這種上傳圖片按鈕有個很明顯的標識，它是一個input標籤，並且type屬性的值爲file。只要找到這兩個標識，我們就可以直接用send_keys()方法上傳文件了。

 

 

二、定位iframe
1.這裏定位圖片上傳按鈕情況有點複雜，首先它是在iframe上。
2.這個iframe的id是動態的，且沒有name屬性，其它屬性也不是很明顯。
3.通過搜索發現，這個頁面上有兩個iframe，需要定位的這個iframe是處於第二個位置。

 

4.可以通過標籤定位所有的iframe標籤，然後取對應的第幾個就可以了。

 

三、文件上傳

1.先定位到文件上傳按鈕，直接調用send_keys()方法就可以實現啦

# coding:utf-8
from selenium import webdriver
import time
profileDir = r'C:\Users\Gloria\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")
driver.find_element_by_link_text("新隨筆").click()
time.sleep(3)
# 點開編輯器圖片
driver.find_element_by_css_selector("img.mceIcon").click()
time.sleep(3)
# 定位所有iframe,取第二個
iframe = driver.find_elements_by_tag_name('iframe')[1]
# 切換到iframe上
driver.switch_to_frame(iframe)


 

三、文件上傳

1.先定位到文件上傳按鈕，直接調用send_keys()方法就可以實現啦

   
   


    
    
# coding:utf-8
from selenium import webdriver
import time
profileDir = r'C:\Users\Gloria\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")
driver.find_element_by_link_text("新隨筆").click()
time.sleep(3)
# 點開編輯器圖片
driver.find_element_by_css_selector("img.mceIcon").click()
time.sleep(3)
# 定位所有iframe,取第二個
iframe = driver.find_elements_by_tag_name('iframe')[1]
# 切換到iframe上
driver.switch_to_frame(iframe)
# 文件路徑
driver.find_element_by_name('file').send_keys(r"D:\test\xuexi\test\14.png")

   
   

非input標籤的文件上傳，就不適用於此方法了，需要藉助autoit工具或者SendKeys第三方庫。

2.17 獲取元素屬性

前言

通常在做斷言之前，都要先獲取界面上元素的屬性，然後與期望結果對比。本篇介紹幾種常見的獲取元素屬性方法。

一、獲取頁面title

1.有很多小夥伴都不知道title長在哪裏，看下圖左上角。



 

2.獲取title方法很簡單，直接driver.title就能獲取到。



二、獲取元素的文本

1.如下圖這種顯示在頁面上的文本信息，可以直接獲取到

2.查看元素屬性：<a id="setf" target="_blank" onmousedown="return ns_c({'fm':'behs','tab':'favorites','pos':0})

" href="//www.baidu.com/cache/sethelp/help.html">把百度設爲主頁</a>



3.通過driver.text獲取到文本



三、獲取元素的標籤

1.獲取百度輸入框的標籤屬性



 

四、獲取元素的其它屬性

1.獲取其它屬性方法:get_attribute("屬性")，這裏的參數可以是class、name等任意屬性

2.如獲取百度輸入框的class屬性



五、獲取輸入框內的文本值