🔥《手把手教你》系列练习篇之8-python+ selenium自动化测试-压台篇（详细教程）
1.简介
本文是练习篇的最后一篇文章，虽然练习篇的文章到此就要和大家说拜拜了，但是我们的学习之路才刚刚开始。不要停下你的脚步，大步朝前走吧！比你优秀的人还在走着，我们有什么理由停下自己的脚步了，生命不止，学习亦是如此。好了，宏哥的毒鸡汤好喝吧，喝够了就开始学习吧。
本文主要是练习如何处理iframe切换、处理alert弹窗、获取当前页面全部信息、获取页面href属性和如何截图保存等等内容，希望小伙伴或者童鞋们喜欢哈！！！
2.处理iframe切换
本文介绍如何利用Selenium中方法，在不同iframe中切换。
问题：有时候我们发现元素定位没问题，在测试回放的过程，发现就是找不到元素报错。
2.1示例一
由于没有找到合适的iframe网站，这里不好用代码举例，简单文字加图片来介绍。但是宏哥辗转反侧的睡不着，最后实在是没招了。于是自己写了一个简陋比较low的网页，利用iframe网页框架，把网页分成上下两个不同iframe控制的页面，把下面html代码保存到
一个记事本，然后修改名称为index.html。
2.2index.html
<html>
<head><title>iframetestpage</title></head>
<body>
<iframeid="frame1"src="https://www.baidu.com"name="slider"height="325"width="550"></iframe>
<br>
<iframeid="frame2"src="http://example.com"name="example"height="325"width="550"></iframe>
</body>
</html>用本地浏览器打开如下图：
用firepath来获得百度文本输入框的XPath截图
看到了红圈位置不是显示TopWindow，说明你要定位的目标元素在一个iframe里，如果要操作这个元素，首先需要从默认的TopWindow，利用switch_to.frame(‘iframeid’)方法来切换到具体的iframe，然后才能去操作目标元素。
正常百度页面，文本输入框截图
方法介绍：
driver.switch_to.frame("iframe1")
#操作目标元素，这个目标元素在iframe1里面，这里就是百度文本输入框输入文字
driver.switch_to.default_content()如果有具体项目页面利用了iframe,自己动手写一下脚本。
2.3示例二
宏哥最后终于找到了一个合适的demo来给小伙伴们或者童鞋们来用代码实际演练的例子如下：
步骤：
1.先确认你要操作的元素，是否存在与iframe中，如果元素在iframe中就需要切换
2.找到该iframe
3.切换到该iframe（两种方式）
第一种方式：有三种方法，只是单纯的切换
driver.switch_to.frame(1)#通过index（下标）
driver.switch_to.frame('login_frame_qq')#通过name
driver.switch_to.frame(driver.find_element_by_xpath('//iframe[@name="login_frame_qq"]'))#通过webelement第两种方式：既等待元素可见又进行了iframe切换
WebDriverWait(driver,20).until(EC.frame_to_be_available_and_switch_to_it('login_frame_qq'))4.切换完后，就以这个iframe中的html为主html
5.返回默认的html页面，无论现在在那一层的iframe，执行一次即可。
driver.switch_to.default_content()2.3.1代码实现
2.3.2参考代码
#coding=utf-8🔥
#1.先设置编码，utf-8可支持中英文，如上，一般放在第一行
#2.注释：包括记录创建时间，创建人，项目名称。
'''
Createdon2019-12-09
@author:北京-宏哥QQ交流群：705269076
Project:python+selenium自动化测试练习篇8
'''
#3.导入模块
importtime
fromseleniumimportwebdriver
fromselenium.webdriver.support.waitimportWebDriverWait
fromselenium.webdriver.supportimportexpected_conditionsasEC
fromselenium.webdriver.common.byimportBy
driver=webdriver.Chrome()
driver.maximize_window()
#登录腾讯课堂页面
driver.get('https://ke.qq.com/course/list')
#点击首页登录
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,'//a[@id="js_login"]')))
driver.find_element_by_id("js_login").click()
#登录弹窗点击QQ登录
WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,'//a[contains(@class,"btns-enter-qq")]')))
driver.find_element_by_xpath('//a[contains(@class,"btns-enter-qq")]').click()
#iframe切换
#driver.switch_to.frame('login_frame_qq')#通过name
driver.switch_to.frame(driver.find_element_by_xpath('//iframe[@name="login_frame_qq"]'))#通过webelement
#弹窗点击账户密码登录switcher_plogin
#WebDriverWait(driver,20).until(EC.visibility_of_element_located((By.XPATH,'//a[@id="switcher_plogin"]')))
time.sleep(10)
driver.find_element_by_xpath('//a[@id="switcher_plogin"]').click()2.3.3运行结果
运行代码后，控制台打印如下图的结果
2.3.4浏览器运行结果
浏览器的运行过程，宏哥这里就不做屏幕录制了，这个我们看一下结果。浏览器运行结果如下：
3.处理Alert弹窗
本文来介绍如何通过Selenium方法去处理网页Alert弹窗，和处理iframe类似，都是通过switch_to方法。这里还是没有找到合适的alert弹窗网站，我们就自己创建一个吧，前面文章介绍了如何通过执行JS来增加一个弹窗。
（1）使用switch_to方法先切换到浏览器弹出框
driver.switch_to.alert
（2）Alert类提供了一系列的操作方法
dismiss():否
accept():是
text():获取弹出框里的文本内容
send_keys():在弹出框里输入文本
相关脚本代码如下：
3.1代码实现
3.2参考代码
#coding=utf-8🔥
#1.先设置编码，utf-8可支持中英文，如上，一般放在第一行
#2.注释：包括记录创建时间，创建人，项目名称。
'''
Createdon2019-12-09
@author:北京-宏哥QQ交流群：705269076
Project:python+selenium自动化测试练习篇8
'''
#3.导入模块
importtime
fromseleniumimportwebdriver
driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("https://www.baidu.com")
time.sleep(1)
driver.execute_script("window.alert('这是一个测试Alert弹窗');")
time.sleep(2)
driver.switch_to_alert().accept()#点击弹出里面的确定按钮
#driver.switch_to_alert().dismiss()#点击弹出上面的X按3.3运行结果
运行代码后，控制台打印如下图的结果
注意：
driver.switch_to_alert().accept()
这是一个老方法，在有些编辑器（后面会介绍一款Python的IDE工具）会提示这个方法划横线，说明在最新Selenium在Pyhton支持包里，这个方法被丢弃，虽然还是可以用，现在新的方法是switch_to.alert(),用这个最新方法，我测试了下，无法模拟点击确定和点击关
闭弹窗按钮，所以这个地方选择了旧的方法switch_to_alert()
4.获取当前页面全部图片信息
本文来介绍下如何获取当前页面全部的图片信息，图片信息可能包括，图片名称，图片大小等。
相关脚本代码如下：
4.1代码实现
4.2参考代码
#coding=utf-8🔥
#1.先设置编码，utf-8可支持中英文，如上，一般放在第一行
#2.注释：包括记录创建时间，创建人，项目名称。
'''
Createdon2019-12-09
@author:北京-宏哥QQ交流群：705269076
Project:python+selenium自动化测试练习篇8
'''
#3.导入模块
importtime
fromseleniumimportwebdriver
driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("http://news.baidu.com")
time.sleep(1)
forimageindriver.find_elements_by_tag_name("img"):
print(image.text)
print(image.size)
print(image.tag_name)4.3运行结果
运行代码后，控制台打印如下图的结果
运行结果：
运行结果，发现没有图片名称打印出来，说明百度新闻页面，所有图片都没有给出text这个属性，前端的妹子没有写图片的text属性。不相信的同学或者小伙伴们可以通过F12查看一下图片是否有text这个属性。
5.获取页面元素的href属性
本文来介绍如何通过Selenium获取页面元素的某一个属性。一个元素可能有多个属性，例如class,id,name,text,href,vale等等。这里我们举例一个爬虫中经常需要处理的链接问题：找出当前页面所有的超链接。
已百度首页为例，打印所有包含href的元素的链接。
相关脚本代码如下：
5.1代码实现
5.2参考代码
#coding=utf-8🔥
#1.先设置编码，utf-8可支持中英文，如上，一般放在第一行
#2.注释：包括记录创建时间，创建人，项目名称。
'''
Createdon2019-12-09
@author:北京-宏哥QQ交流群：705269076
Project:python+selenium自动化测试练习篇8
'''
#3.导入模块
importtime
fromseleniumimportwebdriver
driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("https://www.baidu.com")
time.sleep(1)
forlinkindriver.find_elements_by_xpath("//*[@href]"):
print(link.get_attribute('href'))
driver.quit()5.3运行结果
运行代码后，控制台打印如下图的结果
这里只是找元素的href属性，如果你需要其它属性，例如你需要查看页面所有元素具有id值的话，你可以这样写：print(link.get_attribute(‘id’))
6.如何截图并保存
本文介绍如何利用Selenium的方法进行截图，在测试过程中，是有必要截图，特别是遇到错误的时候进行截图。在seleniumforpython中主要有三个截图方法，我们挑选其中最常用的一种。
get_screenshot_as_file()
相关代码如下：
6.1代码实现
6.2参考代码
#coding=utf-8🔥
#1.先设置编码，utf-8可支持中英文，如上，一般放在第一行
#2.注释：包括记录创建时间，创建人，项目名称。
'''
Createdon2019-12-09
@author:北京-宏哥QQ交流群：705269076
Project:python+selenium自动化测试练习篇8
'''
#3.导入模块
importtime
fromseleniumimportwebdriver
driver=webdriver.Chrome()
driver.maximize_window()
driver.implicitly_wait(6)
driver.get("https://www.baidu.com")
time.sleep(1)
driver.get_screenshot_as_file("C:\\Users\\你的账户名\\Desktop\\baidu.png")
driver.quit()6.3运行结果
运行代码后，控制台打印如下图的结果
6.4执行结果
会在桌面保存一张百度首页的截图，图片后缀是png。注意路径是要两个\。如下图：
7.小结
7.1多个iframe的切换问题
#如：有两个iframe：f1、f2
#1.定位到f1
driver.switch_to_frame("f1")
#2.操作元素
#······
#3.退出iframe
driver.switch_to_default_content()
#4.定位到f2
driver.switch_to_frame("f2")
#······7.2嵌套：f1中嵌套着f2
driver.switch_to_frame("f1")
driver.switch_to_frame("f2")
#操作元素7.3退出iframe
#第一种方式：跳出所有iframe，回到主界面
driver.switch_to_default_content()
#第二种方式：回到f1（返回上一级）
driver.switch_to.parent_frame()好了，今天的练习就到这里，希望大家好好的练习和理解。