Удивительно, но поиск по расширениям для хрома не помог найти что-то подходящее. Странно, ведь алгоритм не кажется сложным.
1. Проверить наличие класса у элемента. Если класса нет, то найти ближайший родитель у которого есть класс.
2. Проверить найденный класс на уникальность. Проверка на уникальность это отдельный разговор. Скорее всего придется смотреть не только страницу, но и css-файлы.
3. Таким путем найти уникальный класс и построить от него селектор до текущего элемента с минимальной вложенностью.
Работает эта фича, честно говоря так себе. Вместо класса присвоенного элементу возвращает что-нибудь бесполезное, а иногда даже и вредное, например #js-canvas > footer > img вместо .footer__pix
Ухты. Эта штука еще на и на node.js может бегать. Я точно очень пристально на нее посмотрю. На первый взгляд там есть все, что нужно, а раз уж это javascript, то недостающее можно самому допились.
я думал об этом варианте, правда с использование git+bitbucket (bitbucket из-за приватных репозиториев), но останавливает в недостаток возможностей поиска по накопленным материалам. Bitbucket в это плане ничего не добавляет, как и предложенные вам ЯД и ГД.
Можно спросить, а зачем вам это? Я тоже шел этим путем, но из-за сопутствующих граблей отказался? Вы так часто гоняете файлы на хостинг или тут принципиальное желание автоматизировать?
Extramezz: тут есть засада, все очень плохо в IE (caniuse.com/#search=pointer-events), а также на айпаде пример тоже не отработал, хотя там подозреваю проблему в фокусом на див, а не с pointer-events.
