自动化测试（转）
?
python+selenium自動化軟件測試（第2章）：WebDriver API
歡迎您來閱讀和練手！您將會從本章的詳細講解中，獲取很大的收獲！開始學習吧！
目錄
- 2.1 操作元素基本方法
- 2.2 常用8種元素定位（Firebug和firepath）
- 2.3 xpath定位
- 2.4 CSS定位
- 2.5 SeleniumBuilder輔助定位元素
- 2.6 操作元素（鍵盤和鼠標事件）
- 2.7 多窗口、句柄（handle）
- 2.8 定位一組元素elements
- 2.9 iframe
- 2.10 select下拉框
- 2.11 alert\confirm\prompt
- 2.12 單選框和復選框（radiobox、checkbox）
- 2.13 table表格定位
- 2.14 加載Firefox配置（略，已在2.1.8講過，請查閱2.1.8節課）
- 2.14-1 加載Chrome配置
- 2.15 富文本（richtext）
- 2.16-1 非input文件上傳（SendKeys）
- 2.16 文件上傳（send_keys)
- 2.17 獲取元素屬性
- 2.18 爬頁面源碼（page_source）
- 2.19 cookie相關操作
- 2.20 繞過驗證碼（add_cookie）
- 2.21 JS處理滾動條
- 2.22 JS處理富文本
- 2.23 js處理日歷控件（修改readonly屬性）
- 2.24 js處理內嵌div滾動條
- 2.25 js處理多窗口
- 2.26 js解決click失效問題
- 2.27 18種定位方法總結
- 2.28 查看webdriver API（帶翻譯）
- 2.29 練習題1:去掉頁面動態窗
- 2.30 練習題2:定位百度-更多產品
- 2.31 練習題3:獲取百度聯系詞
- 2.32 js幾種定位方法總結
- 2.33 定位的坑：class屬性有空格
- 2.34 jquery定位（簡直逆天）
?
正文
回到頂部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.下方紅色區域就是單位到輸入框的屬性：
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定位更加靈活，需要重點掌握其中一個。
前八種是大家都熟悉的，經常會用到的：
這八種是復數形式（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代碼：
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的方法
?
不知道有小伙伴有沒注意一個細節，前面在搜索框輸入關鍵字后，我并沒有去點擊搜索按鈕，而是用的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()
八、參考代碼如下：
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()點擊操作
?
?六、最終代碼
# 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就可以了。
三、單選：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改成你電腦的名字（別用中文！！！）
二、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) # 文件路徑 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"?οnmοusedοwn="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屬性
五、獲取輸入框內的文本值
1、如果在百度輸入框輸入了內容，這里輸入框的內容也是可以獲取到的
六、獲取瀏覽器名稱
1.獲取瀏覽器名稱很簡單，用driver.name就能獲取到
# 獲取瀏覽器名稱
driver.name
七、參考代碼
2.18 爬頁面源碼（page_source）
前言
有時候通過元素的屬性的查找頁面上的某個元素，可能不太好找，這時候可以從源碼中爬出想要的信息。selenium的page_source方法可以獲取到頁面源碼。
一、page_source
1.selenium的page_source方法可以直接返回頁面源碼
2.重新賦值后打印出來
二、re非貪婪模式
1.這里需導入re模塊(正則表達式模塊)
2.用re的正則匹配：非貪婪模式
3.findall方法返回的是一個list集合
4.匹配出來之后發現有一些不是url鏈接，可以篩選下
三、篩選url地址出來
1.加個if語句判斷，‘http’在url里面說明是正常的url地址了
2.把所有的url地址放到一個集合，就是我們想要的結果啦
四、參考代碼
# coding:utf-8 from selenium import webdriver import re driver = webdriver.Firefox() driver.get("http://www.cnblogs.com/yoyoketang/") page = driver.page_source # print page # "非貪婪匹配,re.S('.'匹配字符,包括換行符)" url_list = re.findall('href=\"(.*?)\"', page, re.S) url_all = [] for url in url_list:if "http" in url:print urlurl_all.append(url) # 最終的url集合 print url_all 回到頂部2.19 cookie相關操作
前言
雖然cookie相關操作在平常ui自動化中用得少，偶爾也會用到，比如登錄有圖形驗證碼，可以通過繞過驗證碼方式，添加cookie方法登錄。
登錄后換賬號登錄時候，也可作為后置條件去刪除cookie然后下個賬號登錄
一、獲取cookies：get_cookies()
1.獲取cookies方法直接用：get_cookies()
2.先啟動瀏覽器，獲取cookies，打印出來發現是空：[]
3.打開博客首頁后，重新獲取cookies,打印出來，就有值了
?
二、登錄后的cookies
1.先登錄博客園（這里登錄用自己的賬號和密碼吧）
2.重新獲取cookies，發現跟之前獲取的不一樣了
3.主要是找到這一個cookie,發現它的name和value發生了變化，這就是未登錄和已登錄的區別了（對比上下兩張圖）
{u'name': u'.CNBlogsCookie', u'value': u'B7813EBA142142CE88CC8C0B33B239F566xxxx'}
三、獲取指定name的cookie:driver.get_cookie（name）
1.獲取cookies發現里面有多個cookie,有時候我們只需要其中的一個，把重要的提出來，比如登錄的cookie
2.這里用get_cookie（name），指定對應的cookie的name值就行了，比如博客園的：.CNBlogsCookie
四、清除指定cookie：delete_cookie()
1.為了進一步驗證上一步獲取到的就是登錄的cookie，可以刪除它看看頁面什么變化
2.刪除這個cookie后刷新頁面，發現剛才的登錄已經失效了，變成未登錄狀態了
五、清除所有cookies：delete_all_cookies()
1.清除所有cookies后登錄狀態也失效了，cookies為空[]
六、cookie操作的幾個方法
1.get_cookies()：獲取所有cookies
2.driver.get_cookie（name）：獲取指定name的cookie:
3.清除指定cookie：delete_cookie()
4.delete_all_cookies()：清除所有cookies
5.add_cookie(cookie_dict):添加cookie的值
（第五個方法可以用于繞過驗證碼登錄，下篇詳細介紹）
?七、參考代碼
# coding:utf-8 from selenium import webdriver import time driver = webdriver.Firefox() # 啟動瀏覽器后獲取cookies print driver.get_cookies() driver.get("http://www.cnblogs.com/yoyoketang/") # 打開主頁后獲取cookies print driver.get_cookies() # 登錄后獲取cookies url = "https://passport.cnblogs.com/user/signin" driver.get(url) driver.implicitly_wait(30) driver.find_element_by_id("input1").send_keys(u"上海-悠悠") driver.find_element_by_id("input2").send_keys(u"xxx") driver.find_element_by_id("signin").click() time.sleep(3) print driver.get_cookies() # 獲取指定name的cookie print driver.get_cookie(name=".CNBlogsCookie") # 清除指定name的cookie driver.delete_cookie(name=".CNBlogsCookie") print driver.get_cookies() # 為了驗證此cookie是登錄的，可以刪除后刷新頁面 driver.refresh() # 清除所有的cookie driver.delete_all_cookies() print driver.get_cookies() 回到頂部2.20 繞過驗證碼（add_cookie）
前言
驗證碼這種問題是比較頭疼的，對于驗證碼的處理，不要去想破解方法，這個驗證碼本來就是為了防止別人自動化登錄的。如果你能破解，說明你們公司的驗證碼嗎安全級別不高，那就需要提高級別了。
對于驗證碼，要么是讓開發在測試環境弄個萬能的驗證碼，如：1234，要么就是盡量繞過去，如本篇介紹的添加cookie的方法。
一、fiddler抓包
1.前一篇講到，登錄后會生成一個已登錄狀態的cookie，那么只需要直接把這個值添加到cookies里面就可以了。
2.可以先手動登錄一次，然后抓取這個cookie，這里就需要用抓包工具fiddler了
3.先打開博客園登錄界面，手動輸入賬號和密碼（不要點登錄按鈕）
4.打開fiddler抓包工具，此時再點博客園登錄按鈕
?
5.登錄成功后，再查看cookie變化，發現多了兩組參數，多的這兩組參數就是我們想要的，copy出來，一會有用
二、添加cookie方法：driver.add_cookie（）
1.add_cookie(cookie_dict)方法里面參數是cookie_dict，說明里面參數是字典類型。
2.源碼官方文檔介紹：
3.從官方的文檔里面可以看出，添加cookie時候傳入字典類型就可以了，等號左邊的是name，等號右邊的是value。
4.把前面抓到的兩組數據（參數不僅僅只有name和value），寫成字典類型：
{'name':'.CNBlogsCookie','value'：'2C3AE01E461B2D2F1572D02CB936D77A053089AA2xxxx...'}
{'name':'.Cnblogs.AspNetCore.Cookies','value':'CfDJ8Mmb5OBERd5FqtiQlKZZIG4HKz_Zxxx...'}
三、cookie組成結構
1.用抓包工具fidller只能看到cookie的name和value兩個參數，實際上cookie還有其它參數。
2.cookie參數組成，以下參數是我通過get_cookie（name）獲取到的。
四、添加cookie
1.這里需要添加兩個cookie，一個是.CNBlogsCookie，另外一個是.Cnblogs.AspNetCore.Cookies。
2.我這里打開的網頁是博客的主頁：http://www.cnblogs.com/yoyoketang，沒進入登錄頁。
3.添加cookie后刷新頁面,接下來就是見證奇跡的時刻了。
五、參考代碼：
# coding:utf-8 from selenium import webdriver import time driver = webdriver.Firefox() driver.get("http://www.cnblogs.com/yoyoketang") # # 添加cookie c1 = {u'domain': u'.cnblogs.com',u'name': u'.CNBlogsCookie',u'value': u'xxxx',u'expiry': 1491887887,u'path': u'/',u'httpOnly': True,u'secure': False} c2 = {u'domain': u'.cnblogs.com',u'name': u'.Cnblogs.AspNetCore.Cookies',u'value': u'xxxx',u'expiry': 1491887887,u'path': u'/',u'httpOnly': True,u'secure': False} driver.add_cookie(c1)? # 添加2個值 driver.add_cookie(c2) time.sleep(3)????????? # 交流QQ群：232607095 # 刷新下頁面就見證奇跡了 driver.refresh()??有幾點需要注意：
1.登錄時候要勾選下次自動登錄按鈕。
2.add_cookie()只添加name和value，對于博客園的登錄是不成功。
3.本方法并不適合所有的網站，一般像博客園這種記住登錄狀態的才會適合。
回到頂部2.21 JS處理滾動條
前言
??? selenium并不是萬能的，有時候頁面上操作無法實現的，這時候就需要借助JS來完成了。
常見場景：
當頁面上的元素超過一屏后，想操作屏幕下方的元素，是不能直接定位到，會報元素不可見的。這時候需要借助滾動條來拖動屏幕，使被操作的元素顯示在當前的屏幕上。滾動條是無法直接用定位工具來定位的。selenium里面也沒有直接的方法去控制滾動條，這時候只能借助J了，還好selenium提供了一個操作js的方法:execute_script()，可以直接執行js的腳本。
一、JavaScript簡介
1.JavaScript是世界上最流行的腳本語言，因為你在電腦、手機、平板上瀏覽的所有的網頁，以及無數基于HTML5的手機App，交互邏輯都是由JavaScript驅動的。簡單地說，JavaScript是一種運行在瀏覽器中的解釋型的編程語言。那么問題來了，為什么我們要學JavaScript？
2.有些特殊的操作selenium2+python無法直接完成的，JS剛好是這方面的強項，所以算是一個很好的補充。對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是最底部。
三、橫向滾動條
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語句做個判斷
?
?
七、兼容性
1.兼容谷歌和firefox/IE
八、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)JS功能還是很強大的，它還可以處理富文本、內嵌滾動條的問題。
回到頂部2.22 JS處理富文本
前言
? ? <富文本>這篇解決了富文本上iframe問題，其實沒什么特別之處，主要是iframe的切換，本篇講解通過js的方法處理富文本上iframe的問題
一、加載配置
??? 1.打開博客園寫隨筆，首先需要登錄，這里為了避免透露個人賬戶信息，我直接加載配置文件，免登錄了。
????? 不懂如何加載配置文件的，看加載firefox配置
二、打開編輯界面
??? 1.博客首頁地址：bolgurl = "http://www.cnblogs.com/"
??? 2.我的博客園地址：yoyobolg = bolgurl + "yoyoketang"
??? 3.點擊“新隨筆”按鈕，id=blog_nav_newpost
三、定位iframe
??? 1.打開編輯界面后先不要急著輸入內容，先sleep幾秒鐘
??? 2.輸入標題，這里直接通過id就可以定位到，沒什么難點
??? 3.接下來就是重點要講的富文本的編輯，這里編輯框有個iframe，所以需要先切換
?
?四、js輸入中文
??? 1.這里定位編輯正文是定位上圖的紅色框框位置body部分，也就是id=tinymce
??? 2.定位到之后，用js的方法直接輸入，無需切換iframe
? ? 3.直接點保存按鈕，無需再切回來
五、參考代碼：
# 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() 回到頂部2.23 js處理日歷控件（修改readonly屬性）
前言
??? 日歷控件是web網站上經常會遇到的一個場景，有些輸入框是可以直接輸入日期的，有些不能，以我們經常搶票的12306網站為例，詳細講解如何解決日歷控件為readonly屬性的問題。
??? 基本思路：先用js去掉readonly屬性，然后直接輸入日期文本內容
一、日歷控件
??? 1.打開12306的車票查詢界面，在出發日期輸入框無法直接輸入時間
??? 2.常規思路是點開日歷控件彈出框，從日歷控件上點日期，這樣操作比較煩躁，并且我們測試的重點不在日歷控件上，只是想輸入個時間，做下一步的操作
??? 3.用firebug查看輸入框的屬性：readonly="readonly"，如下：
?
?二、去掉readonly屬性
??? 1.很明顯這種元素的屬性是readonly，輸入框是無法直接輸入的，這時候需要先去掉元素的readonly屬性，然后就可以輸入啦。
??? 2.點左下角firebug的“編輯按鈕”，找到對應元素，直接刪除readonly="readonly"，然后回車。
? ? 3.在頁面出發日位置輸入：yoyoketang 試試，嘿嘿，有沒有發現可以輸入成功。當然這里只是為了驗證可以輸入內容，測試時候還是輸入測試的日期。
三、用js去掉readonly屬性
??? 1.用js去掉元素屬性基本思路：先定位到元素，然后用removeAttribute("readonly")方法刪除屬性。
??? 2.出發日元素id為：train_date，對應js代碼為：'document.getElementById("train_date").removeAttribute("readonly");'
四、輸入日期
??? 1.輸入日期前，一定要先清空文本，要不然無法輸入成功的。
??? 2.這里輸入日期后，會自動彈出日歷控件，隨便點下其它位置就好了，接下來會用js方法傳入日期，就不會彈啦！
?
五、js方法輸入日期
?? 1.這里也可以用js方法輸入日期，其實很簡單，直接改掉輸入框元素的value值就可以啦。
六、參考代碼如下：
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")?
回到頂部2.24 js處理內嵌div滾動條
前言
??? 前面有篇專門用js解決了瀏覽器滾動條的問題，生活總是多姿多彩，有的滾動條就在頁面上，這時候又得仰仗js大哥來解決啦。
一、內嵌滾動條
??? 1.下面這張圖就是內嵌div帶有滾動條的樣子，記住它的長相。
? ? 2.頁面源碼如下：（老規矩：copy下來，用文本保存下來，后綴改成.html,用瀏覽器打開）
<!DOCTYPE html> <meta charset="UTF-8"> <!-- for HTML5 --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html><head><style type="text/css">div.scroll{background-color:#afafaf;width:500px;height:100px;overflow:auto;}</style></head><body><p>個人微信公眾號：yoyoketang</p><p>這是一個內嵌的div滾動條</p><div id="yoyoketang" name="yoyo" class="scroll">這是一個內嵌div:民國年間，九大家族鎮守長沙，被稱為“九門提督”。這九門勢力龐大，外八行的無人不知，無人不 曉，幾乎所有冥器，流出長沙必然經過其中一家。1933年秋，一輛神秘鬼車緩緩駛入長沙火車站，九門之首“張大佛爺”張啟山身為布防官，奉命調查始末。張啟山與八爺齊鐵嘴一路探訪，發現長沙城外有一座疑點重重的礦山，一直被日本人窺伺。 為破解礦山之謎，張啟山求助同為九門上三門的戲曲名伶二月紅，無奈二月紅雖出身考古世家，卻心系重病的妻子丫頭，早已金盆洗手。張啟山為了國家大義和手足之情，北上去往新月飯店為二月紅愛妻求藥。在北平，張啟山邂逅了新月飯店的大小姐尹新月，并為尹新月連點三盞天燈，散盡家財。尹新月幫助張啟山等人順利返回 長沙，二人暗生情愫。二月紅愛妻病入膏肓，服藥后不見好轉，最終故去。二月紅悲傷之余卻意外發現家族祖輩與礦山亦有重大關聯，于是振作精神，決定與張啟山聯手，解開礦山之謎zhegedancihenchanghenchangchangchangchangchanchanchanchangchangchangchancg</div></body> </html>二、縱向滾動
? ? 1.這個是div的屬性：<div id="yoyoketang" name="yoyo"?class="scroll">
??? 2.這里最簡單的通過id來定位，通過控制 scrollTop的值來控制滾動條高度
??? 3.運行下面代碼，觀察頁面是不是先滾動到底部，過五秒再回到頂部。（get里面地址是瀏覽器打開該頁面的地址）
?
三、橫向滾動
? 1.先通過id來定位，通過控制scrollLeft的值來控制滾動條高度
四、用class屬性定位
??? 1.js用class屬性定位，返回的是一個list對象，這里取第一個就可以了。
??? 2.這里要注意了，element和elements有很多小伙伴傻傻分不清楚。
有時候很多元素屬性都一樣時候，就可以用復數定位，取對應的第幾個就可以了。
回到頂部2.25 js處理多窗口
前言
在打開頁面上鏈接的時候，經常會彈出另外一個窗口（多窗口情況前面這篇有講解：Selenium2+python自動化13-多窗口、句柄（handle）），這樣在多個窗口之間來回切換比較復雜，那么有沒有辦法讓新打開的鏈接在一個窗口打開呢？
要解決這個問題，得從html源碼上找到原因，然后修改元素屬性才能解決。很顯然js在這方面是萬能的，于是本篇得依靠萬能的js大哥了。
一、多窗口情況
??? 1.在打baidu的網站鏈接時，會重新打開一個窗口
??? (注意：我的百度頁面是已登錄狀態，沒登錄時候是不會重新打開窗口的)
二、查看元素屬性：target="_blank"
1.查看元素屬性，會發現這些鏈接有個共同屬性：target="_blank"
三、去掉target="_blank"屬性
1.因為此鏈接元素target="_blank"，所以打開鏈接的時候會重新打開一個標簽頁，那么解決這個問題，去掉該屬性就可以了。
2.為了驗證這個問題，可以切換到html編輯界面，手動去掉“_blank”屬性。
?
3.刪除“_blank”屬性后，重新打開鏈接，這時候會發現打開的新鏈接會在原標簽頁打開。
四、js去掉target="_blank"屬性
1.第一步為了先登錄，我這里加載配置文件免登錄了（不會的看這篇：Selenium2+python自動化18-加載Firefox配置）
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"屬性鏈接情況。
本篇僅提供解決問題的辦法和思路，不要完全照搬代碼！！！
回到頂部2.26 js解決click失效問題
前言
有時候元素明明已經找到了，運行也沒報錯，點擊后頁面沒任何反應。這種問題遇到了，是比較頭疼的，因為沒任何報錯，只是click事件失效了。
本篇用2種方法解決這種詭異的點擊事件失效問題
一、遇到的問題
1.在練習百度的搜索設置按鈕時，點保存設置按鈕，alert彈出沒彈出（代碼沒報錯，只是獲取alert失敗），相信不只是我一個人遇到過。
二、點擊父元素
1.遇到這種問題，應該是前面操作select后導致的后遺癥（因為我注釋掉select那段是可以點擊成功的）。
2.第一種解決辦法，先點擊它的父元素一次，然后再點擊這個元素。
3.實現代碼如下
三、js直接點擊
1.遇到這種詭異問題，是時候出絕招了：js大法。
2.用js直接執行點擊事件。
四、參考代碼
# 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) time.sleep(3) mouse = driver.find_element("link text", "設置") ActionChains(driver).move_to_element(mouse).perform() time.sleep(3) driver.find_element("link text", "搜索設置").click() time.sleep(3) s = driver.find_element("id", "nr") Select(s).select_by_visible_text("每頁顯示50條") # 方法一：先點父元素 交流QQ群：232607095 # driver.find_element("id", "gxszButton").click() # driver.find_element("class name", "prefpanelgo").click() # 方法二：用js直接去點擊 交流QQ群：232607095 js = 'document.getElementsByClassName("prefpanelgo")[0].click();' driver.execute_script(js) 回到頂部2.27 18種定位方法總結
前言
江湖傳言，武林中流傳八種定位，其中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）
這八種是復數形式
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)
這兩種就是快失傳了的
17.find_element(self, by='id', value=None)
18.find_elements(self, by='id', value=None)
二、element和elements傻傻分不清
1.element方法定位到是是單數，是直接定位到元素
2.elements方法是復數，這個學過英文的都知道，定位到的是一組元素，返回的是list隊列
3.可以用type()函數查看數據類型
4.打印這個返回的內容看看有什么不一樣
三、elements定位方法
1.前面2.8章節講過定位一組元素用elements的方法，elements也可以用于單數定位。
2.這里重點介紹下用elements方法如何定位元素，當一個頁面上有多個屬性相同的元素時，然后父元素的屬性也比較模糊，不太好定位。這個時候不用怕，換個思維，別老想著一次定位到，可以先把相同屬性的元素找出來，取對應的第幾個就可以了。
3.如下圖，百度頁面上有六個class一樣的元素，我要定位“地圖”這個元素。
4.取對應下標即可定位了。
四、參考代碼
# coding:utf-8 from selenium import webdriver driver = webdriver.Firefox() driver.get("http://www.baidu.com") # 這里是定位的單個id element = driver.find_element_by_id("kw") print type(element) print element # 這里定位是多個class elements = driver.find_elements_by_class_name("mnav") print type(elements) print elements # 這里用的css語法 s = driver.find_elements("css selector", ".mnav") # '地圖'在第四個位置 print s[3].text s[3].click() # 這個寫法也是可以的 # driver.find_elements("css selector", ".mnav")[3].click() 回到頂部2.28 查看webdriver API（帶翻譯）
前言
? ? 前面都是點點滴滴的介紹selenium的一些api使用方法，那么selenium的api到底有多少呢？本篇就教大家如何去查看selenium api，不求人，無需伸手找人要，在自己電腦就有。
? ? pydoc是Python自帶的模塊，主要用于從python模塊中自動生成文檔，這些文檔可以基于文本呈現的、也可以生成WEB 頁面的，還可以在服務器上以瀏覽器的方式呈現！
一、pydoc
? ? 1.到底什么是pydoc? ,這個是準確的解釋：Documentation generator and online help system.?pydoc是Python自帶的模塊，主要用于從python模塊中自動生成文檔，這些文檔可以基于文本呈現的、也可以生成WEB?
頁面的，還可以在服務器上以瀏覽器的方式呈現！簡而言之，就是幫你從代碼和注釋自動生成文檔的工具。
? ? 2.舉個栗子，我需要查看python里面open函數的功能和語法，打開cmd,輸入:python -m pydoc open
? ? 3.-m參數：python以腳本方法運行模塊
>>python -m pydoc open
?
?那么問題來了，這個是已經知道有這個函數，去查看它的功能，selenium里面不知道到底有多少個函數或方法，那如何查看呢？
二、啟動server
? ? 1.打開cmd命令行，輸入：python -m pydoc -p 6666
? ? 2.-p參數：這個表示在本機上啟動服務
? ? 3.6666參數：這個是服務端口號，隨意設置
打開后，界面會出現一個地址：http://localhost:6666/,在瀏覽器直接打開。
三、瀏覽器查看文檔
? ? 1.在瀏覽器輸入：http://localhost:6666/
? ? 2.Built-in Moudles ：這個是python自帶的模塊
?
四、webdriver API
? ? 1.找到這個路徑：python2.7\lib\site-packages，點開selenium
? ? 2.打開的selenium>webdriver>firefox>webdriver,最終路徑：http://localhost:6666/selenium.webdriver.firefox.webdriver.html
? ? 3.最終看到的這些就是selenium的webdriver API幫助文檔啦
【附錄】webdriver API（帶翻譯）
? ? 1.找到這個路徑：python2.7\lib\site-packages，點開selenium
? ? 2.打開的selenium>webdriver>firefox>webdriver,最終路徑：http://localhost:6666/selenium.webdriver.firefox.webdriver.html
? ? 3.最終看到的這些就是selenium的webdriver API幫助文檔啦
?
小編后續有空再翻譯下吧，英文水平有限。在學習過程中有遇到疑問的，可以加selenium（python+java） QQ群交流:232607095
?
回到頂部2.29 練習題1:去掉頁面動態窗
我們在瀏覽網頁時經常會碰到各種花樣的彈窗，在做UI自動化測試的時候勢必要處理這些彈窗，這里就介紹一下目前前端界兩種彈窗的處理方法。
一、alert彈窗?
?
?
這種彈窗是最簡單的一種，Selenium里有自帶的方法來處理它，用switch_to.alert先定位到彈窗，然后使用一系列方法來操作：
accept - 點擊【確認】按鈕
dismiss - 點擊【取消】按鈕（如有按鈕）
send_keys - 輸入內容（如有輸入框）
這里舉一個菜鳥教程上的一個例子：
http://www.runoob.com/try/try.php?filename=tryjs_alert，
在頁面左邊點擊【顯示警告框】就會彈出一個alert彈窗：
我們用以下代碼就能實現切換至彈窗并點擊【確定】按鈕的效果：
al = driver.switch_to_alert() al.accept()
這里這個switch_to_alert()其實是舊寫法，照理應該是用switch_to.alert()，但是新寫法卻會報錯，目前猜測是版本問題，可能不支持新寫法，這里就先用舊寫法。
以下是完整代碼，為了運行的時候看得清楚，我加了兩處等待：
# encoding:utf-8? from selenium import webdriver? import time? driver = webdriver.Firefox()? driver.get("http://www.runoob.com/try/try.php?filename=tryjs_alert") ? driver.switch_to.frame("iframeResult") driver.find_element_by_xpath("html/body/input").click()? time.sleep(1) al = driver.switch_to_alert()? time.sleep(1) al.accept()二、自定義彈窗?
由于alert彈窗不美觀，現在大多數網站都會使用自定義彈窗，使用Selenium自帶的方法就駕馭不了了，此時就要搬出JS大法。這里舉一個新世界教育官網首頁的例子(http://sh.xsjedu.org)：?
?
大家能看到，圖中的這種彈窗就是現在主流的表現形式，處理這種彈窗可以利用HTML DOM Style 對象，有一個display屬性，可以設置元素如何被顯示，
詳細解釋可以參考http://www.w3school.com.cn/jsref/prop_style_display.asp。將display的值設置成none就可以去除這個彈窗了：
js =?'document.getElementById("doyoo_monitor").style.display="none";'
完整代碼如下：
# encoding:utf-8 from selenium import webdriver import time driver = webdriver.Firefox() driver.get("http://sh.xsjedu.org/") time.sleep(1) js='document.getElementById("doyoo_monitor").style.display="none";' driver.execute_script(js)是不是既簡單又高效？
回到頂部2.30 練習題2:定位百度-更多產品
練習題2：定位百度首頁上更多產品里面的‘全部產品’
?
參考代碼
# coding:utf-8 from selenium import webdriver from selenium.webdriver.common.action_chains import ActionChains import time driver = webdriver.Firefox() url = "https://www.baidu.com" driver.get(url) driver.maximize_window() time.sleep(2) e = driver.find_element_by_link_text("更多產品") ActionChains(driver).move_to_element(e).perform() time.sleep(1) # ele = driver.find_element_by_name("tj_more") # 經確認，是可以定位到元素的 # print ele.text # 這一步點擊失效了 # ele.click() ? # js大法好，完美解決ckick失效問題 js = "document.getElementsByName('tj_more')[0].click()" driver.execute_script(js) 回到頂部2.31 練習題3:獲取百度聯系詞
前言
最近有小伙伴問百度輸入后，輸入框下方的聯想詞如何定位到，這個其實難度不大，用前面所講的元素定位完全可以定位到的。
本篇以百度輸入框輸入關鍵字匹配后，打印出聯想詞匯。
一、定位輸入框聯想詞
1.首先在百度輸入框輸入關鍵詞，如：博客，然后輸入框下方會自動匹配出關鍵詞。
2.這時候可以用firebug工具定位到聯想出來的詞，可以看到下方匹配出來的詞都有共同的class屬性，這時候就可以全部定位到了。
二、打印全部匹配出來的詞
1.通過get_attribute()方法獲取到文本信息
三、點擊其中一個
1.點擊其中的一個聯想詞，如：第二個
2.這里可以先加一個判斷，如果獲取到了就點擊，沒獲取到就不點擊了，以免拋異常。
（如果想依次點擊，用for循環就可以了）
三、參考代碼
# coding:utf-8 from selenium import webdriver import time driver = webdriver.Firefox() driver.implicitly_wait(10) driver.get("http://www.baidu.com") time.sleep(1) driver.find_element_by_id("kw").send_keys(u"博客") # 獲取百度輸入框的 time.sleep(1) bd = driver.find_elements_by_class_name("bdsug-overflow") for i in bd:print i.get_attribute("data-key") # 點擊其中的一個，如：第二個 if len(bd) > 1:bd[1].click()# 打印當前頁面urlprint driver.current_url else:print "未獲取到匹配的詞" 回到頂部2.32 js幾種定位方法總結
前言
本篇總結了幾種js常用的定位元素方法，并用js點擊按鈕，對input輸入框輸入文本
?
一、以下總結了5種js定位的方法
除了id是定位到的是單個element元素對象，其它的都是elements返回的是list對象
1.通過id獲取
document.getElementById(“id”)
2.通過name獲取
?document.getElementsByName(“Name”)
返回的是list
3.通過標簽名選取元素
document.getElementsByTagName(“tag”)
4.通過CLASS類選取元素
document.getElementsByClassName(“class”)
兼容性：IE8及其以下版本的瀏覽器未實現getElementsByClassName方法
5.通過CSS選擇器選取元素
document.querySelectorAll(“css selector")
兼容性：IE8及其以下版本的瀏覽器只支持CSS2標準的選擇器語法
?
二、id定位
1.定位博客首頁的管理按鈕：id="blog_nav_contact"
2.js的定位語法里面id定位獲取的是單個元素對象，可以直接用click（）方法點擊元素
?
三、class定位
1.js里面class定位獲取到是是一個list列表對象
2.操作元素的話通過下標取對應的第幾個值，如果只用一個那就取下標[0]
3.定位到輸入框，可以直接用value="xxx"方法輸入內容
4.ByName和ByTagName跟上面class一樣，都是定位的一組元素
?
四、CSS選擇器
1.css選擇器定位到的也是一組元素，語法跟前面學到的css語法是一樣的
五、參考代碼：
# coding: utf-8 from selenium import Webdriver import timedriver = webdriver.Firefox() driver.get("http://cnblogs.com/yoyoketang")#定位首頁管理按鈕：id=blog_nav_contact js1 = 'document.getElementById("blog_nav_contact")'.click;' driver.execute_script(js1)#輸入賬號 js2 = 'document.getElementsByClassName("input-text")[0].value="悠悠";' driver.execute_script(js2)#輸入密碼 js3 = 'document.getElementsByClassName("input-text")[1].value="xxx";' driver.execute_script(js3)#勾選記住密碼 js4 = 'document.getElementsByName("remember_me")[0].click();' driver.execute_script(js4)#點擊登錄按鈕 js5 = 'document.querySelectorAll(#signin)[0].click();' driver.execute_script(js5)?
回到頂部2.33 定位的坑：class屬性有空格
前言
有些class屬性中間有空格，如果直接復制過來定位是會報錯的InvalidSelectorException: Message:
The given selector u-label f-dn is either invalid or does not result in a WebElement. The following error occurred:
InvalidSelectorError: Compound class names not permitted
這個報錯意思是說定位語法錯了。
?
一、定位帶空格的class屬性
1.以126郵箱為例：http://mail.126.com/，定位賬號輸入框
?
2.如果直接復制過來用class屬性定位是會報錯的
?
二、class屬性科普
1.class屬性中間的空格并不是空字符串，那是間隔符號，表示的是一個元素有多個class的屬性名稱，在整個HTML文檔，使用CSS中的同一個class類可能是一個或多個！
(class屬性是比較特殊的一個，除了這個有多個屬性外，其它的像name,id是沒多個屬性的)
2.想補習html基礎知識的可以參考菜鳥教程：http://www.runoob.com/html/html-attributes.html
?
三、class定位
1.既然知道class屬性有空格是多個屬性了，那定位的時候取其中的一個就行（并且要唯一），也就是說class="j-inputtext dlemail"，取j-inputtext 和dlemail都是可以的，這樣這個class屬性在頁面上唯一就行
2.那么問題來了：如何才知道這個元素的某個屬性是不是在頁面上是唯一的呢？
?
四、判斷元素唯一性
1.F12切換到HTML界面，在搜索框輸入關鍵字搜索，如：j-inputtext，然后按回車搜索，看頁面上有幾個class屬性中有j-inputtext這個屬性的，就知道是不是唯一的了。
五、class屬性不唯一怎么辦
1.如果這個class的多個屬性都不是唯一的咋辦呢，元素不唯一也不用怕，可以用復數定位，把所有的相同元素定位出來，按下標取第幾個就行。
?
六、css定位
1.css來定位class屬性的元素前面加個點（.）就行,然后空格變成點（.）就能定位了
2.當然css也可以取class屬性的其中一個屬性（頁面上唯一的）來定位，定位方法是靈活多變的
?
七、參考代碼
# coding:utf-8 from selenium import webdriver driver = webdriver.Firefox() driver.get("http://mail.126.com/") driver.implicitly_wait(20) driver.switch_to.frame("x-URS-iframe") # 方法一：取單個class屬性 driver.find_element_by_class_name("dlemail").send_keys("yoyo") driver.find_element_by_class_name("dlpwd").send_keys("12333") # 方法二：定位一組取下標定位（乃下策） # driver.find_elements_by_class_name("j-inputtext")[0].send_keys("yoyo") # driver.find_elements_by_class_name("j-inputtext")[1].send_keys("12333") # 方法三：css定位 # driver.find_element_by_css_selector(".j-inputtext.dlemail").send_keys("yoyo") # driver.find_element_by_css_selector(".j-inputtext.dlpwd").send_keys("123") # 方法四：取單個class屬性也是可以的 # driver.find_element_by_css_selector(".dlemail").send_keys("yoyo") # driver.find_element_by_css_selector(".dlpwd").send_keys("123") 回到頂部2.34 jquery定位（簡直逆天）
前言
元素定位可以說是學自動化的小伙伴遇到的一道門檻，學會了定位也就打通了任督二脈，前面分享過selenium的18般武藝，再加上五種js的定位大法。
這些還不夠的話，今天再分享一個定位神器jquery，簡直逆天了！
?
一、jquery搜索元素
1.按F12進控制臺
2.點全部按鈕
3.右側如果沒出現輸入框，就點下小箭頭按鈕
4.輸入框輸入jquery定位語法，如：$("#input1")
5.點運行按鈕
6.左邊會出現定位到的元素，如果有多個會以list列表的形式展示出。
?
二、jquery定位語法
1.jquery語法可以學下w3school的教程：http://www.w3school.com.cn/jquery/jquery_syntax.asp
2.格式如下：
$(selector).action()
--selector:這里的定位語法和css的定位語法是一致的，如：id就是#，class就是點（.）,tag標簽名前面就無符號
--action:這個是定位元素之后的操作行為事件，如click
三、jquery行為
1.發送文本語法：$(selector).val(輸入文本的值)
2.清空文本語法：$(selector).val('')?? # 空字符串，兩個單引號
3.點擊按鈕：$(selector).click()
四、參考腳本
# coding:utf-8 from selenium import webdriver import time driver = webdriver.Firefox() driver.get("https://passport.cnblogs.com/user/signin") driver.implicitly_wait(20) # 輸入賬號 username = "$('#input1').val('上海-悠悠')" driver.execute_script(username) # 清空文本 # time.sleep(5) # clear = "$('#input1').val('')" # driver.execute_script(clear) # 輸入密碼 psw = "$('#input2').val('yoyo')" driver.execute_script(psw) # 點擊登錄按鈕 button = "$('#signin').click()" driver.execute_script(button)轉載于:https://www.cnblogs.com/xuegonghou/p/7994043.html
總結
- 上一篇： Centos 7.4 安装ipython
- 下一篇： RPC简易框架开发