Chrome:console.log、console.debugが機能しない


160

Console.logとデバッグは出力せず、未定義のみを返します。なぜそれができるのですか?Chromeを再インストールしようとしましたが、役に立ちません。

これはchromeのメインページのスクリーンショットです。そのため、一部のコードでは関数が再定義されていません console.logが機能しない


2
フィルターフィールドに値が入力されていることを確認してください。
Ivan Ferrer

FlaskでWeb開発をしている人のために:私はこれと同じ問題に遭遇しました-私のJavaScriptにconsole.logステートメントを追加しましたが、コンソールには何も表示されませんでした。ブラウザのキャッシュが原因であることが判明しました...追加されたログステートメントが表示されませんでした。解決策はハードリフレッシュです(WindowsではF5ではなくCTRL + F5)。同じ問題で他の誰かを助けることを願っています!
Joel Wigton、

フィルターフィールドに誤ってテキストを入力しました
Oliver Watkins

回答:


310

「デフォルトレベル」をクリックし、「情報」がチェックされていることを確認します。デフォルトでは、エラーと警告のみを表示するように設定されています

私は同じ問題でここに来ました:/


3
ありがとう...新しいバージョンのクロムがうまく機能しないと思っただけです!
Jack Ma

13
@NikhilPatilはまったく愚かではありません。これはひどいデフォルト設定です。
コービン2013年

私も馬鹿げていると感じました。Chrome開発者ツールが機能しないという問題も報告しました。
sudhAnsu63 2013年

また、新しいバージョンでは、JavaScriptが無効になっている場合、Enterキーを押すとコンソールが空白になります。問題が何であるかを教えてくれません。そのサイトでJavaScriptを有効にすると、コンソールが再び有効になります。
hakre 2014

5
それ以降のバージョンのChromeについてのメモ:上部にあるドロップダウンのように見えますが、すべてを表示するには「Verbose」に変更する必要があります。
GreatBlakes 2017

52

完全を期すために:現在のバージョンのChromeでは、設定は下部にありませんが、コンソールタブの上部にある[フィルター]アイコン(左から2番目のアイコン)をクリックすると見つかります。


33

今日、Google Chromeの開発者ツールのUIが変更され、コンソールに表示されるログステートメントのログレベルを選択できるようになりました。「フィルター」テキストボックスの横にログレベルのドロップダウンがあります。サポートされている値はVerboseInfoWarningsErrorsしてInfoデフォルトの選択であること。

ここに画像の説明を入力してください

選択したログレベルがある場合は、その重症度同等またはそれ以上である任意のログには、「コンソール」タブの例に示されてしまいますInfoその後、レベルを持つすべてのログInfoWarningおよびErrorコンソールに表示されます。

私がそれを変更するとVerbose、私のconsole.debugand console.logステートメントがコンソールに表示され始めました。時間Infoレベルが選択されるまで、それらは表示されませんでした。


13

私は同じ問題を経験しました。Firebugがバックグラウンドでログをインターセプトしていたため、Chromeコンソールにログが表示されなかったため、Firebugを無効にすることが私の解決策でした。


11

同じ問題ですが、設定をクリアしました。[設定]> [設定]に移動し、[デフォルトに戻し、再読み込み]をクリックしました。あなたの設定が何であったか覚えておいてください。

ここに画像の説明を入力してください


私はこの問題のデバッグに何日も費やしましたが、このソリューションは魔法のように機能しました!
2018年

私はこれを使用しましたが、ネットワークの下でキャッシュを無効にすると、それは機能しました
dave

私は3〜4時間を費やして、新しいジョブの技術的な割り当てに取り組んでいる間にNext.jsがクライアント側でコードを実行しなかった理由を解明しようとしましたが、これがすべての問題でした。それが壊れていたが、SOのポストは素晴らしい仕事取得の私のチャンス保存している可能性があり、なぜ私は考えている
DanielM

