Selenium2+Python自动化:利用JS解决click失效问题

文章目录

前言

在使用Selenium2和Python进行自动化测试时,我们有时会遇到这样的情况:元素明明已经被成功定位,代码运行也没有报错,但点击元素后,页面却没有任何反应。由于没有报错信息,仅仅是 click 事件失效,这种问题处理起来着实令人头疼。

本篇文章将介绍两种方法,帮助你解决这种诡异的点击事件失效问题。

一、遇到的问题

在练习操作百度的搜索设置按钮时,点击保存设置按钮后,预期弹出的 alert 框并未出现(代码运行没有报错,但获取 alert 框失败)。相信不少人都遇到过类似的情况。

二、点击父元素

问题分析

出现这种点击失效的问题,很可能是前面操作 select 元素后产生的后遗症。经过测试,当注释掉 select 相关代码后,点击操作能够成功执行。

解决办法

第一种解决办法是,先点击目标元素的父元素一次,然后再点击目标元素。

实现思路

通过先触发父元素的点击事件,可能会解决因之前操作导致的页面状态异常,从而使后续对目标元素的点击操作能够正常执行。

三、使用JS直接点击

当遇到上述诡异问题时,我们可以使用JS大法来解决。通过JS直接执行点击事件,绕过可能存在的页面交互异常。

四、参考代码

python 复制代码
# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
import time

# 初始化浏览器驱动
driver = webdriver.Firefox()
# 打开百度页面
url = "https://www.baidu.com"
driver.get(url)
# 等待页面加载
time.sleep(3)

# 定位设置按钮并悬停
mouse = driver.find_element("link text", "设置")
ActionChains(driver).move_to_element(mouse).perform()
# 等待悬停效果生效
time.sleep(3)

# 点击搜索设置
driver.find_element("link text", "搜索设置").click()
# 等待页面跳转
time.sleep(3)

# 选择每页显示50条
s = driver.find_element("id", "nr")
Select(s).select_by_visible_text("每页显示50条")

# 方法一:先点父元素 
# driver.find_element("id", "gxszButton").click()
# driver.find_element("class name", "prefpanelgo").click()

# 方法二:用js直接去点击 
js = 'document.getElementsByClassName("prefpanelgo")[0].click();'
driver.execute_script(js)
相关推荐
程序员小远7 小时前
软件测试之单元测试详解
自动化测试·软件测试·python·测试工具·职场和发展·单元测试·测试用例
宇钶宇夕7 小时前
三旺 INP314T 网关快速入门指南:从登录到基础配置
运维·自动化·软件工程
心无旁骛~8 小时前
python多进程和多线程问题
开发语言·python
星云数灵8 小时前
使用Anaconda管理Python环境:安装与验证Pandas、NumPy、Matplotlib
开发语言·python·数据分析·pandas·教程·环境配置·anaconda
计算机毕设匠心工作室8 小时前
【python大数据毕设实战】青少年抑郁症风险数据分析可视化系统、Hadoop、计算机毕业设计、包括数据爬取、数据分析、数据可视化、机器学习
后端·python
计算机毕设小月哥8 小时前
【Hadoop+Spark+python毕设】智能制造生产效能分析与可视化系统、计算机毕业设计、包括数据爬取、Spark、数据分析、数据可视化、Hadoop
后端·python·mysql
Aerelin8 小时前
爬虫playwright入门讲解
前端·javascript·html·playwright
笙年9 小时前
JavaScript Promise,包括构造函数、对象方法和类方法
开发语言·javascript·ecmascript
桜吹雪9 小时前
LangChain.js/DeepAgents可观测性
javascript·人工智能
灵魂学者9 小时前
Vue3.x —— 父子通信
前端·javascript·vue.js·github