• Selenium4+Python3系列（七） - Iframe、Select控件、交互式弹出框、执行JS、Cookie操作

    前言

    突然，想把所有之前未更新的常用Api操作、演示写出来，算是对API的一种完结吧。

    下面按照Api模块来做逐一介绍。

    一、iframe操作

    iframe识别：

    img_1.png

    语法：

    driver.switch_to.frame('方式')

    1、常见处理方法三种

    • index：下标
    • name：id或name属性的值
    • webelement：元素

    2、通过下标进入

    进入第一个iframe
    driver.switch_to.frame(0)

    3、通过id或name属性的值进入

    通过id或name属性的值进入指定的iframe

    python
    driver.switch_to.frame('iframe')
driver.switch_to.frame('iframeName')

    4、通过iframe元素进入iframe

    通过iframe元素进入指定iframe

    python
    iframe=driver.find_element(By.ID,"iframe")
driver.switch_to.frame(iframe)

    完整案例代码如下：

    python
    
from selenium import webdriver
from selenium.webdriver.common.by import By
from webdriver_manager.chrome import ChromeDriverManager

driver = webdriver.Chrome(ChromeDriverManager().install())
driver.get("http://localhost:8080/iframeDemo.html")
# 通过下标进入frame
driver.switch_to.frame(0)
# 通过id或name属性的值进入指定的iframe
driver.switch_to.frame('iframe')
driver.switch_to.frame('iframeName')
# 通iframe元素进入iframe
iframe=driver.find_element(By.ID,"iframe")
driver.switch_to.frame(iframe)
driver.find_element(By.ID,'user').clear()
driver.find_element(By.ID,'user').send_keys("this is a frame test !")
print(driver.find_element(By.ID,'user').get_attribute('value'))

    二、select下拉框操作

    1、select控件识别

    img_3.png

    常见操作有两种：一步到位，二次管控！

    2、一步到位

    一步到位： 直接定位元素点击即可，示例如下：

    python
    # 一步到位，直接选择典韦
driver.find_element(By.CSS_SELECTOR,"[value='3']").click()
print(driver.find_element(By.CSS_SELECTOR,"[value='3']").text)

    3、二次管控

    二次管控： 先定位select框，再定位select里的选项,通过Select对象进行强转，来调用select控件中的Api来达到操作的目的。

    常见操作方法：

    • select_by_index()：通过下标选择对应项
    • select_by_value()：通过value选择对应项
    • select_by_visible_text()：通过可见文本选择对应项

    示例代码如下：

    python
    select = Select(driver.find_element(By.ID, "select"))
# 选择第一个选项
select.select_by_index(0)
# 调用first_selected_option就能获取当前下拉框选中值啦
print(select.first_selected_option.text)
sleep(2)
# 选择典韦
select.select_by_value("3")
# 调用first_selected_option就能获取当前下拉框选中值啦
print(select.first_selected_option.text)
sleep(2)
# 选择凯
select.select_by_visible_text("凯")
# 调用first_selected_option就能获取当前下拉框选中值啦
print(select.first_selected_option.text)

    4、遍历所有选项

    示例代码如下：

    python
    # 打印所有选项的text
for option in select.options:
    print("选项为："+option.text)

    完整代码示例：

    python
    from time import sleep

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.select import Select
from webdriver_manager.chrome import ChromeDriverManager

driver = webdriver.Chrome(ChromeDriverManager().install())
driver.get("http://localhost:8080/SelectDemo.html")
# 一步到位，直接选择典韦
# driver.find_element(By.CSS_SELECTOR,"[value='3']").click()
# print(driver.find_element(By.CSS_SELECTOR,"[value='3']").text)
select = Select(driver.find_element(By.ID, "select"))
# 选择第一个选项
select.select_by_index(0)
# 调用first_selected_option就能获取当前下拉框选中值啦
print(select.first_selected_option.text)
sleep(2)
# 选择典韦
select.select_by_value("3")
# 调用first_selected_option就能获取当前下拉框选中值啦
print(select.first_selected_option.text)
sleep(2)
# 选择凯
select.select_by_visible_text("凯")
# 调用first_selected_option就能获取当前下拉框选中值啦
print(select.first_selected_option.text)

# 打印所有选项的text
for option in select.options:
    print("选项为："+option.text)
