6-selenium基础操作

文章目录

  • 1、webdriver常用方法
  • 2、控制浏览器操作
  • 3、窗口截图
  • 4、警告框处理
  • 5、鼠标事件
  • 6、键盘事件
  • 7、form切换
  • 8、页签切换
  • 9、操作滚动条
  • 10、下拉框选择
  • 11、文件上传
    • input实现
    • 非input实现

1、webdriver常用方法

操作 示例
输入操作 元素.send_keys(‘输入内容’)  注:要求被操作按钮为文本框
清空文本框内容 元素.clear()
单击操作 元素.click()
获取元素尺寸 元素.size
获取元素文本内容 元素.text
获取元素属性值 元素.get_attribute (‘属性名’)
检查元素是否可见 元素.is_displayed()

2、控制浏览器操作


#控制浏览器大小(参数单位:像素)
browser.set_window_size(700,700)

#最大化窗口
browser.maximize_window()

#最小化窗口
browser.minimize_window()

#控制浏览器后退
browser.back() 

#控制浏览器前进
browser.forward() 

#控制浏览器刷新
browser.refresh() 

3、窗口截图

from selenium import webdriver
broswer = webdriver.Chrome()
broswer.get("https://www.baidu.com")

#截取整个页面
broswer.get_screenshot_as_file("./all.png")

#截取单个元素
baidu_text = broswer.find_element_by_id('kw')
baidu_text.screenshot('./baidu_text.png')

4、警告框处理

from selenium import webdriver
import time

browser = webdriver.Chrome()
browser.get('file:///D:/TestSoft/Selenium/test.html')

# 触发对话框
bu1 = browser.find_element_by_id('bu1').click()
# 操作对话框
al = browser.switch_to.alert
# 确定对话框
al.accept()

# 触发确认框
bu2 = browser.find_element_by_id('bu2').click()
# 操作确认框
al = browser.switch_to.alert
# 确认
# al.accept()
# 取消
al.dismiss()

# 触发提示框
bu3 = browser.find_element_by_id('bu3').click()
# 操作提示框
al = browser.switch_to.alert
# 获取警告框的文本信息
print(al.text)
# 提示框输入内容
al.send_keys('look at me')  # 输入内容会生效,但不会显示在界面
al.accept()

time.sleep(10)
browser.quit()

html附件:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>警告框处理title>
    <script type="text/javascript">
        function duihua() {
      
            alert("这个窗口是对话框!");
            print('你点击了确认');
        }

        function queren() {
      
            var se = confirm("确认框!");
            if (se == true) {
      
                print('你点击了确认1');
            } else {
      
                print('你点击了取消1');
            }
        }

        function tishi() {
      
            var se = prompt("请输入您的反馈意见", "测试")
            if (se != null) {
      
                print('你点击了确认2并输入了:' + se);
            } else {
      
                print('你点击了取消2');
            }
//            if (t != null && t != "") {
      
//                document.write("刷新回到初始界面")
//            }
        }

        function print(text) {
      
            var dom = document.createElement('div')
            dom.innerText = text
            document.getElementsByTagName('body')[0].appendChild(dom)
        }
    script>
head>
<body>
<input id="bu1" type="button" onclick="duihua()" value="点击显示对话框"/>
<br>
<br>
<input id="bu2" type="button" onclick="queren()" value="点击显示确认框"/>
<br>
<br>
<input id="bu3" type="button" onclick="tishi()" value="点击显示提示框"/>
body>
<html>

5、鼠标事件

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains

browser = webdriver.Chrome()
browser.get('https://www.baidu.com')

butn_more = browser.find_element_by_name('tj_briicon')

ActionChains(browser).move_to_element(butn_more).perform()  # 鼠标悬停
baidu_wp = browser.find_element_by_css_selector('a[name="tj_wangpan"]')
baidu_wp.click()  # 鼠标点击

ActionChains更多鼠标事件用法:

# ActionChains补充:拖动元素
browser = webdriver.Chrome()
browser.get('file:///D:/TestSoft/Selenium/test2.html')
ele1 = browser.find_element_by_id('blackSquare')
ele2 = browser.find_element_by_id('targetEle')
ActionChains(browser).drag_and_drop(ele1,ele2).perform()


# ActionChains补充:右击元素
ActionChains(browser).context_click(元素).perform()

# ActionChains补充:双击元素
ActionChains(browser).double_click(元素).perform()

# ActionChains补充:单击元素
ActionChains(browser).click(元素).perform()

html附件:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
        #targetEle {
      
            width: 300px;
            height: 300px;
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    style>
head>
<body>
<div id="targetEle"
     style="position: absolute; width:100px; height:100px; background-color: greenyellow;cursor: pointer;">div>
body>
<div id="blackSquare"
     style="position: absolute; width:50px; height:50px; background-color: black;cursor: pointer;">div>
