web-dev-qa-db-ja.com

Chromeデバッガ-console.logメッセージのグループ化をオフにする方法は？

私のGoogle Chrome=拡張機能でこれを行うと言います：

console.log(msg);

Chromeデバッガは、同様のメッセージを次のようにグループ化します。

enter image description here

オフにしてメッセージをそのまま投稿する方法はありますか？

javascriptgoogle-chromegoogle-chrome-extensiongoogle-chrome-devtools
25
c00000fd

同一の連続する行のみが折りたたまれますが、それほど問題はありませんが、コンソールの右上隅にある設定ボタンを使用して、「タイムスタンプを表示」を有効にすると、行が別の行に表示されます。

enter image description here

これで、連続した重複のみが折りたたまれていることがわかります。

_msgs = ['hello', 'world', 'there'];
for (i = 0; i < 20; i++) console.log(msgs[Math.floor((i/3)%3)]) 
_

console api には、コードの追跡に役立つ他の多くの関数があります。たとえば、console.count(label)は、ログが何回記録されたかのカウントを含むラベルをログに記録し、console.group()は他のログ呼び出しをグループ化し、console.timeline(label)はログをタイムライン。

33
Jason Goemaat

誰かが同じ問題を抱えていました： Google Chrome開発者ツールコンソールのロギング…ほとんど役に立たない？ この機能を無効にする答えがありません。

回避策として、開発者ツールの設定でコンソールのShow timestampsを有効にすることができます。

2
Volune

メッセージは、previousで同一の場合にのみ折りたたまれます。
メッセージが折りたたまれないようにするには、ログレベルを変更するか、ログ出力を使用します。

console.logおよびconsole.debugは、Chromeの開発ツールで視覚的に類似しています（つまり、その前にアイコンがありません）。冗長フィルターを使用しない場合は、console.logおよびconsole.debugは問題を解決します：

console.log('message');
console.debug('message');
console.log('message');

// Convenience function:
function log() {
    log.counter = log.counter ? log.counter + 1 : 1;
    console[log.counter % 2 ? 'log' : 'debug'].apply(console, arguments);
}

希望する結果を得るもう1つの方法は、メッセージの前に非表示の文字を挿入することです（注：%s余分なスペースが表示されないようにします（ devtoolsのフォーマットオプション を参照）。また、視覚的な文字がまったく表示されないようにするZWSP。）：

function log() {
    log.counter = log.counter ? log.counter + 1 : 1;
    var args = [].slice.call(arguments);
    if (log.counter % 2) {
        args.unshift('%s\u200B'); // ZWSP (zero-width space, you won't see it)
    }
    console.log.apply(console, args);
}

デモ： http://jsfiddle.net/x3725j38/1/

1
Rob W