【总结】ui自动化selenium知识点总结

news2024/11/27 16:44:16

1. 大致原理

首页安装第三方库selenium库，

其次要下载好浏览器驱动文件，比如谷歌的 chromedriver.exe，配置上环境变量。

使用selenium的webdriver类去创建一个浏览器驱动对象赋值叫driver，一个浏览器驱动对象就可以

  • 实现 对浏览器得操作
  • 页面 元素的定位
  • 和 元素的操作

（原理：代码--->发送http请求-----> 到了真正的浏览器驱动中的http server----->浏览器才执行步骤）

from selenium import webdriver
driver = webdriver.Chrome()

2. 浏览器

浏览器的操作

  • 比如 get 访问网页、close关闭当前页、quit离开整个浏览器
  • set_window_size设置窗口大小(最大化maximize_window()，最小化minimize_window)、
  • 页面前进后退刷新等，# .forward() .back() .refresh()
  • 浏览器标签页（窗口）的切换用到  swith_to.window(handle)
    • 再结合.window_handles获取 句柄列表 [ ]
    • 常见用法 1， 使用索引-1， 打开最新的标签页。 handles_list = driver.window_handles driver.switch_to.window(handles_list[-1]) # 切换到最后一个 handles
    • 常见用法 2， 遍历switch_to 到每个一个handle上， 使用title来判断是否break， 这样就到了想去的页面 代码用法
  • 浏览器的滚动条也是能控制上下滚动： driver.excute_script() 可以用户js语句实现任意页面上的操作，
    • 滚动条--"window.scrollTo(0,10000)" # 0表示向右移动 0
    • 比如一个日期控件的元素是有readonly属性，不能输入值，就可以写个js语句把它去掉。js="document.getElementById(id值').removeAttribute('readonly')"
      • 滚动到指定元素可见(方式2)
      • document.getElementById('password').type="text" # 修改元素属性
  • save_screenshot('./window.png') 保存【整屏截图】 （尺寸打开是多大就截多大） element.screenshot('./ele.png')   元素截图
    • 或 保存【整屏截图】 .get_screenshot_as_file("./all.png") (源码中，save_screentshot 就用的它)

（截全屏，和元素截图的另一种方式）

# 屏幕截图另一个格式
get_screenshot_as_png 这个是不带文件参数的，就需要用with open 来创建
with open('window1.png','wb') as f:
    f.write(driver.get_screenshot_as_png())

# 元素截图另一种格式
另外元素截图还可以用这种，也是也是需要用with open打开
with open('code.png','wb') as f:
    f.write(ele_code.screenshot_as_png)			# 把图片变成字节流的数据


# 补充知识（OCR识别）：
ele_bytes = ele_code.screenshot_as_png
import ddddocr					# pip install ddddocr -i https://pypi.tuna.tsinghua.edu.cn/simple/
ocr=ddddocr.DdddOcr(show_ad=False)			# 参数表示去掉广告
text = ocr.classification(ele_bytes)		# 提取文本信息

或者 
with open('xxx.png' ,'rb') as f:			# r表示读，  b表示二进制  也是字节流的数据
    data = f.read()

截图可以使用的地方：可以用来截取验证码，然后ocr识别图片上的文本

浏览器的获取

  • driver.get_cookies() (需要手动登录一次),遍历得到的cookie列表，然后dirver.add_cookie（i）, 就可以实现绕过登录
  • driver.current_url 获取当前url
  • driver.title 获取标题
  • driver.get_window_size() 获取浏览器尺寸 --得到的是字典格式{'width': 945, 'height': 1020}
  • driver.current_window_handle driver.window_handles 结合swith_to_window 来使用

3. 元素定位与操作