sleep(2)

    关于Select模块的其他方法还有很多，其他方法，还请各位各位读者朋友自己去尝试，就不一一列举了！

    三、交互操作弹出框的处理

    1、弹出框分类：

    弹出框分为两种，一种基于原生JavaScript写出来的弹窗，另一种是自定义封装好的样式的弹出框，即原生JavaScript写出来的弹窗，另一种弹窗用click()基本就能搞定。
    原生JavaScript写出来的弹窗又分为三种：

    alert

    img_4.png

    confirm

    img_5.png

    prompt

    img_6.png

    2、弹窗处理常用方法：

    alert/confirm/prompt弹出框操作主要方法有：

    • driver.switch_to.alert：切换到alert弹出框上
    • alert.text：获取文本值
    • accept() ：点击"确认"
    • dismiss()：点击"取消"或者关闭对话框
    • send_keys() ：输入文本值 --仅限于prompt,在alert和confirm上没有输入框

    alert弹窗处理

    示例代码如下：

    python
    # alert弹窗处理
driver.find_element(By.ID,"alert").click()
alert=driver.switch_to.alert
print(alert.text)
# 确定
alert.accept()
sleep(2)

    confirm弹窗处理

    示例代码如下：

    python
    # dialog对话框处理
driver.find_element(By.ID,"dialog").click()
alert=driver.switch_to.alert
print(alert.text)
# 取消操作
alert.dismiss()
sleep(2)

    prompt弹窗处理

    highlighter- Bash
    # 弹窗输入框
driver.find_element(By.ID,"welcome").click()
alert=driver.switch_to.alert
print(alert.text)
alert.send_keys("input 框")
alert.accept()
sleep(2)
print(alert.text)

    四、执行Js操作

    在做web自动化时，有些情况selenium的api无法完成，需要通过第三方手段比如js来完成实现，比如去改变某些元素对象的属性或者进行一些特殊的操作，本文将来讲解怎样来调用JavaScript完成特殊操作。

    1、用法

    driver.execute_script(js语句)

    2、模拟场景

    场景1

    打开百度首页，并弹窗提示hellow,world!，关闭弹窗，控制台输出弹窗文本hellow,world!
    示例代码如下：

    python
    # 执行js语句
driver.execute_script("alert('hellow,world!')")
alert=driver.switch_to.alert
print(alert.text)
# 确定
alert.accept()

    场景2
    示例代码如下：

    python
    # 将百度按钮改成MyLove
element = driver.find_element(By.ID, "su");
driver.execute_script("document.getElementById('su').setAttribute('value', 'MyLove');", element);

    效果如下：
    image.png

    3、模拟滚动条操作

    在写脚本时，总会遇到一种情况，就是当滚动拉倒最下面了，表单或者下拉框、按钮这些元素未在当前页面展示，而webdriver提供的方法都是操作当前页面可见的元素，这时我们使用JavaScript操作浏览器的滚动条，滚动后使页面元素可见，就可完成后面的元素操作了。

    核心思路：

    就是使用js去控制浏览器滚动条的位置，在使用selenium调用JavaScript操作js完成。

    下面举例几种常用滚动条的js代码示例如下：

    highlighter- Go
    //拖动滚动条至底部
document.documentElement.scrollTop=10000
window.scrollTo(0,document.body.scrollHeight)

//拖动滚动条至顶部
document.documentElement.scrollTop=0
arguments[0].scrollIntoView(false);

//左右方向的滚动条可以使用window.scrollTo(左边距，上边距)方法
window.scrollTo(200,1000)

    实际案例

    以博客园我的文章列表页为例，来演示滚动条操作，具体代码如下：

    python
    from time import sleep

from selenium import webdriver
from selenium.webdriver.common.by import By
from webdriver_manager.chrome import ChromeDriverManager

driver = webdriver.Chrome(ChromeDriverManager().install())
driver.get("https://www.cnblogs.com/longronglang/")
driver.maximize_window()

