ChroPath插件概述

ChroPath只需单击一下即可生成唯一的相对xpath,绝对xpath,cssSelectors,linkText和partialLinkText。 ChroPath也可以用作选择器的编辑器。它使在任何网页上编写,编辑,提取和评估XPath查询变得容易。 ChroPath还支持iframe,多选择器生成,具有自定义属性的相对xpath生成,自动化脚本步骤生成等等。

ChroPath插件使用方法

如何使用ChroPath-

1.右键单击网页,然后单击检查”。
2.在元素”选项卡的右侧,单击 ChroPath”选项卡。
3.要生成选择器,检查元素或单击任何DOM节点,它将生成唯一的相对XPath /绝对XPath / CSS选择器/ linkText / partialLinkText。
4.要评估XPath / CSS,请输入XPath / CSS查询,然后按Enter键。
输入后,它将在DOM中查询相关的元素/节点。您可以按顺序出现的顺序查看匹配的节点和节点的值。周围出现绿色轮廓以突出显示第一个匹配的元素,并在网页中以蓝色其余部分。
5.如果将鼠标悬停在ChroPath选项卡中的任何匹配节点上,则绿色/蓝色虚线轮廓将转换为点缀的橘红色,以突出显示网页中的相应元素。
6.如果找到的元素不在网页的可见区域中,则将鼠标悬停在ChroPath面板中找到的”节点上时,该元素将在可见区域中滚动并带有点缀的橙红色轮廓。
7.如果找到的元素未突出显示但可见,则将鼠标悬停在ChroPath选项卡上匹配节点上时,它将突出显示带有点缀的橙红色轮廓的元素。
8.只需单击复制图标即可复制定位器。
9.如果要编辑任何定位器,请单击编辑”图标。

使用您的属性生成相对xpath-
1.单击 ChroPath”选项卡中的设置”按钮。
2.在属性名称”框中,键入您的属性值,然后按Enter。
3.如果给定的属性是唯一的,它将生成相对的xpath,否则它将尝试其他属性和文本或父对象。
4.如果节点中不存在给定属性,则它将生成具有其他属性的唯一相对xpath。
5.此外,还提供了一些属性(标识,类,名称和占位符),以减少分类。如果您不想使用任何这些属性生成xpath,只需取消选中它们即可。

插件下载地址:

此处内容已经被作者无情的隐藏,请输入验证码查看内容:
验证码:
请关注本站公众号回复“验证码”,获取验证码。 【注】”在微信里搜索“不会笑青年”或者“laughyouth”或者微信扫描右侧二维码都可以关注微信公众号。
不会笑青年


小白学堂 » ChroPath插件

就聊挣钱,一个带着你做副业的社群。

立即查看 了解详情