元素定位

  • 我一般选择使用css定位，像 id，name，classname，tag_name这些底层都是通过css来定位的
  • 而且css定位比较方便，可以用
    • 标签选择器，和 #id值 .class值
    • 属性选择器，（可以属性等于某个值，属性以某个值开头，或包含某个值）
    • 路径选择器，(比如空格表示，后代， > 表示找儿子)
    • 伪类选择器 （比如:ntrh-child(n)）
  • 如果要根据某个元素的文本值来定位，或者要根据一个标签多个属性值组合判断，我就会用到xpath定位，
    • //*[text(),"文本"] //*[contains(text(),"文本")] （这种方式也能代替link_text）
    • //*[@id="id1",@class="class1"]
  • 其他： find_element 是找一个元素， find_elements, 是把能找到的装到列表里面，找不到也不会报错，是返回空列表
driver.find_element(By.CSS_SELECTOR,'#multiSelect')

8种定位方式，面试前背背就行。。

页面F12， 可以ctrl F进行搜索

下图也是不用专门背

Xpath定位（这两种要用的）：

        //*[text(),"文本"] //*[contains(text(),"文本")]

        //input[@id='kw' and @class]

元素操作 

按钮、输入框 （单选框） 代码举例

  • 常用的点击click、输入文字send_keys（补充：追加写入）、清空文字clear、submit，get_attribute() 获取属性，.tag_name .text 坐标尺寸 .location .size， .rect更准的坐标尺寸 等

多选框 代码举例

  • 需要用 is_selected() 是否选中 判断多选框是否选中（bool），然后click （is_displayed() 是否可见 有hidden属性的 is_enabled() 是否可用 有disabled属性的）

        例： se = ele.is_selected() if se: print("已经被选中")

特殊一点的1： select元素 下拉框的选择 代码举例

方式1（只适用于select标签）：

 

  • 先实例化一个选择对象， select = Select （ele） # 参数为元素对象
    • select_by_index
    • select_by_value
    • select_by_visible_text
    • deselect_all() 反选
  • 方式2(div的下拉选择，或者select都行)
    • 直接用send_keys("某个值") --- 定位到選項标签
    • 或者直接click --- 定位到其中的一项

特殊一点的2： alert警告框的处理

警告框出来后，首先要driver.switch_to点alert

  • 点accept() , 确认
  • 点dismiss(), 取消
  • 点send_keys(), 输入
  • 或者 点text 不要（）

键盘操作元素

记住是通过send_keys，完成的就行了，然后传入键盘的值， 用的少，也没难度，用时查

如：对【提交按钮】元素进行，回车键

对【输入框】元素进行，ctrl A, ctrl C V 等, (Keys.键*数字) 表示多次操作 如回退 Keys.BACKSPACE*2 等

如下图，是百度提交

鼠标操作 代码笔记

从selenium引入ActionChains类，然后action = ActionChains（driver）实例化一个action对象

from selenium.webdriver import ActionChains

练习地址：https://sahitest.com/demo/

ActionChains(driver).动作1.动作2.perform() 它是一个链式调用

拖动滑块也能实现   drag_and_drop_by_offset（ele，向右的x，向下的y））

ui自动化需掌握的知识点还有：

嵌套网页

遇到有 iframe的元素嵌套网页，需要先先使用到 switch_to点frame（iframe元素de定位） ，切换到对应frame，才能进行元素操作，

另外它还有返回上层页面，和默认地方的操作（百度下）

  • driver.switch_to.frame(ele), # 参数除了是元素定位ele，还可以是 id name， 或者通过索引号
  • driver.switch_to.parent_frame()      返回上一层
  • driver.switch_to.default_content()   调回最外层

文件上传 代码演示

http://42.192.62.186:8088/index.html#/home 账号密码： sq3 123 万能验证码：999999

普通的input框，直接用send_keys，传图片路径

非input框，用python第三方库，pypiwin32 或者 pyautogui 结合pyperclip

 ui自动化其他必备知识点

隐式等待 和显示等待 代码演示

隐式等待

driver.implicitly_wait(30) 可以设置一个最大等待时间，等页面加载完，才会去执行后面的找元素。 不然加载没出来，就找元素，会报错。

比如在渲染页面时，如果不等待直接去找，会找不到。

