Python+Selenium4元素交互1_web自动化(5)

最新推荐文章于 2024-07-10 15:21:03 发布

天草柑橘

最新推荐文章于 2024-07-10 15:21:03 发布

阅读量1k

点赞数 1

分类专栏： Web自动化框架文章标签：自动化 selenium python

本文链接：https://blog.csdn.net/weixin_41121249/article/details/129143421

版权

Web自动化框架专栏收录该内容

5 篇文章 5 订阅

订阅专栏

0. 上节回顾

DEBUG的方式：JS断点 +Python断点
编程语言提供的等待方式：sleep
selenium提供的等待方式：

隐式等待
显式等待
流畅等待

等待条件的要求

是一个函数
接收一个参数：webdriver对象的实例
返回一个布尔值
尽量不要出现异常

1. 内置的等待条件

selenium 内置了一些判断函数，可用在需要的时候，判断页面是否就绪

例如：在 http://118.24.147.95:8086/flash.html 如果要点击按钮，等待条件有2个：

元素存在
元素可用

with get_webdriver() as driver:
    driver.get("http://118.24.147.95:8086/flash.html")

    def f(_):
        # 1. 元素存在
        ele = driver.find_element(By.XPATH, '//*[@id="content"]/input')
        if ele.is_enabled():  # 2.元素可用
            return True
        else:
            return False

    WebDriverWait(driver, 10).until(f)
    ele = driver.find_element(By.XPATH, '//*[@id="content"]/input')
    ele.click()

使用预期条件：可用免去函数的定义过程

element_to_be_clickable ：判断元素可见，并且可点击
alert_is_present：判断出现了alert 弹窗

with get_webdriver() as driver:
    driver.get("http://118.24.147.95:8086/flash.html")

    ele = WebDriverWait(driver, 10).until(
        element_to_be_clickable((By.XPATH, '//*[@id="content"]/input'))
    )
    ele.click()

with get_webdriver() as driver:
    driver.get("http://118.24.147.95:8086/delay_alert.html")
    ele = WebDriverWait(driver, 10).until(alert_is_present())  # 放入 等待条件
    ele.accept()  # 对弹窗，点击【确定】

所有的内置等待条件，需要加括号调用，

调用之后，返回一个函数，用这个函数，进行等待

2. 元素属性

元素的属性和交互，主要对WebElement对象的交互

获取网页元素的信息：方法WebElement对象的属性
对网页元素进行交互：调用WebElement对象的方法

1. Python对象属性

with get_webdriver() as driver:
driver.get("https://www.baidu.com/")
# ele 是 WebElement 对象，代表网页中的一个元素
ele = driver.find_element(By.XPATH, '//*[@id="kw"]')
ele_keys = [
"id", # 对象的ID
"tag_name", # 元素的标签
"location", # 在页面中的位置（x,y）坐标
"size", # 元素大小
"rect", # 位置 + 大小
"parent", # WebDriver 对象
]
for key in ele_keys:
print(key)
print(getattr(ele, key))
print("-" * 20)

2. HTML元素属性

<input id="kw" name="wd" class="s_ipt" value="" maxlength="255"
autocomplete="off">

with get_webdriver() as driver:
    driver.get("https://www.baidu.com/")
    ele = driver.find_element(By.XPATH, '//*[@id="kw"]')
    att_keys = [
        "id",
        "name",
        "class",
        "value",
        "maxlength",
        "autocomplete",
    ]
    for att in att_keys:
        print(att+":"+ele.get_attribute(att))
        print("-" * 20)

问题：如何获取元素的HTML源码？

print(ele.get_attribute('outerHTML')) # 通过特殊属性，获取源码

如何获取浏览器的HTML源码？

print(driver.page_source) # 获取网页源码

3. 元素的交互

不同的元素，它支持的交互方式可能是不一样的，所以要区别对待

1. 输入框

输入框有2中实现方式

<input value="input标签实现的输入框">
<textarea>textarea标签实现的输入框</textarea>

输入的交互方法：

ele.clear() # 清除内容
ele.send_keys("new content") # 输入内容
ele.is_displayed()) # 是否显示
ele.is_enabled()) # 是否可用

