Looking for javascript Keywords? Try Ask4Keywords

JavaScriptConsole


Introduction

La console de débogage ou la console Web d'un navigateur est généralement utilisée par les développeurs pour identifier les erreurs, comprendre le flux d'exécution, consigner les données et, à bien d'autres fins, à l'exécution. Cette information est accessible via l'objet console .

Syntaxe

  • void console.log (obj1 [, obj2, ..., objN]);
  • void console.log (msg [, sub1, ..., subN]);

Paramètres

Paramètre La description
obj1 ... objN Une liste d'objets JavaScript dont les représentations de chaîne sont sorties dans la console
msg Une chaîne JavaScript contenant zéro ou plusieurs chaînes de substitution.
sub1 ... subN Objets JavaScript avec lesquels remplacer les chaînes de substitution dans msg.

Remarques

Les informations affichées par une console de débogage / Web sont mises à disposition via les multiples méthodes de l’objet Javascript de la console consultables via console.dir(console) . Outre la propriété console.memory , les méthodes affichées sont généralement les suivantes (extraites de la sortie de Chrome):

Ouvrir la console

Dans la plupart des navigateurs actuels, la console JavaScript a été intégrée en tant qu'onglet dans Developer Tools. Les touches de raccourci répertoriées ci-dessous ouvrent les outils de développement, il peut être nécessaire de passer à l'onglet suivant.


Chrome

Ouverture du panneau “Console” des DevTools de Chrome:

  • Windows / Linux: l'une des options suivantes.

    • Ctrl + Maj + J
    • Ctrl + Shift + I , puis cliquez sur l'onglet "Web Console" ou appuyez sur ESC pour activer ou désactiver la console
    • F12 , puis cliquez sur l'onglet «Console» ou appuyez sur ESC pour activer ou désactiver la console.
  • Mac OS: Cmd + Opt + J


Firefox

Ouverture du panneau «Console» dans les outils de développement de Firefox:

  • Windows / Linux: l'une des options suivantes.

    • Ctrl + Maj + K
    • Ctrl + Shift + I , puis cliquez sur l'onglet "Web Console" ou appuyez sur ESC pour activer ou désactiver la console
    • F12 , puis cliquez sur l'onglet «Web Console» ou appuyez sur ESC pour activer ou désactiver la console.
  • Mac OS: Cmd + Opt + K


Edge et Internet Explorer

Ouvrir le panneau «Console» dans les outils de développement F12 :

  • F12 , puis cliquez sur l'onglet «Console»

Safari

En ouvrant le panneau «Console» dans l' inspecteur Web de Safari, vous devez d'abord activer le menu de développement dans les préférences de Safari.

préférences de safari

Ensuite, vous pouvez choisir "Développer-> Afficher la console d’erreur" dans les menus ou appuyer sur + Option + C


Opéra

Ouvrir la «console» dans l'opéra:

  • Ctrl + Maj + I , puis cliquez sur l'onglet "Console"

Compatibilité

Lorsque vous utilisez ou émule Internet Explorer 8 ou versions antérieures (par exemple par le biais d' affichage de compatibilité / mode Enterprise) la console sont uniquement définis lorsque les outils de développement sont actifs, donc console.log() déclarations peuvent provoquer une exception et empêcher le code d'exécution. Pour atténuer ce problème, vous pouvez vérifier si la console est disponible avant de vous connecter:

if (typeof window.console !== 'undefined')
{
   console.log("Hello World");
}

Ou, au début de votre script, vous pouvez identifier si la console est disponible et sinon, définissez une fonction null pour intercepter toutes vos références et empêcher les exceptions.

if (!window.console)
{ 
    console = {log: function() {}}; 
}

Notez que ce deuxième exemple arrête tous les journaux de la console même si la fenêtre du développeur a été ouverte.

L'utilisation de ce deuxième exemple empêchera l'utilisation d'autres fonctions telles que console.dir(obj) sauf si cela est spécifiquement ajouté.

Console Exemples Liés