クロム開発者ツールでデータ属性の値を表示するにはどうすればよいですか？

Question

デベロッパーツールでDOMを調べるときに値を確認したいと思います。また、もし可能であれば、javascriptの要素に縛られているものを見てください。これはいくつかのプラグインを使用して可能ですか？これを行うにはどうしたらいいですか？

Answer 1

データ属性は、要素上で見ることができます。http://cl.ly/0w3V2H311E21241J2j45

あなたがjQuerys .data()を使用している場合、それは要素のデータ属性を変更しないので、あなたはそれを見得るために.data()を呼び出す必要があります。私はあなたがDOMエクスプローラでそれを見ることを可能にするプラグインを認識していません。

イベントリスナーは、要素をクリックすると右側に表示されます。 CSSルールの一番下までスクロールすると、「イベントリスナー」というセクションが表示されます。http://cl.ly/2f3c3z312c3D2w43321s

Answer 2

申し訳ありませんが、Chrome開発ツールのみを使用することはできます。

しかし、Firefoxを使用できる人にとってはFirebugの拡張機能があることを知っておくと便利なことがあります。FireQueryは、あなたが求めているものと他の素晴らしいものを正確に実行しています。