Voglio vedere i valori mentre esploro il DOM nello strumento degli sviluppatori. E se possibile, vedi anche ciò che si lega all'elemento javascript saggio. È possibile utilizzare alcuni plug-in o come fare per farlo?Come posso visualizzare il valore degli attributi dei dati in tempo reale nello strumento degli sviluppatori di Chrome?
attributi dei dati può essere visto sull'elemento: http://cl.ly/0w3V2H311E21241J2j45
Se stai usando jQuerys .data(), non modificare gli attributi di dati dell'elemento, quindi bisogna chiamare .data() per ottenerlo vederlo. Non sono a conoscenza di alcun plugin che ti consenta di visualizzarlo nel DOM explorer.
Gli ascoltatori di eventi si trovano a destra facendo clic sull'elemento. Scorri verso il basso delle regole CSS e vedrai una sezione chiamata "Listener di eventi": http://cl.ly/2f3c3z312c3D2w43321s
Ci scusiamo se sei limitato a utilizzare solo gli strumenti di sviluppo di Chrome.
Tuttavia, per gli altri utenti di Firefox potrebbe essere utile sapere che esiste una grande estensione per Firebug: FireQuery, che sta facendo esattamente quello che chiedi più altre cose carine.
omg, questo mi ha spinto folle per un paio d'ore, quando non vedrei gli attributi dati aggiornati in strumenti di sviluppo. grazie per le informazioni. –
Per vedere le impostazioni .data(), selezionare l'elemento nella finestra Elementi. Questo elemento viene quindi identificato da ** $ 0 **. Digita nella console '$ ($ 0) .data()' –