');

JavaScriptconsolle

introduzione

Una console di debug o una console web di un browser viene generalmente utilizzata dagli sviluppatori per identificare errori, comprendere il flusso di esecuzione, i dati di registro e per molti altri scopi in fase di runtime. Questa informazione è accessibile tramite l'oggetto console .

Sintassi

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

Parametri

Parametro Descrizione
obj1 ... objN Un elenco di oggetti JavaScript le cui rappresentazioni di stringa vengono emesse nella console
msg Una stringa JavaScript contenente zero o più stringhe di sostituzione.
sub1 ... subN Oggetti JavaScript con cui sostituire le stringhe di sostituzione all'interno di msg.

Osservazioni

Le informazioni visualizzate da una console di debug / web sono rese disponibili attraverso i molteplici metodi dell'oggetto console della console che possono essere consultati tramite console.dir(console) . Oltre alla proprietà console.memory , i metodi visualizzati sono generalmente i seguenti (tratti dall'output di Chromium):

Apertura della console

Nella maggior parte dei browser correnti, la Console JavaScript è stata integrata come scheda all'interno di Strumenti per sviluppatori. I tasti di scelta rapida elencati di seguito apriranno gli Strumenti per sviluppatori, potrebbe essere necessario passare alla scheda destra dopo.


Cromo

Apertura del pannello "Console" di Chrome's DevTools :

  • Windows / Linux: una qualsiasi delle seguenti opzioni.

    • CTRL + MAIUSC + J
    • Ctrl + Maiusc + I , quindi fare clic sulla scheda "Console Web" o premere ESC per attivare e disattivare la console
    • F12 , quindi fare clic sulla scheda "Console" o premere ESC per attivare e disattivare la console
  • Mac OS: Cmd + Opt + J


Firefox

Apertura del pannello "Console" negli Strumenti per sviluppatori di Firefox:

  • Windows / Linux: una qualsiasi delle seguenti opzioni.

    • CTRL + MAIUSC + K
    • Ctrl + Maiusc + I , quindi fare clic sulla scheda "Console Web" o premere ESC per attivare e disattivare la console
    • F12 , quindi fare clic sulla scheda "Console Web" o premere ESC per attivare e disattivare la console
  • Mac OS: Cmd + Opt + K


Edge e Internet Explorer

Apertura del pannello "Console" negli Strumenti per sviluppatori F12 :

  • F12 , quindi fare clic sulla scheda "Console"

Safari

Aprendo il pannello "Console" in Safari's Web Inspector devi prima abilitare il menu di sviluppo nelle Preferenze di Safari

preferenze di safari

Quindi puoi selezionare "Develop-> Show Error Console" dai menu o premere + Option + C


musica lirica

Apertura della "Console" in opera:

  • Ctrl + Maiusc + I , quindi fare clic sulla scheda "Console"

Compatibilità

Quando si utilizza o si emula Internet Explorer 8 o versioni precedenti (ad esempio tramite Compatibility View / Enterprise Mode) la console verrà definita solo quando gli Strumenti di sviluppo sono attivi, quindi le istruzioni di console.log() possono causare un'eccezione e impedire l'esecuzione del codice. Per mitigarlo, puoi verificare se la console è disponibile prima di registrare:

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

O all'inizio dello script è possibile identificare se la console è disponibile e, in caso contrario, definire una funzione nulla per catturare tutti i riferimenti e impedire le eccezioni.

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

Nota che questo secondo esempio interromperà tutti i log della console anche se la finestra dello sviluppatore è stata aperta.

L'utilizzo di questo secondo esempio preclude l'utilizzo di altre funzioni come console.dir(obj) meno che non venga aggiunto in modo specifico.

consolle Esempi correlati