with get_webdriver() as driver:
    driver.get("file:///F:/pythonWorkspace/UI_P39_Selenium4/index.html")

    ele = driver.find_element(By.XPATH, "//input")
    ele.clear()  # 清除内容
    ele.send_keys("new content")  # 输入内容
    ele.is_displayed()  # 是否显示
    ele.is_enabled()  # 是否可用
    ele.screenshot("a.png")  # 对元素进行截图

2. 按钮

按钮有多种实现方式

进行隐藏一下

<a href="javascript:;" onclick="btn_on_click(this)">a标签实现的按钮</a>
<hr />
<input type="button" onclick="btn_on_click(this)" value="input标签实现的按钮"/>
<hr />
<button onclick="btn_on_click(this)" >button标签实现的按钮</button>
<script>
function btn_on_click(event){
console.log(event);
alert("你点到我了！");
}
</script>

按钮的交互方法：

ele.click() # 鼠标左键单击
ele.is_displayed()) # 是否显示
ele.is_enabled()) # 是否可用

<a href="javascript:;" onclick="btn_on_click(this)">a标签实现的按钮</a>
<hr />
<input type="button" onclick="btn_on_click(this)" value="input标签实现的按钮" hidden=true/>
<hr />
<button onclick="btn_on_click(this)" disabled=true >button标签实现的按钮
</button>
<script>
function btn_on_click(event){
console.log(event);
alert("你点到我了！");
}
</script>

with get_webdriver() as driver:
    driver.get("file:///F:/pythonWorkspace/UI_P39_Selenium4/index2.html")

    for tag_name in ["a", "input", "button"]:
        try:
            ele = driver.find_element(By.XPATH, f"//{tag_name}")
            print("是否可见:", ele.is_displayed())
            print("是否可用:", ele.is_enabled())
            ele.click()  # 点击按钮
            # 按钮被禁用的时候，click 没有报错，但其实也是点击失败
            driver.switch_to.alert.accept()  # 处理弹窗
        except Exception as e:
            print(e)
            print("交互失败")

        print("-" * 20)

在selenium 中使用JS进行元素点击

ele.click() # selenium 提供点击按钮
driver.execute_script("return arguments[0].click()", ele) # js 进行点击

对于被遮挡的元素，selenium的点击可能会失败，这时候换成js代码

如点一下个人中心遮挡登录按钮

with get_webdriver() as driver:
    driver.get("http://101.34.221.219:8010/")
    # 出现遮挡
    driver.find_element(By.XPATH, "/html/body/div[2]/div/ul[2]/div[1]/div/a").click()
    # 点击登录按钮
    ele = driver.find_element(By.XPATH, "/html/body/div[2]/div/ul[1]/div/div/a[1]")
    # ele.click() # 预期失败
    driver.execute_script("return arguments[0].click()", ele)  # 通过JS实现点击

不能点击的场景如下：

手动不能点击

selenium不能点击

js代码不能点击

底层：控制鼠标的移动和点击

如：上图手动能点击但是页面被遮挡 selenium不能点击

如上图：js代码不能点击

selenium点击元素的原理：

定位元素
找到元素 x,y坐标
把鼠标移动 x,y坐标中心（可用手动调整坐标，模拟真人操作）
按下鼠标

3. 单选框和复选框

单选框和复选框都是input标签实现的，只是type不同

<!--多选框 -->
<input type="checkbox" name="check_1" value="1"/>
<br>
<input type="checkbox" name="check_1" value="2"/>
<hr/>
<!--单选框 -->
<input type="radio" name="check_2"/>
<input type="radio" name="check_2" />

单选复选框的交互方法：

ele.click() # 鼠标左键单击
ele.is_displayed()) # 是否显示
ele.is_enabled()) # 是否可用
ele.is_selected() # 本元素是否被选中

with get_webdriver() as driver:
    driver.get("file:///F:/pythonWorkspace/UI_P39_Selenium4/index3.html")
    ele = driver.find_element(By.XPATH, "/html/body/input[1]")
    print("是否选中：", ele.is_selected())
    ele.click()
    print("是否选中：", ele.is_selected())

对于单选复选框来说，click是【切换状态】，如之前是选中，点击之后反而是没选中在点击之前，建议先判断状态