当前位置: Chrome插件首页 > 开发者插件 > ChroPath Chrome插件

ChroPath Chrome插件

开发者插件

ChroPath Chrome插件图文教程

ChroPath插件概述

ChroPath插件使您可以轻松地在任何网页上编写,编辑,提取和评估XPath和CSS查询。 ChroPath还用作最佳CSS扩展。
ChroPath插件概述

ChroPath插件功能

1、ChroPath黑暗主题。要享受它,请转到devtools设置并将主题更改为深色!
2、只需单击复制图标即可复制XPath和CSS选择器。
3、现在在ChroPath选项卡中获取匹配节点的DOM树!!

ChroPath插件特征

1.它将为被检查元素/选定节点生成唯一的绝对XPath和唯一的CSS选择器。
2.它在devtools面板中作为侧栏选项卡打开,您可以在其中访问DOM,在左侧检查元素并在右侧编写XPath / CSS并在那里进行评估。
3.它将窗口滚动到第一个匹配节点(如果第一个匹配元素不在可见区域,则将滚动)。
4.您可以按顺序出现的顺序查看匹配的节点和节点的值。周围出现虚线的蓝色轮廓,以突出显示网页中所有匹配的元素。
5.如果将鼠标悬停在“ ChroPath”选项卡中的任何匹配节点上,则蓝色虚线轮廓将转换为虚线橙色,以突出显示网页中的相应元素。
6.如果找到的元素不在网页的可见区域中,则将鼠标悬停在ChroPath选项卡中的“找到的”节点上时,该元素将在可见区域中以点缀橙色的轮廓滚动。
7.如果找到的元素未突出显示但在网页上可见,则在ChroPath选项卡中匹配节点上的鼠标悬停时,它将突出显示带有橙色虚线轮廓的元素。
8.如果输入错误的XPath / CSS模式,它将以红色突出显示输入框。
9. ChroPath可以作为xpath帮助器,xpath编辑器,xpath查看器,编写相对xpath,绝对xpath,定位器,硒自动化xpath,css查看器,css验证器,css编辑器,css定位器,css选择器,xpath选择器,唯一的xpath,唯一的CSS选择器。
10. xpath编辑器xpath帮助器Chrome浏览器的xpath查看器。在自动化测试中非常有帮助。硒定位器。
11.简而言之,您可以将其称为FirePath for Chrome。
12.得到相对的xpath,绝对的xpath。
13.一个简单的扩展,这是用于找到Web元素的相对xpath绝对xpath表达式的最佳扩展。
14.适用于Chrome的Xpath工具。 Chrome的Xpath扩展。 Xpath扩展。 Xpath工具。 Chrome的CSS扩展。 CSS工具。

ChroPath插件下载安装

1.你可以从chrome应用商店里找到ChroPath插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到ChroPath插件下载地址,当然你也可以借助于谷歌访问助手或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。
ChroPath插件下载安装
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
ChroPath插件下载安装

ChroPath插件使用方法

1.在chrome浏览器安装好后,在浏览器的右上方会出现ChroPath插件的按钮。
ChroPath插件使用方法
2.点击插件图标会出现下图,提示如何使用该插件。
ChroPath插件使用方法
3.右键单击网页,然后单击“检查”。
ChroPath插件使用方法
4.在“元素”选项卡的右侧,单击“ ChroPath”选项卡。
ChroPath插件使用方法
5.在这里,您将获得XPath,还可以对其进行编辑和评估。
ChroPath插件使用方法
6.要使用CSS选择器功能,请将下拉值从XPath更改为CSS。它将提供唯一的CSS选择器,您也可以对其进行编辑并验证任何CSS。
ChroPath插件使用方法

ChroPath插件注意事项

1、要使用CSS功能,请首先将下拉菜单中的XPath下拉值更改为CSS。
2、工具将按顺序出现的所有匹配节点添加xpath / css属性。例如,在列表中第二个出现的匹配节点将具有xpath = 2。如果验证CSS,它将具有css = 2。
查看更多

ChroPath Chrome插件图片

  • ChroPath插件图片
  • ChroPath插件图片
  • ChroPath插件图片
  • ChroPath插件图片

ChroPath基本信息

插件名称:ChroPath 插件作者:SanjayKumar 插件语言: English 官方站点: 插件唯一标识:ljngjbnaijcbncmcnjfhigebomdlkcjo

ChroPath用户数和评分

下载次数:15847 用户评分:4.55346 (共5分) 参与评分人数:159

ChroPath文件信息

当前版本:0.1.10 最后更新日期:2020-06-18 文件大小:15.52KiB

ChroPath下载地址

ChroPath相关插件

Xpath Finder

开发者插件 2019-02-23 14:21:29

Xpath Finder在Chrome DevTools中根据Xpath查找元素。适用于Google Chrome的扩展程序可帮助您查找与xpath匹配的元素。

XPath Helper:chrome爬虫网页解析工具

开发者插件 2018-05-02 07:26:41