<script>
    window.onload = () => {
      
        //获取拖拽实验对象
        let el = document.getElementById("blackSquare");
        //在该对象上绑定鼠标点击事件
        el.onmousedown = (e) => {
      
            //鼠标按下,计算鼠标触点距离元素左侧和顶部的距离
            let disX = e.clientX - el.offsetLeft;
            let disY = e.clientY - el.offsetTop;
            document.onmousemove = function (e) {
      
                //计算需要移动的距离
                let tX = e.clientX - disX;
                let tY = e.clientY - disY;
                //移动当前元素
                if (tX >= 0 && tX <= window.innerWidth - el.offsetWidth) {
      
                    el.style.left = tX + 'px';
                }
                if (tY >= 0 && tY <= window.innerHeight - el.offsetHeight) {
      
                    el.style.top = tY + 'px';
                }
            };
            //鼠标松开时,注销鼠标事件,停止元素拖拽。
            document.onmouseup = function (e) {
      
                document.onmousemove = null;
                document.onmouseup = null;
            };
        }
    }
script>
html>

6、键盘事件

from selenium import webdriver
from selenium.webdriver.common.keys import Keys

browser = webdriver.Chrome()
browser.get('https://www.baidu.com')

text = browser.find_element_by_id('kw')
text.send_keys('look at me !!')

# 删除最有一个叹号
text.send_keys(Keys.BACK_SPACE)

# 输入一个空格
text.send_keys(Keys.SPACE)

# 全选输入框内容
text.send_keys(Keys.CONTROL,"a")

# 剪切选中内容
text.send_keys(Keys.CONTROL,"x")

# 粘贴选中内容
text.send_keys(Keys.CONTROL,"v")

# 回车
text.send_keys(Keys.ENTER)

7、form切换

from selenium import webdriver

browser = webdriver.Chrome()
browser.get('file:///D:/TestSoft/Selenium/test3.html')

# 1、首先找到要切换的iframe
iframe = browser.find_element_by_css_selector('iframe:nth-child(3)')

# 2、切换iframe
browser.switch_to.frame(iframe)

# 3、操作切换后的iframe
text = browser.find_element_by_id('kw')
text.send_keys('look at me')

# 补充:切换回主页面
# driver.switch_to.default_content()

html附件:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<iframe src="https://taobao.com/">iframe>
<br>
<iframe src="https://www.baidu.com/" width="500">iframe>
body>
html>

8、页签切换

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains

browser = webdriver.Chrome()
browser.get('https://www.baidu.com')

# 点击藏在更多的“百度网盘”
butn_more = browser.find_element_by_name('tj_briicon')
# 1、鼠标悬停在“更多”
ActionChains(browser).move_to_element(butn_more).perform()
# 2、点击百度网盘
baidu_wp = browser.find_element_by_css_selector('a[name="tj_wangpan"]')
baidu_wp.click()

print("切换前:",browser.current_url)

# 获取当前所有标签页
all_handles = browser.window_handles
for handle in all_handles:
    browser.switch_to.window(handle)
    if browser.title =='百度网盘,让美好永远陪伴':
        break
print("切换后:",browser.current_url)

9、操作滚动条

#将页面滚动条拖到底部
js="window.scrollTo(0,1000);"
browser.execute_script(js)

#将滚动条移动到页面的顶部
js="window.scrollTo(0,0);"
browser.execute_script(js)

# #将页面滚动条移动到页面任意位置,改变等于号后的数值即可
js="window.scrollTo(0,10);"
browser.execute_script(js)

10、下拉框选择

注:此种方法只针对 select 下拉框

from selenium import webdriver
from selenium.webdriver.support.select import Select

broswer = webdriver.Chrome()
broswer.get('file:///D:/TestSoft/Selenium/test.html')

# 1、定位元素
sele = broswer.find_element_by_id('abc')

# 2、根据文本内容选择
Select(sele).select_by_visible_text('月薪三十万')

# 根据索引选择
Select(sele).select_by_index(2)

# 根据value值选择
Select(sele).select_by_value('p1')

html附件:


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<select id="abc">
    <option value="p0">请选择你的月薪option>
    <option value="p1">月薪三千option>
    <option value="p2">月薪三万option>
    <option value="p3">月薪三十万option>
select>
body>
html>

11、文件上传

input实现

对于input标签实现的上传,可看作输入框,通过send_keys上传文件

from selenium import webdriver
import win32com.client

broswer = webdriver.Chrome()
broswer.get('https://tinypng.com/')

loadFile = broswer.find_element_by_css_selector('input[type="file"]')
loadFile.send_keys('C:\\Users\86186\Desktop\\1.jpg')

非input实现

对于非input标签实现的上传,模拟键盘敲击方式实现上传文件

from selenium import webdriver
import win32com.client   #需要安装pywin32库
import time

broswer = webdriver.Chrome()
broswer.get('https://tinypng.com/')

# 定位文件上传按钮
broswer.find_element_by_css_selector('figure.icon').click()
time.sleep(2)

# 模拟键盘操作
sh = win32com.client.Dispatch("WScript.shell")
sh.Sendkeys('C:\\Users\86186\Desktop\\1.jpg\r\n\n')

你可能感兴趣的:(selenium,selenium)