Chrome: console.log, console.debug ne fonctionnent pas


160

Console.log et debug ne s'impriment pas, retournent seulement indéfinis. Pourquoi ça peut être? J'ai essayé de réinstaller Chrome, mais cela n'aide pas.

Voici une capture d'écran de la page principale de chrome, donc les fonctions ne sont pas redéfinies dans certains codes console.log ne fonctionne pas


2
Assurez-vous d'avoir une valeur saisie dans le champ de filtre.
Ivan Ferrer

Pour tous ceux qui font du développement Web avec Flask: j'ai rencontré le même problème - l'ajout d'instructions console.log à mon Javascript, et rien ne s'affichait dans la console. Le problème s'est avéré être dû à la mise en cache du navigateur ... il ne voyait pas mes instructions de journal ajoutées. La solution est une actualisation matérielle (CTRL + F5 au lieu de F5 sous Windows). J'espère que cela aide quelqu'un d'autre avec le même problème!
Joel Wigton

J'ai accidentellement eu du texte dans le champ de filtre
Oliver Watkins

Réponses:


310

Cliquez sur "Niveaux par défaut" et assurez-vous que "Info" est coché. Par défaut, il est uniquement configuré pour afficher les erreurs et les avertissements

Je suis venu ici avec le même problème: /


3
Merci ... Je pensais juste que la nouvelle version chrome ne fonctionnait pas bien!
Jack Ma

13
@NikhilPatil pas du tout stupide. C'est juste un paramètre par défaut terrible.
corbin

Moi aussi je me sens stupide, j'ai même signalé un problème, cet outil de développement Chrome ne fonctionne pas.
sudhAnsu63

également avec les versions plus récentes: si javascript est désactivé, la console devient juste vide après entrée. ne vous dira pas quel est le problème. l'activation de javascript sur ce site active à nouveau la console.
hakre

5
Juste une note pour les versions ultérieures de Chrome: il semble que ce soit une liste déroulante en haut maintenant, et vous voudrez le changer en "Verbose" pour tout voir.
GreatBlakes

52

Par souci d'exhaustivité: dans la version actuelle de chrome, le paramètre n'est plus en bas mais peut être trouvé en cliquant sur l'icône "Filtre" en haut de l'onglet de la console (deuxième icône à gauche)


33

À partir d'aujourd'hui, l'interface utilisateur des outils de développement dans Google Chrome a changé où nous sélectionnons le niveau de journal des instructions de journal affichées dans la console. Il y a une liste déroulante de niveau de journalisation à côté de la zone de texte "Filtre". Les valeurs prises en charge sont Verbose, Info, Warningset Errorsavec Infoêtre la sélection par défaut.

entrez la description de l'image ici

Tout journal dont la gravité est égale ou supérieure sera affiché dans l'onglet "Console", par exemple si le niveau de journal sélectionné est Infoalors tous les journaux de niveau Info, Warninget Errorsera affiché dans la console.

Lorsque je l'ai changé en, Verbosemes déclarations console.debuget ont console.logcommencé à apparaître dans la console. Jusqu'à ce que le Infoniveau de temps ait été sélectionné, ils n'étaient pas affichés.


13

J'ai rencontré le même problème. La solution pour moi était de désactiver Firebug car Firebug interceptait les journaux en arrière-plan, ce qui ne permettait pas d'afficher les journaux dans la console Chrome.


11

Même problème, mais je viens d'effacer mes paramètres. Je suis allé dans Paramètres> Préférences et j'ai cliqué sur [Restaurer les paramètres par défaut et recharger]. Rappelez-vous simplement quels étaient vos paramètres.

entrez la description de l'image ici


J'ai passé des jours à déboguer ce problème, et cette solution a fonctionné comme par magie!
Aliya

J'ai utilisé ceci mais j'ai coché désactiver le cache sous Réseau et cela a ensuite fonctionné
Dave

J'ai passé 3-4 heures à essayer de comprendre pourquoi Next.js n'exécutait aucun code côté client tout en travaillant sur une mission technique pour un nouveau travail, il s'est avéré que c'était tout ce qui n'allait pas. Je ne sais pas pourquoi il a été cassé, mais le message SO a peut-être sauvé mes chances d'obtenir un travail incroyable
DanielM

11

Certains filtres peuvent également être appliqués à la console. Retirez-les.


