internet-explorer - IE Developer Tools コンソールでのオブジェクトの表示

Question

Firefox、Chrome、および Internet Explorer で Web アプリケーションをデバッグしています。後者では、開発者ツールを使用してスクリプトをデバッグしています。

私が抱えている問題は、コンソールウィンドウで何らかの式を記述し、それがオブジェクトを返さなければならないときに、{...}実際には役に立たない単純なものしか表示されないことです。

実際にオブジェクトのコンテンツを表示する Firebug や Chrome コンソールと同じように動作させることは可能ですか。Visual Studio のようにオブジェクト全体を直接トラバースできるため、Chrome はこの点で最適です。

ともかく。オブジェクトのプロパティとその値を表示するように IE Developer Tools コンソールを作成することは可能ですか?

score 20 · Accepted Answer

20

組み込みのJSONオブジェクトを使用します。

JSON.stringify(my_object)

于 2013-01-23T20:47:50.700 に答える

score 8 · Accepted Answer

[ローカル] タブには、ブレークポイントがトリガーされたときにローカルで使用できるプロパティと詳細があります [監視] タブにオブジェクト名を追加すると、名前付きオブジェクトのプロパティと詳細を表示できます

Microsoft の「友人」は、IE の開発者ツールを説明するビデオを持っています。3:03 で、オブジェクトを探索するこの「簡単な」方法について言及しています。

score 6 · Accepted Answer

試してみてくださいconsole.dir(/*object*/);これにより、ieでもう少し詳細が得られるはずです。

score 4 · Accepted Answer

プロトタイプ APIがオプションの場合、次のようにオブジェクトをデバッグできます。

var obj = window.JSON.parse('{"d":"2010-01-01T12:34:56Z","i":123}');
alert($H(obj).inspect());

それ以外に、本当に役に立たない方法は他にありません。 {...}

score 3 · Accepted Answer

コンソールスクリプトウィンドウでこれを試してください。

for (var a in object) {
    console.log("object["+a+"]="+object[a])
}

例えば、

for (var a in document.head){
    console.log("document.head["+a+"]="+document.head[a])
}

score 1 · Accepted Answer

これを行うためのかなりオフザウォールな方法があります... JSON.stringify を介してオブジェクトを実行し、代わりにその結果を表示します。

score 0 · Accepted Answer

監視するオブジェクトを追加すると、監視パネルから完全に表示および分析できます。

8 に答える 8