Étendez l'inspecteur d'éléments Google Chrome avec le visualiseur de données jquery

Question

J'utilise firebug pour le débogage javascript.Mais sur les grands projets, il commence à bégayer.À cet égard, les outils de développement de Google Chrome sont plus beaux - c'est plus rapide.

Firebuge dispose de fireQuery pour afficher toutes les données stockées dans l'élément html (en utilisant $. data () ).

Comment voir les mêmes informations dans l'inspecteur d'éléments chrome?

Je connais des solutions dans la console: "$ ('selector'). data ()".Mais ce n'est pas pratique. Je veux voir tous les éléments html avec des données stockées (comme dans "fireQuery"). est-il possible d'écrire un plugin pour cette fonctionnalité ou existe-t-il des solutions standard?

Answer 1

J'ai trouvé la solution (presque ce dont j'ai besoin): Requête Chrome ( source )

Answer 2

Découvrez également débogueur jQuery .Ajoute le même comportement ainsi qu'une vue d'ensemble des événements liés.