当前位置: 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 Chrome插件基本信息

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

ChroPath Chrome插件用户数和评分

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

ChroPath Chrome插件文件信息

当前版本:0.1.10 最后更新日期:2019-12-20 文件大小:15.52KiB

ChroPath Chrome插件下载地址

本站下载 已有 15847 人成功下载
标签:cssXPath

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-01-13 22:32:37

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 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 同类插件推荐

Yandex.Metrica Chrome插件

开发者插件 2015-01-13 11:09:31

该扩展来自Yandex.Metrica显示信息,并可以更容易地访问服务
ДополнениепредоставляетинформациюотсервисаЯндекс.Метрики

Дополнениепоможет :
1 。 Найтинастраниценомерасчётчиковиперейтикотчётам 。
2 。 Загрузитькартуссылок , картукликовианалитикуформналюбойс

Domain Switcher Forked Chrome插件

开发者插件 2018-10-27 18:56:06

Domain Switcher by Steve Hanson, fork by Mestrona

This is a fork of https://chrome.google.com/webstore/detail/domain-switcher/lbehdhpgigdlinfkidifkbhjnaglfojc
with some additional feature

CodeCode Ninja Snippet Saver Chrome插件

开发者插件 2019-06-14 20:33:54

停止一遍又一遍地查找相同的东西。使用 CodeCode,您可以轻松地将工作中、书籍中或网络中找到的编程知识片段保存下来,然后将它们转换成交互式闪存卡。通过这些闪存卡的训练,你将知识从机器转移到你的脑海中 -- 所以当你需要它的时候,它就在那里。没有更多的搜索,只要专注于在代码中表达你的想法。

ROBLOX Dev Plugin Chrome插件

开发者插件 2015-06-04 17:28:49

增加了缩略图把历史版本
这个扩展可以更容易通过显示版本历史记录页面上的缩略图恢复到老地方版本。更多功能正在计划中。如果您有任何建议,请发送他们仅仅。

Seerobots Chrome插件

开发者插件 2015-03-07 03:38:53

您正在查看的那一刻欲了解更多信息请访问www.seerobots.com
SeeRobots将可以方便地显示你的网站的头部分的信息元robots标签 - SeeRobots方便地显示你正在浏览网站的元信息的机器人。根据此信息中的颜色browserbar将会改变。
1 。如果SeeRobots场全部是绿色就意味着这个页面有& QUOT ;指数,跟踪和QUOT ;作为机器人的属性。
2 。如果SeeRobots场都是红色的意思,这个页面有& QUOT ;加入noindex

Scraper Chrome插件

开发者插件 2016-06-26 17:55:07

Scraper gets data out of web pages and into spreadsheets.
Scraper is a very simple (but limited) data mining extension for facilitating online research when you need to get data into spreadsheet f

Dark Octo Themes v1.14 Chrome插件

开发者插件 2019-12-02 17:47:13

如果你广泛使用 github,但是在查看源代码时更喜欢深色的主题,这个应用程序可以做到这一点!安装它,您将在查看 github.com 时看到所有源代码文件和 diffs 的振动链接主题。