# 获取第一篇文章列表元素
element = driver.find_element(By.CSS_SELECTOR,".forFlow [role='article']:nth-of-type(1) .vertical-middle")
sleep(2)
# 将页面滚动条拖到底部
driver.execute_script("window.scrollTo(0,document.body.scrollHeight)")
# 将滚动条滚动至第三篇文章列表位置
driver.execute_script("arguments[0].scrollIntoView(true)", element)
sleep(2)
# 将滚动条滚动到顶部
driver.execute_script("arguments[0].scrollIntoView(false)", element)
sleep(2)
# 将滚动条滚动到指定位置
driver.execute_script("window.scrollTo(200,1000)")

    五、Cookie操作之完美绕过验证码

    下面我们就使用cookie操作，绕过登录验证码

    还是以博客园为例，下面本文来介绍下如何绕过下图验证码，进入博客园

    图片

    1、工具准备

    • Fiddler.exe
    • IDEA/Eclipse
    • selenium的cookie操作

    如何操作？

    看完之后，记得收藏+转发。

    2、使用Fiddler抓包

    一般登陆网站成功后，会生成一个已登录状态的cookie，那么只需要直接把这个值拿到，用selenium进行addCookie操作即可。

    可以先手动登录一次，然后抓取这个cookie，这里我们就需要用抓包工具fiddler了

    先打开博客园登录界面，手动输入账号和密码（不要点登录按钮）

    图片

    打开fiddler抓包工具，此时再点博客园登录按钮

    图片

    登录成功后，再查看cookie变化，发现多了两组参数，多的这两组参数就是我们想要的，copy出来，一会有用

    图片

    3、cookie操作语法

    driver.add_cookie（）

    add_cookie(cookie_dict)方法里面参数是cookie_dict，说明里面参数是字典类型。

    源码官方文档介绍：

    highlighter- Bash
    add_cookie(self, cookie_dict)  

Adds a cookie to your current session.  
  
Args:  

- cookie_dict: A dictionary object, with required keys - "name" and "value"; 
optional keys - "path", "domain", "secure", "expiry"  

Usage:  

driver.add_cookie({'name' : 'foo', 'value' : 'bar'})  
driver.add_cookie({'name' : 'foo', 'value' : 'bar', 'path' : '/'})  
driver.add_cookie({'name' : 'foo', 'value' : 'bar', 'path' : '/', 'secure':True})

    从官方的文档里面可以看出，添加cookie时候传入字典类型就可以了，等号左边的是name，等号左边的是value。

    把前面抓到的两组数据（参数不仅仅只有name和value），写成字典类型：

    json
    {'name':'.CNBlogsCookie','value'：'2C3AE01E461B2D2F1572D02CB936D77A053089AA2xxxx...'}
{'name':'.Cnblogs.AspNetCore.Cookies','value':'CfDJ8Mmb5OBERd5FqtiQlKZZIG4HKz_Zxxx...'}

    4、完整示例代码

    python
    # coding:utf-8
from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.maximize_window()
driver.get("https://www.cnblogs.com/longronglang/")

# 添加cookie
c1 = {u'domain': u'.cnblogs.com',
      u'name': u'.CNBlogsCookie',
      u'value': u'xxxx',
      u'expiry': 15412950521,
      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': 15412950521,
      u'path': u'/',
      u'httpOnly': True,
      u'secure': False}
# 添加2个值
driver.add_cookie(c1)  
driver.add_cookie(c2)
time.sleep(3)

# 刷新下页面就见证奇迹了
driver.refresh()
# 再来个登录后操作
driver.find_element_by_link_text(u"博客园").click()
driver.find_element_by_link_text("Refain").click()

    效果图

    image.png

    有几点需要注意：

    • 登录时候要勾选下次自动登录按钮。
    • addCookie（）只添加name和value，对于博客园的登录是不成功。
    • 本方法并不适合所有的网站，一般像博客园这种记住登录状态的才会适合。
    • 学习过程中有遇到疑问的，可以加我微信1399811201交流

    最后

    本来想着一口气都写完的，结果时间不允许，今天先更新这么多了，996的工作情况，请原谅我的”懒惰“，您的转发、转发、点赞，我都当作了喜欢🙏！


    __EOF__

  • 本文作者： 久曲健的测试窝
  • 本文链接： https://www.cnblogs.com/longronglang/p/16901123.html
  • 关于博主： 评论和私信会在第一时间回复。或者直接私信我。
  • 版权声明： 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
  • 声援博主： 如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。
  • 相关阅读:
    达梦数据库 优化
    【Linux】进程理解
    牛客网刷题训练(三)
    操作系统概念 进程调度
    vue3中el-tree的使用及后端传参
    SpringCloud Gateway—高并发场景微服务实战（十三）
    设计模式 - MVC 扩展设计
    【Python】科研代码学习：十四 wandb (可视化AI工具)
    护眼台灯哪个牌子最好？护眼台灯品牌实时排行榜分享
    github.com不能访问原因不是因为DNS，而是因为故意间歇性抽风，可改用镜像站
  • 原文地址：https://www.cnblogs.com/longronglang/p/16901123.html