11

また、コンソールに適用されるいくつかのフィルターがあるかもしれません。それらを削除します。


4

私の場合、UglifyPluginがsetで実行さdrop_console: trueれているwebpackでした


1
私は同じ問題を抱えています。uglifyはログを削除しています。ありがとう
クリシュナヴェドゥラ2018

サイトスクリプトがそのようにドロップしたら、それを復元することは可能ですか?
PSkocik

4

「フィルター」入力は空白のままにし、意図的または誤って何も書かれていないことを確認してください。私の場合はそれでした:P

ここに画像の説明を入力してください


1
これはセッション全体でこれを思い出します-私もトリップしました。
Le-roy Staines

3

一部のJS(またはその他の)コードが機能console.logしなくなっている(console.logおそらく上書きされている)サイトで作業しています。これをテストするにはconsole.log、別のページ(このページなど)で動作するかどうかを確認します。

現在、さらに調査する時間がないalert("something is: "+something)ため、実行する必要があるスニペットから必要な情報を取得するために使用していました。


forum.xda-developers.comは、を無効にする著名なサイトの例ですconsole.log
Dan Dascalescu、


2

表示されている場合(3つのメッセージはフィルターによって非表示になっています。すべてのメッセージを表示します)。Chrome開発ツールコンソールで[すべてのメッセージを表示]リンクをクリックします。

このオプションを誤って有効にすると、console.log("")メッセージは表示されますが、非表示の状態になるためです。


2

フィルターの隣にある「デフォルトレベル」をクリックし、「情報」がチェックされていることを確認してください。

スクリーンショットをご覧ください:

ここに画像の説明を入力してください


これは、受け入れられた回答をスクリーンショットで複製するだけです。現在受け入れられている回答を編集してスクリーンショットを含めるよう提案することで、より良い貢献をすることができます。
かすかな信号2018

2

私の場合、ログを保持するのがコツです。ログを表示するためにすべてを行いましたが、それはなくなりました。チェックしてみたところ、

ここに画像の説明を入力してください



1

私の場合、[フィルター]フィールドにテキストがあり、console.logの結果が表示されなくなったため、ログを表示できませんでした。Filterフィールドのテキストをクリアすると、表示されるはずです。


ありがとう-私のために修正しました!
トニー

0

これでうまくいきました。コンソールセクションで、右上の設定に移動します。そこで、ログの保存とXMLHttpsRequestsのログを選択します。


0

時々、最も単純なことが私たちをつまずきます...

console.logコンソールに入力し、返される関数を確認します。あなたが見るならƒ log() { [native code] }、それは何か他のものです。表示されている場合はƒ (){}、行のどこかでネイティブのconsole.log関数が変更されています。

今日クライアントのサイトで作業していて、それが問題でした。その場合は、手動でconsole.log関数を復元するか、代わりにconsole.dir()またはconsole.warn()を使用できます。



0

コンソールのフィルターボックスに何かが表示されるかどうかを確認します。これは、スクリプトをオーバーライドする何かがフィルターボックスをクリアして、もう一度確認することを意味します。私の場合、これが問題です。


0

2020年7月の時点でChromeのUIが再び変更され、ログレベルのドロップダウンで何も実行されなくなったようです。

代わりに、メインコンソールウィンドウの左側に新しいウィンドウがあり、制限のあるログレベルの1つに誤って設定されている可能性があります。

ここに画像の説明を入力してください

最上位のカテゴリ(メッセージ)を選択して、すべてのログを表示します。

ここに画像の説明を入力してください

編集:EVEN THEN Chromeはフィルターボックスに何かを追加するようですが、ここでもいくつかのログが失われるため、フィルターボックスもクリアする必要があります!

(フィルターボックスは、上記の両方の写真の上部にある[ネットワーク条件]の下にあります。「urlwebpack」に関するいくつかのコンテンツが含まれていないことがわかります。)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.