Как искать элементы DOM с помощью XPath или CSS-селекторов в инструментах разработчика Chrome?

doc http://code.google.com/chrome/devtools/docs/elements.html говорит, что он поддерживает XPath или CSS-селекторов, но когда я пытался, похоже, не работал у меня.

Кто-нибудь знает, как его использовать?

Ответ 1

Вы можете использовать $x в консоли javascript Chrome. Не требуется никаких расширений.

ex: $x("//img")

Ответ 2

Простое задание выражения xpath в поле поиска должно работать. Это работает для меня в построении вершин дерева.

Функция, кажется, сломана в Chrome 11, хотя я подал на нее ошибку: http://crbug.com/79716

Ответ 3

Для поиска xpath используйте $x('xpathSelector'). Для селектора CSS используйте $('cssSelector').

Однако этот последний селектор возвращает только первый соответствующий элемент. Если вы хотите увидеть все подходящие элементы, перейдите к $$('cssSelector')