After installing the ChroPath extension, reload the page for which you want to use it.
2. Right-click on the web page, and then click Inspect.
3. On the right side of the Elements tab, click on the ChroPath tab.
Note- If ChroPath is not visible then click on the arrow icon as shown in the Screenshot. ChroPath will be shown as the last tab in the sidebar.
4. To generate XPath/CSS inspect element or click on any dom node, it will generate the absolute XPath/CSS selector for the selected node.
5. To evaluate XPath/CSS, type the XPath/CSS query, and press the 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.