5

Assurez-vous que l'entrée "Filtre" est vide et que rien n'est écrit intentionnellement ou par erreur. C'était ça dans mon cas: P

entrez la description de l'image ici


1
Il se souvient de cela à travers les sessions - m'a également fait trébucher.
Le-roy Staines

4

Dans mon cas, le Webpack exécutait UglifyPlugin avec drop_console: trueset


1
J'ai le même problème. uglify supprime la journalisation. Merci
Krishna Vedula

Est-il possible de le restaurer une fois qu'un script de site le laisse tomber comme ça?
PSkocik

3

Je travaille sur un site où du code JS (ou autre) empêche console.logde fonctionner ( console.logest probablement écrasé). Vous pouvez tester cela en vérifiant si console.logfonctionne sur une page différente (comme celle-ci).

Je n'ai pas le temps d'enquêter plus avant pour le moment, j'ai donc l'habitude alert("something is: "+something)d'obtenir les informations que je voulais à partir d'un extrait dont j'avais besoin pour exécuter.


forum.xda-developers.com est un exemple de site important qui désactive console.log.
Dan Dascalescu

2

Dans mon cas, c'était juste un ancien fichier Javascript mis en cache. Après avoir vidé le cache, j'ai vu mes journaux.


2

Si vous voyez (3 messages sont masqués par les filtres. Afficher tous les messages.), Cliquez sur Afficher le lien de tous les messages dans la console de l'outil de développement Chrome.

Parce que si cette option est activée par erreur, le console.log("")message s'affiche, mais celui-ci est à l'état caché.


2

Cliquez sur " Niveaux par défaut " juste à côté du filtre et assurez-vous que " Info " est coché.

S'il vous plaît voir capture d'écran:

entrez la description de l'image ici


Cela duplique simplement la réponse acceptée avec une capture d'écran. Vous pourriez apporter une meilleure contribution en suggérant une modification de la réponse actuellement acceptée pour inclure votre capture d'écran.
faintsignal

2

Dans mon cas, la conservation des journaux fait l'affaire. J'ai tout fait pour afficher les logs, mais ça disparaît. Je l'ai vérifié et ça marche,

entrez la description de l'image ici



1

Dans mon cas, je n'ai pas pu voir les journaux car il y a du texte dans le champ Filtre, ce qui a fait disparaître les résultats de console.log. Une fois le texte effacé dans le champ Filtre, il devrait s'afficher.


Merci - réparé pour moi!
Tony

0

Cela a fonctionné pour moi. Dans la section console, accédez aux paramètres en haut à droite. Là, sélectionnez conserver le journal et le journal XMLHttpsRequests.


0

Parfois, les choses les plus simples nous font trébucher ...

Tapez console.logla console et vérifiez quelle fonction est renvoyée. Si vous voyez, ƒ log() { [native code] }c'est autre chose. Si vous voyez ƒ (){}alors quelque part sur la ligne, la fonction native console.log a été modifiée.

Travaillait sur le site d'un client aujourd'hui et c'était le problème. Si tel est le cas, vous pouvez restaurer manuellement la fonction console.log ou utiliser à la place console.dir () ou console.warn ().



0

voir si quelque chose apparaît sur la boîte de filtre dans la console, cela signifie que quelque chose remplace votre script effacez la boîte de filtre et vérifiez à nouveau. dans mon cas, c'est le problème.


0

Depuis juillet 2020, l'interface utilisateur de Chrome a de nouveau changé et la liste déroulante du niveau de journalisation ne semble plus rien faire pour le moment.

Au lieu de cela, il y a un nouveau volet à gauche du volet de la console principale, qui peut avoir été involontairement défini sur l'un des niveaux de journalisation restrictifs:

entrez la description de l'image ici

Sélectionnez la catégorie supérieure (messages) pour révéler toute la journalisation:

entrez la description de l'image ici

EDIT: MÊME PUIS Chrome semble ajouter des éléments à la boîte de filtre , qui perd à nouveau une certaine journalisation, vous devez donc EFFACER LA BOÎTE DE FILTRE AUSSI!

(La boîte de filtre est en haut de mes deux photos ci-dessus, sous "Conditions réseau"; vous pouvez voir qu'elle contient du contenu sur "urlwebpack" que je n'ai pas mis là!)

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.