Расширение инспектора элементов Google Chrome с помощью средства просмотра данных jquery

Question

Я использую Firebug для отладки JavaScript. Но на крупных проектах он начинает заикаться. В этом отношении инструменты Google Chrome Dev выглядят лучше - они быстрее.

Firebuge имеет fireQuery для просмотра всех данных, которые хранятся в элементе html (с помощью $. Data () ).

Как просмотреть ту же информацию в инспекторе элементов хрома?

Я знаю решения в консоли: "$ ('selector'). Data ()". Но это не удобно. Я хочу видеть все элементы HTML с сохраненными данными (как в "fireQuery"). Можно ли написать плагин для этой функциональности или есть какие-то стандартные решения?

Answer 1

Проверьте jQuery Debugger тоже. Добавляет то же поведение, а также обзор связанных событий.

Answer 2

Я нашел решение (почти то, что мне нужно): Chrome Query ( источник )