download link - ChroPath for firefox
You can use the ChroPath tool to edit, inspect and generate relative xpath, absolute xpath and CSS selectors. ChroPath makes it easy to write, edit, extract, and evaluate XPath queries on any webpage. ChroPath is the only tool which provide the unique Relative xpath and CSS selector for any web element in webpage in Firefox. ChroPath is the best relative xpath extension.
How to use ChroPath-
1. Right-click on the web page, and then click Inspect.
2. In devtools panel, click on ChroPath tab.
3. Click on inspect which is in ChroPath tab below selectors.
4. Now inspect element for which you want to generate the selectors.
5. Here in ChroPath tab you will get the unique Relative XPath, Absolute XPath and CSS selectors and you can also edit and evaluate it.
6. Please try for any website except Firefox Add-ons (https://addons.mozilla.org/en-US/firefox/addon/) because Firefox add-ons doesn't support on Firefox Add-ons.
7. 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 blue colour outline appears around to highlight 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 panel will scroll that element in the visible area with dotted orangered outline.
7. If found element is not highlighted but visible then on mouse hover on matching node on ChroPath tab it will highlight element with dotted oragered outline.
8. copy the xpath/css just by clicking on copy icon.
Note:
1- Click again on inspect to disable the inspect action.
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 add css=2.
You can use the ChroPath tool to edit, inspect and generate relative xpath, absolute xpath and CSS selectors. ChroPath makes it easy to write, edit, extract, and evaluate XPath queries on any webpage. ChroPath is the only tool which provide the unique Relative xpath and CSS selector for any web element in webpage in Firefox. ChroPath is the best relative xpath extension.
How to use ChroPath-
1. Right-click on the web page, and then click Inspect.
2. In devtools panel, click on ChroPath tab.
3. Click on inspect which is in ChroPath tab below selectors.
4. Now inspect element for which you want to generate the selectors.
5. Here in ChroPath tab you will get the unique Relative XPath, Absolute XPath and CSS selectors and you can also edit and evaluate it.
6. Please try for any website except Firefox Add-ons (https://addons.mozilla.org/en-US/firefox/addon/) because Firefox add-ons doesn't support on Firefox Add-ons.
7. 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 blue colour outline appears around to highlight 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 panel will scroll that element in the visible area with dotted orangered outline.
7. If found element is not highlighted but visible then on mouse hover on matching node on ChroPath tab it will highlight element with dotted oragered outline.
8. copy the xpath/css just by clicking on copy icon.
Note:
1- Click again on inspect to disable the inspect action.
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 add css=2.
No comments:
Post a Comment