javascript - Chromeコンソールで拡張オブジェクト/配列を表示するにはどうすればよいですか？

Question

オブジェクトの配列がある場合、Chromeコンソールで変数の名前を入力すると、次のようになります。ここに画像の説明を入力してください

質問： Chromeコンソールでクエリを実行すると、オンにするとオブジェクトと配列が拡張されて表示されるオプションやフラグはありますか？

私はコンソールを頻繁に使用し、コンソール内でインライン操作を行います。配列を変更するたびに、すべてのエントリをクリックして値を表示する必要があります。

console.dirすべての配列を出力するループを作成したくありません。

score 21 · Accepted Answer

ループを記述せずに配列 (またはその他のオブジェクト) の内容全体を表示するには、を使用できますJSON.stringify。これにより、オブジェクト全体が JSON 形式で出力され、オプションでインデントされます。

例えば：

console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, '  '))

出力します：

[
  {
    "a": 1,
    "b": 2
  },
  {
    "c": 3,
    "d": 4
  }
]

score -3 · Accepted Answer

これを知っているかどうかはわかりませんが... 三角形をクリックすると、完全なオブジェクトが表示されます。これは非常に実用的だと思います。

編集

申し訳ありませんが、この部分 '=.= を読んでいませんが、 Chrome コンソールがChrome Dev Toolsをサポートしている firebug のコンソール APIを確認できます: Console

3 に答える 3