一、简介
1、ChroPath只需单击一下即可生成所有可能的选择器。
2、ChroPath Studio有助于记录所有手动步骤以及自动化步骤
3、ChroPath支持iframe,多选择器生成,动态属性,使用自定义属性生成相对xpath,自动化脚本步骤生成。
二、下载配置
在浏览器中安装ChroPath扩展程序即可
opera
edge
firefox
chrome
![](https://img.haomeiwen.com/i1721545/6ae625d01694e91b.png)
三、使用教程
基础使用
1.右键单击网页,然后单击“检查”。
2.在“元素”选项卡的右侧,单击“ ChroPath”选项卡,即最后一个选项卡。
3.要生成选择器,检查元素或单击任何DOM节点,它将生成唯一的相对XPath以及所有可能的选择器及其出现。在ChroPath面板中滚动以查看所有生成的选择器。
4.要评估XPath / CSS,请输入XPath / CSS查询,然后按Enter键。
输入后,它将在DOM中查询相关的元素/节点。您可以按顺序出现的顺序查看匹配节点的总数和节点值。周围出现绿色轮廓以突出显示第一个匹配的元素,并在网页中以蓝色其余部分。
5.如果将鼠标悬停在ChroPath选项卡中的任何匹配节点上,则绿色/蓝色虚线轮廓将转换为点缀的橘红色,以突出显示网页中的相应元素。
6.如果找到的元素不在网页的可见区域中,则将鼠标悬停在ChroPath面板中“找到的”节点上时,该元素将在可见区域中滚动,并带有点缀的橙红色轮廓。
7.如果找到的元素未突出显示但可见,则将鼠标悬停在ChroPath选项卡上匹配节点上时,它将突出显示带有点缀的橙红色轮廓的元素。
8.只需单击复制图标即可复制定位器。
9.如果要编辑任何定位器,请单击“编辑”图标。
![](https://img.haomeiwen.com/i1721545/83bc2a3d80d40503.png)
脚本录制
点击ChroPath选项卡中的打开主面板按钮:
![](https://img.haomeiwen.com/i1721545/b67d6069a1a9ebb2.png)
脚本录制主界面
![](https://img.haomeiwen.com/i1721545/b20e1be634caa1df.png)
页面元素操作,脚本展示独立窗口
![](https://img.haomeiwen.com/i1721545/fda37db1f1a72c89.png)
脚本下载至本地
![](https://img.haomeiwen.com/i1721545/a7d5f96cf32c0f0b.png)
网友评论