Chrome DevTools Consoleでログ出力をきれいに印刷するには？

私は、Chrome DevToolsのコンソールで配列オブジェクトなどをきれいに印刷できることを期待しています。これを達成する手段はありますか？Chrome DevTools Consoleでログ出力をきれいに印刷するには？

ありがとうございました！

2013-08-12 Villi Magg

あなたはかなり」とはどういう意味ですか印刷する？コンソールに表示されるものはデフォルトでフォーマットされています（さまざまなフォントの色、オブジェクトや配列を展開する能力など） –

こんにちは@KonradDzwinelは出力をより簡単に読むことができるようにすることを意味します。しかし、私は、ソースファイルのためのprettifyボタン（{}）について話しているわけではありません。しかし、私は配列f.exを持っていることを意味します。インライン配列としてコンソールに出力するのではなく、積み重ねるようにします。ありがとうございました！ –

DevToolsにはデフォルトのコンソール出力を変更する設定がありません。しかし、あなた自身の関数で 'console.log'をオーバーライドできます。私の答えはこちら：http://stackoverflow.com/questions/18178896/different-clickable-log-items-in-chorome-dev-tools-console –

あなたはJSONとしてデータをフォーマットすることができます：

console.log(JSON.stringify({foo:1, bar:2}, null, 4)); 

{ 
    "foo": 1, 
    "bar": 2 
}

出典

2014-01-07 20:12:51 Petah

あなたがbreakpointである場合は、クロームデベロッパーツールのコンソールから直接JSON.stringify()を呼び出すことができます。

> JSON.stringify(anObject, null, 2); 
<- "{ 
    "field": "foo", 
    "array": [ 
     { 
     "element": 1 
     }, 
     { 
     "element": 2 
     } 
    ], 
    "object": { 
     "inner_field": "bar" 
    } 
    }" 
----------------------------- 
>

出典

2016-10-17 20:23:28 EricRobertBrewer

Chrome DevTools Consoleでログ出力をきれいに印刷するには？

答えて

関連する問題