jquery - ChromeでjQueryが追加したデータを表示することは可能ですか？

Question

Webサイトを作成するとき、私はよくjQueryの.data()関数を使用して要素にデータを追加します。

Chromeの要素とともに保存されているすべてのデータを表示することは可能ですか？

したがって、要素を調べると、Chrome自体のデータが表示されます。

element inspectorそうでない場合は、Chromeに「拡張」してデータにも表示するプラグインを作成することは可能でしょうか？

score 39 · Accepted Answer

インスペクターを開き、コンソールに次のように入力します

$('<some selector>').data()

次に、returnキーを押してdata()メソッドを評価し、その戻り値を直接表示します。

console.log非対話型コード内で呼び出す場合を除いて、使用する必要はありません。

score 20 · Accepted Answer

Chromeクエリ

Chrome拡張機能のウェブストアにあり、デベロッパーツールのプロパティパネルに別のタブを追加します。

score 6 · Accepted Answer

Chromeコンソールに入力します。

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

dataそしてそれはその要素にリストされます

score 4 · Accepted Answer

4

于 2011-09-12T07:10:25.413 に答える

score 2 · Accepted Answer

このため、私は$(selector).data()パターンを使用せず、代わりに$(selector).attr('data-name','value')、実際のHTMLに値を追加するより自然なHTMLを使用します。

$(selector).attr('data-name','value')IE8+ブラウザでは動作しません。.data()が好ましい。また、say：などのユーザー定義の変数data-nameはHTMLの属性ではありません。