显示等待

找一种元素时，可以不停的找，直到它可见，就找到。

它的逻辑有点像下面这种（轮询去找，最后超过时间就不等了）

导入一个等待条件 （直接出现，或者直接可见），和一个webDriverWait类。

 

小补充：

  1. 元素ele点location_once_scrolled_into_view等 滚动到可见----
    1. 如例子：https://www.runoob.com/ 页面下放的元素
  2. ele.value_of_css_property('color') 获取CSS属性值
  3. 元素上找元素 （第4课，2节）
  4. 冻屏操作（针对那种不好定位元素）---自己百度， 如：百度输入框，输入了 学习两个字，弹窗上面的元素不好捕获
  5. setTimeout(()=>{debugger;},5000) 表示5秒后debugger. 就可以先在consloe里输入，回车，然后去页面上操作，让页面挺住就可以操作

滚动到可见代码 和 获取css属性值的例子

from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
driver = webdriver.Chrome()
driver.get('https://www.runoob.com/')
sleep(2)
#打开了人看不到，但是网页这个树加载好了，这个元素可能就可以操作
# driver.find_element_by_xpath("//h4[contains(text(),'【网站主机教程】')]").click()

ele_host = driver.find_element(By.XPATH,"//h4[contains(text(),'【网站主机教程】')]")
ele_host.location_once_scrolled_into_view       # 报黄，但是不影响，  滚动条会自动下去
print(ele_host.value_of_css_property('color'))  #rgba(100, 133, 76, 1)

元素上找元素

http://42.192.62.186:8088/index.html#/demo/13

'''
知识点:webelement的find_element_xxxx方法
'''
from selenium import webdriver
import time
driver = webdriver.Chrome()
from selenium.webdriver.common.by import By
driver.implicitly_wait(5)
driver.get("http://42.192.62.186:8088/index.html#/")
driver.maximize_window()
# 账号密码
driver.find_element(By.CSS_SELECTOR, '#username').send_keys('sq3')
driver.find_element(By.CSS_SELECTOR, '#password').send_keys('123')
driver.find_element(By.CSS_SELECTOR, '#code').send_keys('999999')

driver.find_element(By.CSS_SELECTOR, "#submitButton").click()
time.sleep(1)
driver.refresh()
time.sleep(1)
driver.find_element(By.XPATH, "//span[contains(text(),'按钮')]").click()
driver.find_element(By.XPATH, "//li[contains(text(),'下拉框')]").click()


# 方式1 ，点击选项
driver.find_element(By.XPATH, "//*[contains(text(),'3C数码')]").click()
time.sleep(3)
# 方式1 ，CSS定位
driver.find_element(By.CSS_SELECTOR, "#categoryId > option:nth-child(3)").click()

time.sleep(3)
# 方式2，在下拉框上， 再找
"""元素上找元素  （分布找--------代码封装时有用）,  缩小范围找"""
driver.find_element(By.ID, 'categoryId').find_elements(By.TAG_NAME, 'option')[5].click()
#找到id=categoryId的元素，在它下面找标签为option的元素

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1845130.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

STM32C8T6与TB6612

STM32C8T6与TB6612

好久没写博客了，今天水一篇 接线
阅读更多...
React中的JSX应该怎么用

React中的JSX应该怎么用

什么是JSX JSX Javascript XML，JSX是一个 JavaScript 的语法扩展。 JSX可以很好地描述 UI 应该呈现出它应有交互的本质形式并且其完全可以和JavaScript融合在一起使用。而且具有 JavaScript 的全部功能。JSX 可以生成 React “元素”。 JSX代码示例： …
阅读更多...
网络编程（二）TCP编程 TCP粘包问题

网络编程（二）TCP编程 TCP粘包问题

文章目录 一、TCP网络编程（一）流程（二）相关函数1. socket2. bind3. listen4. accept5. connect 二、收发函数（一）send函数（二）recv函数 三、TCP粘包问题（一）将…
阅读更多...
每天写java到期末考试（6.20）--集合2--练习--6.20

