目录
在自动化测试的时候第一件事就是定位，也就是获取页面组件的具体路径，后续的自动化脚本才能根据这个定位进行操作，就像上网购物，第一件事肯定是要提供一个收货地址吧，不然快递员往哪送啊。
所以面对一个复杂的页面，我们如何才能知道页面上的某个组件在HTML源码中的具体位置，这个位置该怎样表达？比如，以下是一个baidu页面，我们想定位输入框的位置，那么在html源码中该怎样找到并表达这个输入框的路径呢？不要给我说手动扒拉几下就行，现在都第四次工业革命了，还停留在原始的刀耕火种的时代就有点说不过去了，接下来就使用ChroPath插件解决这个问题吧。
1.下载插件包
ChroPath_v5.1.0.rar
https://download.csdn.net/download/I_am_testing/86544844
（如若下载地址失效，请评论区留言获取）
2. 解压插件包
解压后获得ChroPath_v5.1.0.crx文件，这时修改这个文件的后缀名为rar，改后的文件全名为：ChroPath_v5.1.0.rar，继续解压这个压缩包，如图：
3. 打开chrome浏览器安装插件
打开chrome浏览器，点击右上角的更多，更多工具->扩展程序->加载已解压的扩展程序
这时找到刚刚解压的ChroPath_v5.1.0文件夹即可
插件安装成功
4. 使用
在使用ChroPath前，需要明白一个概念：XPath，XPath即为XML路径语言（XML Path Language），它是一种用来确定XML文档中某部分位置的语言。
其实我们所看到的页面背后的源码就是HTML，HTML是超文本标记语言，它的基本结构如下：
<html>
<head>
<title>我是标题</title>
</head>
<body>
我的第一个网页
<input id="myinput" name="myinput" type="text" />
<a href="www.baidu.com">百度一下</a>
</body>
</html> 
特点：
1. 以html起止
2. 元素成对出现
3. 内容在body元素内
这样固定位置的结构化的特性，特别方便定位元素，因为所有元素的根节点是html所以，从html出发，顺藤摸瓜，就能找到需要定位的页面组件，以这个html代码为例，我想要定位输入框，它的XPath具体路径就是：/html/body/input#myinput
有了这个前提知识，我们就开始使用ChroPath了
（1）、使用chrome浏览器打开百度首页：百度一下，你就知道
（2）、按F12进入调试页面，第一步点击箭头所指的图标，第二步点击输入框
（3）、通过ChroPath查看页面元素的路径，先点击Elements，然后在面板右侧找到ChroPath并点击，接下来红框里的内容就是百度首页输入框的路径表达式，有相对路径也有绝对路径，按需所取，每一行路径表达式前的图标是复制按钮，点击后就可以复制该条路径，比如复制一条绝对路径：/html[1]/body[1]/div[2]/div[2]/div[5]/div[1]/div[1]/form[1]/span[1]/input[1]
拿到了这条绝对路径，就进行接下来的自动化测试的脚本书写吧。
5. 作业
使用ChroPath插件在CSDN - 专业开发者社区中，获取下图的红框内的元素的绝对路径和相对路径
1176
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
