XPath 定位复杂元素的最佳实践
XPath 定位复杂元素的最佳实践
一、定位下拉列表
1. 场景描述
下拉列表是网页中常见的交互元素,通常由一个触发按钮和一个选项列表组成。使用 XPath 定位下拉列表及其选项时,需要考虑元素的结构和交互逻辑。
2. HTML 示例
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Dropdown Example</title>
</head><body><div class="dropdown"><button id="dropdown-trigger" type="button">Select an option</button><ul id="dropdown-options" style="display: none;"><li data-value="option1">Option 1</li><li data-value="option2">Option 2</li><li data-value="option3">Option 3</li></ul></div>
</body></html>
3. 最佳实践步骤及代码示例(Python + Selenium)
步骤 1:定位下拉列表触发按钮
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as ECdriver = webdriver.Chrome()
driver.get('file:///path/to/your/file.html') # 替换为实际 HTML 文件路径# 定位下拉列表触发按钮
dropdown_trigger = driver.find_element(By.XPATH, '//button[@id="dropdown-trigger"]')
dropdown_trigger.click()
步骤 2:等待选项列表可见
# 等待选项列表可见
dropdown_options = WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.XPATH, '//ul[@id="dropdown-options"]'))
)
步骤 3:定位并选择特定选项
# 定位并选择特定选项(例如选择 Option 2)
option_to_select = dropdown_options.find_element(By.XPATH, './/li[@data-value="option2"]')
option_to_select.click()
4. 最佳实践说明
- 使用唯一标识:优先使用元素的
id属性进行定位,如dropdown-trigger和dropdown-options,确保定位的准确性。 - 显式等待:使用
WebDriverWait和expected_conditions等待元素可见,避免因页面加载延迟导致的定位失败。 - 相对定位:在定位选项时,使用相对路径
.//从父元素dropdown_options开始查找,提高定位的稳定性。
二、定位页面动态 ID 元素
1. 场景描述
有些页面元素的 id 是动态生成的,每次页面加载或交互后 id 可能会发生变化。此时不能直接使用 id 进行定位,需要借助元素的其他稳定属性或元素间的关系来定位。
2. HTML 示例
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Dynamic ID Example</title>
</head><body><div id="dynamic-id-12345" class="dynamic-element"><p>This is a dynamic element.</p></div>
</body></html>
3. 最佳实践方法及代码示例(Python + Selenium)
方法 1:根据元素的类名定位
from selenium import webdriver
from selenium.webdriver.common.by import Bydriver = webdriver.Chrome()
driver.get('file:///path/to/your/file.html') # 替换为实际 HTML 文件路径# 根据类名定位动态元素
dynamic_element = driver.find_element(By.XPATH, '//div[@class="dynamic-element"]')
方法 2:根据元素的文本内容定位
# 根据文本内容定位动态元素内的子元素
p_element = driver.find_element(By.XPATH, '//div[contains(text(), "This is a dynamic element.")]')
方法 3:结合多个属性定位
# 结合类名和文本内容定位
dynamic_element_combined = driver.find_element(By.XPATH, '//div[@class="dynamic-element" and contains(text(), "This is a dynamic element.")]')
4. 最佳实践说明
- 使用稳定属性:当
id不稳定时,优先使用元素的类名、文本内容、标签名等稳定属性进行定位。 - 属性组合定位:如果单个属性不能唯一确定元素,可以结合多个属性进行定位,提高定位的准确性。
- 使用
contains()函数:当元素的文本内容较长或部分内容已知时,使用contains()函数可以更灵活地定位元素。
相关文章:
XPath 定位复杂元素的最佳实践
XPath 定位复杂元素的最佳实践 一、定位下拉列表 1. 场景描述 下拉列表是网页中常见的交互元素,通常由一个触发按钮和一个选项列表组成。使用 XPath 定位下拉列表及其选项时,需要考虑元素的结构和交互逻辑。 2. HTML 示例 <!DOCTYPE html> &l…...
3.6【A】cxl.cache,mem(1,1)
协议依赖图用于定义不同协议通道之间的依赖关系和阻塞条件,目标是确保系统在无循环依赖(Acyclic Dependencies)的前提下实现死锁自由(Deadlock-Free)。 依赖关系:某个协议通道的操作需等待另一个通道的…...
Linux驱动开发(1.基础创建)
序言:从高层逻辑到底层硬件的回归 在当今的软件开发中,我们习惯于用高级语言构建抽象层——通过框架、库和云服务快速实现功能。这种“软逻辑”的便利性让开发效率倍增,却也逐渐模糊了我们对计算机本质的认知:一切代码终将落地为…...
InternalError: too much recursion
🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 🍚 蓝桥云课签约作者、…...
在WSL2-Ubuntu中安装CUDA12.8、cuDNN、Anaconda、Pytorch并验证安装
#记录工作 提示:整个过程最好先开启系统代理,也可以用镜像源,确保有官方发布的最新特性和官方库的完整和兼容性支持。 期间下载会特别慢,需要在系统上先开启代理,然后WSL设置里打开网络模式“Mirrored”,以设置WSL自动…...
LLM论文笔记 19: On Limitations of the Transformer Architecture
Arxiv日期:2024.2.26机构:Columbia University / Google 关键词 Transformer架构幻觉问题数学谜题 核心结论 1. Transformer 无法可靠地计算函数组合问题 2. Transformer 的计算能力受限于信息瓶颈 3. CoT 可以减少 Transformer 计算错误的概率&#x…...
基于51单片机的智能水箱控制系统proteus仿真
地址:https://pan.baidu.com/s/1zgG90VB5TEA05O2ZkKC3CA 提取码:1234 仿真图: 芯片/模块的特点: AT89C52/AT89C51简介: AT89C52/AT89C51是一款经典的8位单片机,是意法半导体(STMicroelectroni…...
Process-based Self-Rewarding Language Models 论文简介
基于过程的自奖励语言模型:LLM优化的新范式 引言 大型语言模型(LLM)在多种任务中展现出了强大的能力,尤其是在使用人工标注的偏好数据进行训练时。然而,传统的自奖励范式在数学推理任务中存在局限性,甚至…...
虚拟系统实验
实验拓扑 启动虚拟系统 [FW]vsys enable 配置资源类 先查看 配置 创建虚拟系统 [USG6000V1]vsys name vsysa 绑定资源类 [USG6000V1-vsys-vsysa]assign resource-class r1 将接口划入虚拟系统 [USG6000V1-vsys-vsysa]assign interface GigabitEthernet 1/0/1 公共接口 --- 勾…...
mybatis报错org/apache/commons/lang3/tuple/Pair] with root cause
mybatis一对多查询配置resultMap映射报错org/apache/commons/lang3/tuple/Pair] with root cause 原因是mybatis依赖common-lang3这个包, 只需要添加common-lang3的依赖坐标即可: <dependency><groupId>org.apache.commons</groupId><artifactId>comm…...
V90伺服电机初调试
分配设备IP地址 打开博途,将IP地址分配给对应伺服 打开V-ASSISTANT软件,刷新后读取硬件。VASSISTANT软件选择指定伺服,点击设备调试, 在控制模式选项中选择基本定位器控制(EPOS) 在设置PROFINET-选择报文页…...
Air780EPM:SIM 卡接口设计指导来啦~
在数字化浪潮中,SIM卡作为通信设备的“身份证”,早已成为人们生活中不可或缺的存在。 以下详细阐述了SIM卡接口如何通过读取卡片信息完成4G网络鉴权,并支持双卡切换功能,使设备能够灵活选择最优网络。这种看似简单的机制…...
DNS云解析有什么独特之处?
在数字化浪潮中,每一次网页点击、视频加载或在线交易背后,都依赖着域名系统(DNS)的高效运转。传统DNS架构的局限性(如单点故障、延迟高、安全脆弱)在云计算时代被彻底颠覆,DNS云解析作为新一代解…...
VMware Workstation安装rocky9.5虚拟机
1、在镜像源网站中下载rocky镜像源,下载dvd版(图像,软件全部都有,其他版本还需下载图像),这里我使用的镜像源网站是ubuntu-releases安装包下载_开源镜像站-阿里云 2、找到isos: 3、找x86_64/ 4、…...
stack,queue与deque
一.模拟实现stack和queue STL中的stac和queuek是通过容器适配器来实现的,并不是直接实现栈。那什么是容器适配器呢? 举一个简单的例子,不同的插座需要不同的插头来连接,这时候我们用一个插座适配器,我们就不需要关心…...
Git清理本地残留的、但已经在服务器上被删除的分支
要筛选出已经被服务器删除的本地分支,并在本地删除这些分支,可以按照以下步骤进行操作: 步骤 1: 获取远程分支信息,确保本地的远程分支信息是最新的: git fetch -p步骤 2: 列出本地分支和远程分支: git …...
概念|RabbitMQ 消息生命周期 待消费的消息和待应答的消息有什么区别
目录 消息生命周期 一、消息创建与发布阶段 二、消息路由与存储阶段 三、消息存活与过期阶段 四、消息投递与消费阶段 五、消息生命周期终止 关键配置建议 待消费的消息和待应答的消息 一、待消费的消息(Unconsumed Messages) 二、待应答的消息…...
【c++】时间复杂度与数据规模的对应关系
一、时间复杂度与数据规模的对应关系 (以单核CPU每秒处理 (10^6) 次操作为基准) 数据规模(n)可接受的时间复杂度最大操作次数估算适用算法示例≤ (10^2)O(n)、O(2ⁿ)≤ 1,000,000暴力搜索、全排列枚举≤ (10^4)O(n)、O(n log n)≤ (10^8)冒泡排序、Flo…...
多模态知识图谱融合
1.Knowledge Graphs Meet Multi-Modal Learning: A Comprehensive Survey 1.1多模态实体对齐 1.2多模态实体链接 研究进展&#...
虚拟机配置nat上网
参考: https://www.jb51.net/server/33323640v.htm https://blog.csdn.net/m0_61560049/article/details/131502564 通过命令修改网络参数: sudo ifconfig eth0 192.168.1.100 netmask 255.255.255.0 sudo route add default gw 192.168.1.1 eth0 通过…...
多宠识别:基于计算机视觉的智能宠物管理系统架构解析
一、行业痛点与技术方案演进 在多宠家庭场景中,传统方案面临三大技术瓶颈: 1. 生物特征混淆:同品种/毛色宠物识别准确率低于65% 2. 动态场景适应:进食/奔跑状态下的误检率达30% 3. 数据孤岛问题:离线设备无法实现持续…...
蓝桥杯-15届研究生组-A 劲舞团
思路和时间复杂度 思路:签到模拟题,但是思路也很重要,在K的重新赋值时,卡了一下,在不满足时间条件时,应该重置为1时间复杂度: 代码 #include <iostream> #include<cmath>…...
不小心更改了/etc权限为777导致sudo,ssh等软件都无法使用
修复流程 一、进入恢复模式(无网络或无法登录时必选) 1.重启系统,在 GRUB 启动菜单选择 Recovery Mode(按 Shift 或 Esc 呼出菜单)。2.以 root 身份挂载为可读写: bash 复制 mount -o remount,rw /确保文…...
最长重复子数组、最长公共子序列、判断子序列
20250307 题目区别dp数组含义的区别dp数组状态转移方程 代码随想录: 最长重复子数组 最长公共子序列 判断子序列 题目区别 最长重复子数组(连续): 最长公共子序列(不连续): 判断子序列 dp数…...
【数据分析】转录组基因表达的KEGG通路富集分析教程
禁止商业或二改转载,仅供自学使用,侵权必究,如需截取部分内容请后台联系作者! 文章目录 介绍差异分析(limma)KEGG富集分析(enrichKEGG)可视化加载R包数据下载导入数据基因差异分析火山图KEGG通路富集分析可视化通路结果另一个案例总结系统信息参考介绍 KEGG富集分析,可…...
SpringBoot - 用责任链模式实现业务编排
文章目录 前因责任链:像工作台一样组织代码CodeSEQ3.1 定义处理器规范3.2 实现具体处理器3.3 共享上下文3.4 组装责任链 适用场景优势 前因 2000多行的业务逻辑里,各种校验规则、促销计算、库存操作像意大利面条一样缠绕在一起。最要命的是这样的代码结…...
Ubuntu 下 nginx-1.24.0 源码分析 - ngx_init_cycle 函数
声明在 src/core/ngx_cycle.h ngx_cycle_t *ngx_init_cycle(ngx_cycle_t *old_cycle);实现在 src/core/ngx_cycle.c ngx_cycle_t * ngx_init_cycle(ngx_cycle_t *old_cycle) {void *rv;char **senv;ngx_uint_t i, n;ngx_log_t …...
Vue 使用 vue-router 时,多级嵌套路由缓存问题处理
Vue 使用 vue-router 时,多级嵌套路由缓存问题处理 对于三级菜单(或多级嵌套路由),vue 都是 通过 keep-alive 组件来实现路由组件的缓存。 有时候三级或者多级路由时,会出现失效情况。以下是三级菜单缓存的例子。 最…...
ResNet 改进:轻量级的混合本地信道注意机制MLCA
目录 1. MLCA注意力机制 2. 改进位置 3. 完整代码 Tips:融入模块后的网络经过测试,可以直接使用,设置好输入和输出的图片维度即可 1. MLCA注意力机制 MLCA(Mixed Local Channel Attention)是一种轻量级的混合本地信道注意机制,旨在提升卷积神经网络(CNN)在图像处理…...
【第22节】C++设计模式(行为模式)-Iterator(迭代器)模式
一、问题背景 Iterator 模式是设计模式中最为常见和实用的模式之一。它的核心思想是将对聚合对象的遍历操作封装到一个独立的类中,从而避免暴露聚合对象的内部表示。通过 Iterator 模式,我们可以实现对聚合对象的统一遍历接口,而不需要关心聚…...
