Есть ли надстройка для Chrome или Mozilla, которая показывает адрес DOM элемента?

Question

[Вадим Ремин]

Имеется ввиду такой адрес по которому его можно однозначно найти через JQuery(), например. Что нибудь вроде: "body div.myclass p a"

Comments

[Yustas Alexu]

А для чего Вам это?

Answer 1

[Алексей Уколов]

В Хроме в панели Elements клик правой кнопкой -> Copy CSS Path.

Comments

[Александр Зонов]

Работает эта фича, честно говоря так себе. Вместо класса присвоенного элементу возвращает что-нибудь бесполезное, а иногда даже и вредное, например #js-canvas > footer > img вместо .footer__pix

[Александр Зонов]

Удивительно, но поиск по расширениям для хрома не помог найти что-то подходящее. Странно, ведь алгоритм не кажется сложным.
1. Проверить наличие класса у элемента. Если класса нет, то найти ближайший родитель у которого есть класс.
2. Проверить найденный класс на уникальность. Проверка на уникальность это отдельный разговор. Скорее всего придется смотреть не только страницу, но и css-файлы.
3. Таким путем найти уникальный класс и построить от него селектор до текущего элемента с минимальной вложенностью.

Answer 2

[Дмитрий Шинкарь]

Можно ф-ю на JS написать и вбивать в нее нужного "пациента" и получать то что вам надо. Находил где-то такое 100%, пробейте в Google.

Answer 3

[Stalker_RED]

Вам нужен конкретный элемент или все элементы этого класса?

Для конкретного элемента можно использовать FirePath, который выдает xpath.
А xpath можно загнать в jQuery XPath plugin или document.evaluate() (Все браузеры кроме IE).

Для класса элементов тот-же плагин выдает css селектор.