Finding Xpath and CSS in Chrome Developer Tools

Chrome Developer Tools

Google Chrome provides a built-in debugging tool called 'Chrome DevTools' out of the box, which includes a handy feature that can evaluate or validate XPath/CSS selectors without any third party extensions.

This can be done by two approaches:

1. Use the search function inside Elements panel to evaluate XPath/CSS selectors and highlight matching nodes in the DOM.
2. Execute tokens $x("some_xpath") or $$("css-selectors") in Console panel, which will both evaluate and validate.