JavaScriptConsola


Introducción

Los desarrolladores utilizan generalmente la consola de depuración o la consola web de un navegador para identificar errores, comprender el flujo de ejecución, registrar datos y para muchos otros fines en tiempo de ejecución. Se accede a esta información a través del objeto console .

Sintaxis

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

Parámetros

Parámetro Descripción
obj1 ... objN Una lista de objetos JavaScript cuyas representaciones de cadena se muestran en la consola
msg Una cadena de JavaScript que contiene cero o más cadenas de sustitución.
sub1 ... subN Objetos de JavaScript con los que reemplazar cadenas de sustitución dentro de msg.

Observaciones

La información mostrada por una consola web / depuración está disponible a través de los múltiples métodos del objeto Javascript de la console que se puede consultar a través de console.dir(console) . Además de la propiedad console.memory , los métodos mostrados son generalmente los siguientes (tomados de la salida de Chromium):

Abriendo la consola

En la mayoría de los navegadores actuales, la Consola de JavaScript se ha integrado como una pestaña dentro de las Herramientas del desarrollador. Las teclas de método abreviado que se enumeran a continuación abrirán las Herramientas del desarrollador, podría ser necesario cambiar a la pestaña derecha después de eso.


Cromo

Abriendo el panel de "Consola" de las herramientas de desarrollo de Chrome:

  • Windows / Linux: cualquiera de las siguientes opciones.

    • Ctrl + Shift + J
    • Ctrl + Shift + I , luego haga clic en la pestaña "Consola Web" o presione ESC para activar y desactivar la consola
    • F12 , luego haga clic en la pestaña "Consola" o presione ESC para activar y desactivar la consola
  • Mac OS: Cmd + Opt + J


Firefox

Abriendo el panel de la "Consola" en las herramientas de desarrollo de Firefox:

  • Windows / Linux: cualquiera de las siguientes opciones.

    • Ctrl + Shift + K
    • Ctrl + Shift + I , luego haga clic en la pestaña "Consola Web" o presione ESC para activar y desactivar la consola
    • F12 , luego haga clic en la pestaña "Consola Web" o presione ESC para activar y desactivar la consola
  • Mac OS: Cmd + Opt + K


Edge e Internet Explorer

Abriendo el panel de la "Consola" en las herramientas de desarrollo F12 :

  • F12 , luego haga clic en la pestaña "Consola"

Safari

Al abrir el panel de la "Consola" en el Inspector web de Safari, primero debe habilitar el menú de desarrollo en las Preferencias de Safari.

preferencias de safari

A continuación, puede o bien elegir "Desa-> Mostrar la Consola de errores" de los menús o presione + Opción + C


Ópera

Abriendo la “Consola” en opera:

  • Ctrl + Shift + I , luego haga clic en la pestaña "Consola"

Compatibilidad

Al usar o emular Internet Explorer 8 o versiones anteriores (por ejemplo, a través de la Vista de compatibilidad / Modo empresarial), la consola solo se definirá cuando las Herramientas para desarrolladores estén activas, por lo que las declaraciones de console.log() pueden provocar una excepción y evitar que se ejecute el código. Para mitigar esto, puede verificar si la consola está disponible antes de iniciar sesión:

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

O al comienzo de su script, puede identificar si la consola está disponible y, de no ser así, definir una función nula para capturar todas sus referencias y evitar excepciones.

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

Tenga en cuenta que este segundo ejemplo detendrá todos los registros de la consola, incluso si se ha abierto la ventana del desarrollador.

El uso de este segundo ejemplo excluirá el uso de otras funciones, como console.dir(obj) menos que se agregue específicamente.

Consola Ejemplos relacionados