IE DeveloperToolsコンソールでのオブジェクトの表示
Firefox、ChromeおよびInternetExplorerでWebアプリケーションをデバッグしています。後者では、開発者ツールを使用してスクリプトをデバッグしています。
私が抱えている問題は、consoleウィンドウで式を記述し、オブジェクトを返す必要がある場合、表示されるのは単純な{...}だけであるということです。これはあまり役に立ちません。
FirebugまたはChrome実際にオブジェクトのコンテンツを表示するコンソール）と同様に機能させることは可能ですか？Chromeは、直接トラバースできるため、この点で最適ですVisualStudioの場合と同様にオブジェクト全体。
とにかく。 IE開発者ツールコンソールでオブジェクトのプロパティとその値を表示することはできますか？
Prototype API がオプションの場合、次のようにオブジェクトをデバッグできます。
var obj = window.JSON.parse('{"d":"2010-01-01T12:34:56Z","i":123}');
alert($H(obj).inspect());
それ以外に、notに本当に役立つ{...}を取得する方法は他にありません。
組み込みのJSONオブジェクトを使用します。
JSON.stringify(my_object)
IEでオブジェクトのプロパティと値を調べるには 最初に次のことを行う必要があります。
- ブレークポイントを設定します（またはスクリプトのデバッグを有効にします）
- ブレークポイントをトリガーします（またはエラーが発生します）
localsタブには、ブレークポイントがトリガーされたときにローカルで使用可能なプロパティと詳細がありますオブジェクトの追加名前をウォッチタブに指定すると、名前付きオブジェクトのプロパティと詳細を表示できます
Microsoftの「友達」には IEの開発者ツールを説明するビデオ があります。 3:03に、オブジェクトを探索するこの「簡単な」方法について言及します。
console.dir(/*object*/);を試してください。これにより、ieの詳細が少しわかります。
コンソールスクリプトウィンドウでこれを試してください。
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])
}
これを行うには、かなり壁から外れた方法があります... JSON.stringifyを介してオブジェクトを実行し、代わりにその結果を表示します。
私にとってはうまくいくもので、これは最近追加されたものかもしれませんが、コンソールログを取得した後です。ログをクリアしますが、コンソールを開いたままにして、ページを更新します。ページが読み込まれると、オブジェクトを探索できるようになります。なぜそのようにする必要があるのかわかりませんが、機能しているようです。
ウォッチするオブジェクトを追加すると、ウォッチパネルから完全に表示および分析できます。