How to search DOM elements using XPath or CSS selectors in Chrome Developer Tools?

dom google-chrome google-chrome-devtools

You can use $x in the Chrome javascript console. No extensions needed.

ex: $x("//img")

dom google-chrome google-chrome-devtools

Just typing xpath expression in the search box should work. It works for me in tip-of-tree build.

The feature seems to be broken in Chrome 11 though, I've filed a bug on this: http://crbug.com/79716

dom google-chrome google-chrome-devtools

For xpath searches use $x('xpathSelector').For a css selector use $('cssSelector').

However, this last selector returns only the first matching element. If you want to see all matching elements go for $$('cssSelector')

CodeHunter