webdevqa.jp.net

ChromeでjQueryの追加データを表示することは可能ですか?

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

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

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

そうでない場合、「拡張」するプラグインをChrome element inspectorデータにも表示するには?

36
PeeHaa

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

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

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

非インタラクティブコード内で呼び出す場合を除き、_console.log_を使用する必要はありません。

38
namuol

Chromeクエリ

Chrome Extensions Webstore にあり、開発ツールのプロパティパネルに別のタブを追加します。

20
tobibeer

chrome console:

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

その要素にdataがリストされます

6
4
Kalinin

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

$(selector).attr('data-name','value')はIE8 +ブラウザーでは機能しません。 .data()が推奨されます。また、次のようなユーザー定義変数:data-nameはHTMLの属性ではありません。

2
jdavid.net