How to search by Xpath/Css in Chrome Developer Tools?

The Chrome Developer Tools are a set of web authoring and debugging tools built into Google Chrome.

You can use Xpath or Css by using the search function inside Elements panel. Let’s see how we can do this.

  • Press F12 to open up Chrome DevTools.
  • Elements panel should be opened by default.
  • Click on some element.
  • Press Ctrl + F to enable DOM searching in the panel.
  • Type in XPath or CSS selectors.
  • If system finds something, result will be highlighted in DOM.

 

Continue reading