贵阳麻将公式一定要背下来
當前位置: Chrome插件首頁 > 開發者插件 > ChroPath Chrome插件

ChroPath Chrome插件

開發者插件
 

ChroPath Chrome插件圖文教程

XPath extension. ChroPath makes it easy to write, edit, extract, and evaluate XPath and CSS queries on any webpage. ChroPath also used as best CSS extension.

New Feature-
1- ChroPath dark theme. To enjoy it, go to devtools setting and change theme to dark !!
2- Copy XPath and CSS selector just by clicking on copy icon.
3- Now get the DOM tree for the matching node in ChroPath tab!!

How to use it-

1. After installing ChroPath extension, reload the page for which you want to use it.
2. Right-click on the web page, and then click Inspect.
3. In the right side of Elements tab, click on ChroPath tab.
Note- If ChroPath is not visible then click on the arrow icon as shown in the Screenshot. ChroPath will be shown as last tab in sidebar.
4. To generate XPath/CSS inspect element or click on any dom node, it will generate the unique absolute XPath/CSS selector for the selected node.
5. To eavluate XPath/CSS, type the XPath/CSS query and press enter key.
As you enter, it will query in DOM for the relevant element/node. You can view the matching node(s) and nodes value as per their sequential occurrence. A dashed blue outline appears around to highlight the matching elements in the web page.
Please refer screenshot for more info.

Note- 1- To use CSS features, first change the dropdown value from XPath to CSS in header.
2- Tool will add xpath/css attribute to all the matching node(s) as per their sequential occurrence. For example, a matching node appearing second in the list will have xpath=2. And if verifying CSS then it will have css=2.

Features :
1. It will generate the unique absolute XPath and unique CSS selector for inspected element/selected node.
2. It opens as sidebar tab in devtools panel where you can access DOM, inspect element in left side and write the XPath/CSS in right side and evaluate there itself.
3. It will scroll the window to the 1st matching node (will scroll if 1st matching element not in visible area).
4. You can view the matching node(s) and nodes value as per their sequential occurrence. A dashed blue outline appears around to highlight all the matching elements in the web page.
5. If you mouse hover on any matching node in the ChroPath tab, blue dashed outline will convert into dotted orangered to highlight the corresponding element in the webpage.
6. If the found element is not in visible area on webpage then mouse hover on found node in ChroPath tab will scroll that element in the visible area with dotted orangered outline.
7. If found element is not highlighted but visible on webpage, on mouse hover on matching node in ChroPath tab it will highlight element with dotted orangered outline.
8. If you enter wrong XPath/CSS pattern it will highlight the input box in red color.
9. ChroPath helps as xpath helper, xpath editor, xpath viewer, writing relative xpath, absolute xpath, locators, selenium automation xpath, css viewers, css validator, css editor, css locators, css selectors, xpath selectors, unique xpath, unique css selectors.
10. xpath editor xpath helper xpath viewer for Chrome Browser. Very helpful in Automation testing. Selenium Locators.
11. In short, you can call it is as FirePath for Chrome.
12. get the relative xpath, absolute xpath.
13. A simple extension, a best extension for finding relative xpath absolute xpath expression of web elements.
14. Xpath tool for Chrome. Xpath extension for Chrome. Xpath extension. Xpath tool. CSS extension for Chrome. CSS tool.

查看更多

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-08-07 文件大小:15.52KiB

ChroPath Chrome插件下載地址

本站下載 已有 15847 人成功下載
標簽:

ChroPath 相關插件

ChroPath 同類插件推薦

wireframify Chrome插件

開發者插件 2016-01-01 23:02:22

view wireframe of the page
Preview wireframe of any website with one click.
Its is based on https://github.com/artlawry/framify-jquery-plugin

Blue Button | the webpage X-ray v3.0.14 Chrome插件

開發者插件 2019-03-13 08:53:12

創意或創造者、設計師或開發人員,你很可能不像大多數人那樣看網站。藍色按鈕讓你只需點擊一下,就能了解所有基本的網頁設計、圖形和 SEO 元素。即時看到表面下方,并在旅途中獲得任何網頁上所需的所有信息。對于 SEO 經理來說,輕松訪問 SEO 相關信息,如標題標簽內容、元描述、規范 url 、圖像 alt 標簽等標題信息, 作者標簽 (出版商標簽,作者標簽)對于內容經理和文案來說,etc

mobile browser emulator Chrome插件

開發者插件 2016-06-09 09:36:09

Test mobile and responsive web pages on your desktop
Select the most common mobile screen resolutions with a single mouse click. The page of the active tab will open in a separate window.

Editor Lite Chrome插件

開發者插件 2016-04-10 14:24:14

Edit HTML easily, right inside your browser.
Editor Lite Extension is no longer supported please upgrade to the newest version of Editor for Chrome.

Get the latest version of Editor for C

woo Chrome插件

開發者插件 2016-09-10 06:09:50

woo
https://bradgriffin.me/woocommerce-help-chrome-extension
This Google Chrome Extension will simply modify the hyperlinks in WooTheme's Documentation so that you can SEE all the links

tdk Chrome插件

開發者插件 2016-06-19 14:07:00

タイトル、キーワード、ディスクリプション、カノニカル等を表示します。
イトル、キーワード、ディスクリプション、カノニカル等を表示します。

CTRL+SHIFT+ALT+Tで表示?非表示できます(20150617変更)

ogタグに対応、見た目の変更(20150702変更)

色替え等対応 (20150703)

altern

Color Picker Chrome插件

開發者插件 2016-01-15 12:53:31

ColorPicker, a superb color picker
在Color Picker拾色器中,您可以基于 HSB(色相、飽和度、亮度)、RGB(紅色、綠色、藍色)顏色模型選擇顏色,或者根據顏色的十六進制值來指定顏色。在 Color Picker中,還可以基于 Lab 顏色模型(亮度分量、綠色-紅色軸、藍色-黃色軸)選擇顏色。Color Picker拾色器中的色域可顯示 HSB

Redirector Chrome插件

開發者插件 2016-06-02 19:03:21

Catch and redirect url's based on RegEx identifier
This extension redirects based on regular expression filter.
So it can redirect some url's on a domain, while leaving others alone.

Quick DevDocs Chrome插件

開發者插件 2016-01-14 15:13:01

Find documents in devdocs.io with a popup window from a Chrome Extension!
This extension is used for showing up a popup window for searching documents in DevDocs ( http://devdocs.io ), to avoid op

Unix Timestamp Converter v0.3.41 Chrome插件

開發者插件 2019-05-21 01:06:35

將時間 unix 時間戳轉換為人類可讀的日期,或者將人類可讀的日期轉換為 unix 時間戳。你選擇!
人類可讀的日期接受一系列時間戳,包括現在、明天、 5 年后。試一試就行了

贵阳麻将公式一定要背下来 江苏快三1000期走势图 本港同步开奖直播 浙江福彩快乐12玩法介绍 广东时时结果走势图 香港马会2019开奖果 电子游戏机厂家 168彩票手机版登录 吉林1快三开奖结果 斯诺克直播 全年开奖规律