javascript - jqueryオブジェクトをデバッグするにはどうすればよいですか？

Question

重複の可能性：
Javascriptをデバッグする

時々、私は1つのjqueryオブジェクトを持っていて、その中の何を見つけることができません。クラス名、ID、その他の属性を確認するなど、さまざまな組み合わせを試して、その変数が何であるかを確認し、場合によっては非表示にする必要がありました。

jqueryオブジェクトをデバッグしてその中身を確認する適切な方法はありますか？

Answer 1

Firebug、Internet Explorerデベロッパーツールバー、Chromeデベロッパーツール。これらは、それぞれのブラウザのいくつかのためのツールのいくつかです。

eclipseなどの一部のIDESでは、インラインでデバッグできます。

debugger;また、この目的に使用できるjavascriptステートメント： 、があります。

Answer 2

firebugまたはchrome開発者ツールを使用して、任意のjavascriptオブジェクトをデバッグできます。オブジェクトの初期化の直後にブレークポイントを追加してから、オブジェクトをウォッチパネルに追加する必要があります。

オブジェクトメンバーはツリービューで表示されます。