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)
相关推荐
ktoking8 分钟前
Stock Agent AI 模型的选股器实现 [五]
人工智能·python
地球资源数据云14 分钟前
SCI制图——云雨图
python·信息可视化·数据分析
独自破碎E16 分钟前
Spring Boot + LangChain4j 报错:Bean 类型不匹配的解决办法
spring boot·python·pycharm
一周七喜h17 分钟前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
小W与影刀RPA21 分钟前
【影刀 RPA】 :文档敏感词批量替换,省时省力又高效
人工智能·python·低代码·自动化·rpa·影刀rpa
Python+JAVA+大数据27 分钟前
TCP_IP协议栈深度解析
java·网络·python·网络协议·tcp/ip·计算机网络·三次握手
摘星编程38 分钟前
用React Native开发OpenHarmony应用:Calendar日期范围选择
javascript·react native·react.js
一个无名的炼丹师42 分钟前
多模态RAG系统进阶:从零掌握olmOCR与MinerU的部署与应用
python·大模型·ocr·多模态·rag
u0109272711 小时前
使用XGBoost赢得Kaggle比赛
jvm·数据库·python
东东5161 小时前
基于vue的电商购物网站vue +ssm
java·前端·javascript·vue.js·毕业设计·毕设