firefoxやchromeの開発者コンソールからjsonオブジェクトを簡単に表示する方法はありますか？

Question

FirefoxまたはChromeの開発者コンソールからjsonを読み込む最も簡単な方法は何ですか？プラグインをインストールする必要はありますか？または、うまくいけばjsonを読むのがはるかに簡単な方法で見ることができるjavascript関数があります...

たとえば、私がjsonオブジェクトであるconsole.log（data）を試してみると、開発者コンソールは構造体を表示する代わりに1つの巨大な文字列のように表示されるので、私が望むものを選別して除外することは本当に難しい。

EDIT： 私が混乱したことをお詫びします。 Chromeを確認したところ、Chromeは構造化された方法でJSONを表示しているようです。しかし、Firefox上ではすべて一緒に混乱している。スクリーンショットを添付しました。私は質問が "これはChromeのようにもっと構造化された方法で表示する方法はありますか？"と思っています。下で学んだように、私はconsole.dir（）がこれを処理すると思います。それから私の最後の質問は：これは意図された行動ですか？

Answer 1

のFirebugとWebkits開発ツール表示任意のオブジェクト、構造化されたとも読めます。 JSON文字列の代わりにオブジェクトを出力しようとしたようです。場合厥、ちょうど

console.log(JSON.parse(data)); 

前にオブジェクトにそれを解析し、方法によって場合は、直接オブジェクトのプロパティ/キーの一覧を示しconsole.dir()ようconsoleオブジェクト、上のきちんとした方法がたくさんあります。

Answer 2

JSONオブジェクトはありません。

Javascriptの文字列として

• JavaScriptオブジェクト

• JSONデータがあります

あなたが簡単に参照可能な方法で文字列としてJSONを表示したい場合は行う

var obj = JSON.parse(jsonstring); 
    console.log(obj) 

Answer 3

どのChromeのバージョンを使用していますか？オブジェクトconsole.logがオブジェクトの場合は、文字列ではなくプロパティを展開できるオブジェクトとして表示されます。 （Chrome 16.0.912.77）。 JSON文字列を記録するか、JSON文字列を記録する前にJSONを解析していますか？