Est-il possible d’afficher les données ajoutées jQuery dans Chrome

Lors de la création de sites Web, j’utilise souvent la fonction .data() de jQuery pour append des données à des éléments.

Est-il possible d’afficher toutes les données stockées avec un élément dans Chrome?

Ainsi, lorsque j’inspecte un élément, il affiche les données dans Chrome même.

Sinon, serait-il possible d’écrire un plug-in pour “étendre” l’ element inspector Chrome afin d’afficher également les données?

Ouvrez l’inspecteur et dans la console, tapez

 $('').data() 

puis appuyez sur Entrée pour évaluer la méthode data() et afficher directement sa valeur de retour.

Il n’est pas nécessaire d’utiliser console.log sauf si vous l’appelez dans du code non interactif.

Requête Chrome

Peut être trouvé dans la boutique Web Chrome Extensions et ajoute un autre onglet au panneau de propriétés dans les outils de développement.

Tapez dans la console chromée:

 console.log($('selector').data()); 

et il listera les data dans cet élément

Requête Chrome

Pour cette raison, je n’utilise pas le motif $(selector).data() , mais plutôt un HTML plus naturel $(selector).attr('data-name','value') qui ajoute les valeurs au HTML actuel.

$(selector).attr('data-name','value') ne fonctionne pas dans les navigateurs IE8 +. .data() est préféré. En outre, une variable définie par l’utilisateur, telle que say: data-name n’est pas un atsortingbut au format HTML.