WebDriver-XPath、CSS定位

最新推荐文章于 2024-03-07 12:06:06 发布

搬码日记

最新推荐文章于 2024-03-07 12:06:06 发布

阅读量506

点赞数 1

文章标签： WebDriver-XPath、CSS定位

本文链接：https://blog.csdn.net/KamRoseLee/article/details/87940562

版权

本文详细介绍了XPath和CSS在WebDriver中的定位方法，包括XPath的路径定位、属性定位、逻辑组合，以及CSS的选择器类型和定位策略，并通过案例进行实践演示，最后总结了八种元素定位方式及By类的使用。

摘要由CSDN通过智能技术生成

目标

1. 熟悉Xpath定位策略
2. 熟悉CSS定位策略

为什么要学习XPath、CSS定位？

1. 在实际项目中标签没有id、name、class属性
2. id、name、class属性值为动态获取，随着刷新或加载而变化

1. 什么是Xpath？

1. XPath即为XML Path 的简称，它是一种用来确定XML/HTML文档中某部分位置的语言。
2. HTML可以看做是XML的一种实现，所以Selenium用户可以使用这种强大的语言在Web应用中定位元素。

Xpath用途：
基于HTML文档结构使用XPath进行元素定位

提示：Xpath为强大的语言，那是因为它有非常灵活定位策略；

2. HTML文档结构

1. HTML DOM
    HTML DOM（HTML document object model）：HTML文档对象模型，定义了访问和操作HTML文件的标准。
    DOM 定义了访问 HTML 和 XML 文档的标准：
    “W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”
2. HTML DOM特点
    HTML DOM 是：
    HTML 的标准对象模型 
    HTML 的标准编程接口 
HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
    1). 整个文档是一个文档节点 
    2). 每个 HTML元素是元素节点 
    3). HTML元素内的文本是文本节点 
    4). 每个 HTML 属性是属性节点 
    5). 注释是注释节点 
DOM的说明：
    1. 将HTML中所有内容均看待成节点
    2. 将所有节点按照层次结构组织成一棵树
    从DOM树的根节点开始描绘出一条通往指定节点的路径，该路径信息称作为指定节点的Xpath路径。

HTML DOM范例

<html>
 <head>
     <title>DOM 介绍</title>
 </head> 
<body> 
    <h1>DOM 结构</h1> 
    <p>Hello world!</p> 
    <a href=“#”>link text</a>
</body> 
</html> 

范例文档对应的DOM结构