每天写java到期末考试（6.20）--集合2--练习--6.20

练习1 package QM_Fx;import java.util.ArrayList;public class test{public static void main(String[] args) {//1.创建一个集合ArrayList<String> listnew ArrayList<>();//2.添加元素list.add("点赞了吗");list.add("投币了吗");list.add(…
阅读更多...
代码随想录-Day36

代码随想录-Day36

452. 用最少数量的箭引爆气球 有一些球形气球贴在一堵用 XY 平面表示的墙面上。墙面上的气球记录在整数数组 points &#xff0c;其中points[i] [xstart, xend] 表示水平直径在 xstart 和 xend之间的气球。你不知道气球的确切 y 坐标。 一支弓箭可以沿着 x 轴从不同点 完全垂…
阅读更多...
问题解决：Spring Boot 项目表单忽略前端提交的参数

问题解决：Spring Boot 项目表单忽略前端提交的参数

在Spring项目中&#xff0c;如果你希望忽略前端提交的不在实体类&#xff08;通常是DTO或Model对象&#xff09;中的参数&#xff0c;有几种方法可以实现这一点。以下是几种常见的策略&#xff1a; 使用DTO&#xff08;Data Transfer Object&#xff09;: 创建一个DTO类&#x…
阅读更多...
Day14——Python文本挖掘数据分析

Day14——Python文本挖掘数据分析

文章目录 竞争分析-品类分布-适用对象竞争分析-产品结构-拜耳在这里插入图片描述竞争分析-产品结构-拜耳-BCG图竞争分析-产品结构-拜耳-明星竞争分析-产品结构-拜耳-奶牛竞争分析-产品结构-拜耳-问题竞争分析-产品结构-安速-BCG图竞争分析-产品结构-安速-明星竞争分析-产品结构…
阅读更多...
【漏洞复现】万户-ezEIP success.aspx 反序列化漏洞

【漏洞复现】万户-ezEIP success.aspx 反序列化漏洞

免责声明&#xff1a; 本文内容旨在提供有关特定漏洞或安全漏洞的信息&#xff0c;以帮助用户更好地了解可能存在的风险。公布此类信息的目的在于促进网络安全意识和技术进步&#xff0c;并非出于任何恶意目的。阅读者应该明白&#xff0c;在利用本文提到的漏洞信息或进行相关测…
阅读更多...
MySQL----彻底卸载(附带每一步截图)

MySQL----彻底卸载(附带每一步截图)

停止mysql服务 打开任务管理器&#xff0c;点击服务&#xff0c;找到mysql服务&#xff0c;这里我的是MySQL57&#xff0c;找到mysql服务后选中&#xff0c;点击右键选择停止服务 删除mysql服务 winR打开命令框&#xff0c;输入cmd打开cmd控制台或者电脑左下角输入cmd搜索&…
阅读更多...
用户态协议栈03-icmp实现

用户态协议栈03-icmp实现

icmp协议 ICMP&#xff08;Internet Control Message Protocol&#xff09;Internet控制报文协议。它是TCP/IP协议簇的一个子协议&#xff0c;用于在IP主机、路由器之间传递控制消息。控制消息是指网络通不通、主机是否可达、路由是否可用等网络本身的消息。这些控制消息虽然并…
阅读更多...
Linux字节对齐小程序

Linux字节对齐小程序

#include <stdio.h> // 默认对齐 struct DefaultAligned { char c; int i; }; // 按1字节对齐 #pragma pack(push, 1) struct OneByteAligned { char c; int i; }; #pragma pack(pop) // 恢复之前的对齐设置 int mai…
阅读更多...
1964springboot VUE小程序在线学习管理系统开发mysql数据库uniapp开发java编程计算机网页源码maven项目

1964springboot VUE小程序在线学习管理系统开发mysql数据库uniapp开发java编程计算机网页源码maven项目

一、源码特点 springboot VUE uniapp 小程序 在线学习管理系统是一套完善的完整信息管理类型系统&#xff0c;结合springboot框架uniapp和VUE完成本系统&#xff0c;对理解vue java编程开发语言有帮助系统采用springboot框架&#xff08;MVC模式开发&#xff09;&#xff0c;…
阅读更多...
Shiro721 反序列化漏洞（CVE-2019-12422）

Shiro721 反序列化漏洞（CVE-2019-12422）

目录 Shiro550和Shiro721的区别 判断是否存在漏洞 漏洞环境搭建 漏洞利用 利用Shiro检测工具 利用Shiro综综合利用工具 这一篇还是参考别的师傅的好文章学习Shiro的反序列化漏洞 上一篇也是Shiro的反序列化漏洞&#xff0c;不同的是一个是550一个是721&#xff0c;那么这…
阅读更多...
《Windows API每日一练》5.2 按键消息

《Windows API每日一练》5.2 按键消息

上一节中我们得知&#xff0c;Windows系统的按键消息有很多类型&#xff0c;大部分按键消息都是由Windows系统的默认窗口过程处理的&#xff0c;我们自己只需要处理少数几个按键消息。这一节我们将详细讲述Windows系统的所有按键消息及其处理方式。 本节必须掌握的知识点&…
阅读更多...
厚膜电阻电路丝网印刷

厚膜电阻电路丝网印刷

厚膜丝网印刷 该技术用于需要长寿命、热耐久性、机械强度、导热性、高密度电气互连、低介电损耗等的苛刻应用 特征&#xff1a; 陶瓷标准工艺从前到后的通孔连接 正面和背面的丝网印刷电阻器是标准工艺 金导体可以用金线和/或氧化铝线进行线键合 可焊接金属化&#xff0c;…
阅读更多...
《梦醒蝶飞：释放Excel函数与公式的力量》3.5常用数学函数max

《梦醒蝶飞：释放Excel函数与公式的力量》3.5常用数学函数max

3.5 MAX函数 教案主题&#xff1a;Excel中MAX函数的应用 一、定理定义 MAX函数是Excel中的一个内置函数&#xff0c;用于返回一组数值中的最大值。它可以应用于数据集&#xff0c;帮助用户快速识别最大数值&#xff0c;从而进行数据分析和决策。 二、语法结构 MAX函数的基…
阅读更多...
国外开源字典集（wordlists）

国外开源字典集（wordlists）

Assetnote Wordlists Wordlists that are up to date and effective against the most popular technologies on the internet.https://wordlists.assetnote.io/
阅读更多...
LInux驱动开发笔记（十）SPI子系统及其驱动

LInux驱动开发笔记（十）SPI子系统及其驱动

文章目录 前言一、SPI驱动框架二、总线驱动2.1 SPI总线的运行机制2.2 重要数据结构2.2.1 spi_controller2.2.2 spi_driver2.2.3 spi_device2.2.4 spi_transfer2.2.5 spi_message 三、设备驱动的编写3.1 设备树的修改3.2 相关API函数3.2.1 spi_setup( )3.2.2 spi_message_init( …
阅读更多...
Docker定位具体占用大量存储的容器

Docker定位具体占用大量存储的容器

监控告警生产环境的服务器磁盘分区使用率大于90%&#xff0c;进入服务器查看Docker 的 overlay2 存储驱动目录中占用很大&#xff0c;很可能是某个容器一直在打印日志&#xff0c;所以需要定位到是哪个容器&#xff0c;然后进行进一步排查。 然后进入到overlay2中查看是哪个目录…
阅读更多...
Python日志管理利器：如何高效管理平台日志

Python日志管理利器：如何高效管理平台日志

一、为什么需要日志管理&#xff1f; 日志是应用程序的重要组成部分&#xff0c;它记录了应用程序的运行状态、错误信息以及用户交互等关键信息。良好的日志管理可以帮助开发人员及时发现和解决问题&#xff0c;提高应用程序的稳定性和可靠性。 项目在本地开发调试时&#xf…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023