460 votes

Comment imprimer des messages de débogage dans le Google Chrome Console Javascript

Quelqu'un sait-il comment faire pour imprimer les messages de débogage dans le Google Chrome Console Javascript?

Veuillez noter que la Console Javascript n'est pas le même que le Débogueur Javascript, ils ont différentes syntaxes autant que je sache, de sorte que l' impression de la commande dans le Débogueur Javascript ne fonctionnera pas ici. Dans la Console Javascript, print() enverra le paramètre de l'imprimante.

593voto

Sergey Ilinsky Points 16803

L'exécution de code suivant à partir de la barre d'adresse du navigateur:

javascript: console.log(2);

avec succès imprime le message de la "Console JavaScript" dans Google Chrome.

166voto

Delan Azabani Points 33013

L'amélioration sur Andru de l'idée, vous pouvez écrire un script qui crée des fonctions de la console si ils n'existent pas:

if (!window.console) console = {};
console.log = console.log || function(){};
console.warn = console.warn || function(){};
console.error = console.error || function(){};
console.info = console.info || function(){};

Ensuite, utilisez l'une des opérations suivantes:

console.log(...);
console.error(...);
console.info(...);
console.warn(...);

Ces fonctions journal des différents types d'éléments (qui peuvent être filtrés en fonction de journal, d'informations, d'erreur ou d'avertir) et ne sera pas causer des erreurs lors de la console n'est pas disponible. Ces fonctions de travail dans Firebug et Chrome consoles.

47voto

gavenkoa Points 6974

Seulement ajouter de la fonctionnalité que beaucoup de développeurs manquer:

console.log("this is %o, event is %o, host is %s", this, e, location.host);

Cette magie %o dump cliquables et la profondeur navigable par le contenu de la JS objet. %s a été montré que pour un enregistrement.

Aussi c'est trop cool:

console.log("%s", new Error().stack);

ce qui donne à la Java comme trace de la pile à la pointe de la new Error() invocation (y compris le chemin d'accès au fichier et le numéro de ligne!!).

Les deux %o et new Error().stack disponible en Chrome et Firefox!!

Aussi pour les traces de pile dans FF utiliser:

console.trace();

comme le disent les https://developer.mozilla.org/en-US/docs/Web/API/console.

Happy hacking!

17voto

Andru Points 1582

Juste un petit avertissement - si vous souhaitez tester sous IE sans retirer la console.journal (le)'s, vous aurez besoin d'utiliser FireBug Lite (http://getfirebug.com/lite.html) ou vous aurez quelques pas particulièrement sympathique erreurs.

(ou créer votre propre console.log() qui retourne false)

17voto

Vegar Points 131

Voici un petit script qui vérifie si la console est disponible. Si elle n'est pas qu'il essaye de charger firebug et si firebug n'est pas disponible, il charge firebugLite. Maintenant, vous pouvez utiliser la console.connectez n'importe quel navigateur. Profitez-en!

if (!window['console']) {
    // Enable console
    if (window['loadFirebugConsole']) {
        window.loadFirebugConsole();
    } else {
        // No console, use Firebug Lite
        var firebugLite = function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new Image;E[r]('src',I+L);};
        firebugLite(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
    }
} else {
    // console is already available, no action needed.
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X