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.
Hope this helps!
Check out the online Selenium course curated by industry experts to learn more about it.