xPath helper是一款Chrome浏览器的开发者插件,安装了xPath helper后就能轻松获取HTML元素的xPath,程序员就再也不需要通过搜索html源代码,定位一些id去找到对应的位置去解析网页了。

XPather

开发者插件 2019-12-08 23:41:38

XPather是一款适用于当前文档的XPath操作的Chrome扩展,可靠且易于使用,并具有功能齐全的XPath 2.0支持。

ChroPath

开发者插件 2020-03-02 20:14:41

ChroPath插件使您可以轻松地在任何网页上编写,编辑,提取和评估XPath和CSS查询。 ChroPath还用作最佳CSS扩展。

Code Cola - CSS样式可视化插件

开发者插件 2019-11-04 09:45:31

Code Cola是一款能查看网页代码样式的chrome CSS样式可视化插件,主要能查看页面板块中的所有样式元素,并能通过配置到服务器上的文件进行在线编辑。相信大家都知道,网页设计出来以

Stylist:自定义网页CSS

开发者插件 2019-12-30 22:51:57

我们在上时间对着电脑上网后,即使不厌倦了网页的字体也很可能会出现视力疲劳的情况,有事会想自己给Google写CSS?想恶搞网页?或者修改一下网页的字体或者背景色等!这一切的需

网站样式管理器-Stylish

开发者插件 2018-05-09 17:40:29

Restyle网络与时尚,一个用户样式管理器。时尚让你轻松安装主题和外观的许多著名景点。
用户风格主题的网站。用户样式赋予你的浏览体验,让你自定义的网站。拿出不相关的内容

css auto reload

开发者插件 2019-11-15 15:31:09

css auto reload 是一个web开发者工具,一款chrome 插件。在写 css 的时候,经常需要不断的切换窗口,刷新页面,查看效果,css auto reload 插件可以在你改变了css并保存好后,自动在页面上重新

SelectorGadget

开发者插件 2019-12-04 21:50:07

SelectorGadge 是一款能够为复杂网站的元素生成CSS选择器,有助于帮助你快速找到html的节点信息的chrome插件

CSS Used

开发者插件 2020-05-06 22:05:06

CSS Used插件可一键获取所有css应用于选定的Web元素及其子元素。

CSS remove and combine

开发者插件 2019-12-31 00:20:27

CSS remove and combine是一款可以通过创建仅包含正在使用的选择器的新CSS样式表来删除页面上未使用的CSS规则的插件

Advanced Web Scraper

开发者插件 2019-11-04 10:17:55

一个简单,强大的网页抓取应用程序屏幕抓取使用css选择器和创建代理的数据抓取工作室软件。一个非常简单和高级的数据抓取扩展,使用点击式css选择器从网站中提取数据,实时提取

ChroPath同类插件推荐

propscrub Chrome插件

开发者插件 2015-12-07 00:25:37

此扩展允许开发人员修改通过用光标擦洗在DOM元素的属性。
该扩展允许用户通过简单地擦洗其光标穿过值改变一个元素的宽度,高度,或字体大小。

TFS Helper Chrome插件

开发者插件 2015-02-15 23:05:38

许多TFS帮助公用事业提供的测试工具的情况下增强的可用性
为谷歌Chrome浏览器的扩展,添加了许多可用性改进,团队基础服务( TFS) 2013年

这个插件添加以下功能:测试用例的

用户可读HTMLDecode转换步骤审计

的Diff ( PrettyTextDiff )与步审核表下

插入结果进行差异( PrettyTextDiff )根据与实际参数的参数本地数据源表

更换了测试运行插入结果进行

stringG Chrome插件

开发者插件 2015-11-01 15:49:20

扩展生成指定长度的字符串或计算指定字符串的长度。
扩展是构建软件测试人员和开发人员测试输入HTML字段。

完美的工具,边界测试!

Colors Dev Panel Chrome插件

开发者插件 2015-12-16 15:03:10

颜色,在你的开发检查
的颜色面板,你一直在寻找所有的生活......在这里。

•获取色彩的视察现场的调色板
•修改任何

Show CSS Chrome插件

开发者插件 2015-11-23 11:02:29

显示的网页元素的CSS
一个简单的CSS属性的浏览器。

显示CSS帮助开发人员,设计师和其他用户看到的元素做了造型。
< BR /

Jarvis AI Chrome插件

开发者插件 2019-01-02 01:05:05

simply put, Jarvis AI program respond to your little command with real voice and help you redirect your google.xx to google.com and get rid of those .cc or .se or .God knows how many .xx or.xxx are th

NPM Package Search Chrome插件

开发者插件 2018-03-01 07:25:35

JavaScript developer get a shortcut to searching NPM for packages by typing the text 'npm' and then the search term. Like 'npm which' would search the NPM registry for packages with the name 'wh

MD5 Hasher Chrome插件

开发者插件 2016-06-02 00:13:23

Chrome extension to generate MD5 hashes
Hashes a line into a MD5 hash for several times.
This provides a good method to create some unique and easy to remember passwords or keys.