Muestra un mensaje en la consola web (o del intérprete JavaScript).
 

Nota: Esta característica está disponible en Web Workers.

Sintaxis

console.log(obj1 [, obj2, ..., objN]);
console.log(msg [, subst1, ..., substN]);

Parámetros

obj1 ... objN
Una lista de objetos JavaScript para mostrar. Las representaciones en texto de cada uno de los objetos se agregan y muestran juntas (al final una tras otra), en el orden listado.
msg
Un texto (mensaje) conteniendo cero o más sustituciones de cadenas (sustituciones de strings). 
subst1 ... substN
Objetos JavaScript con la sustitución a reemplazar dentro del texto (msg). Esto brinda control adicional en el formato de salida del texto. 

Vea "Mostrando texto en la consola" en la documentación de console para mas detalles.

Especificaciones

Especificación Estado Comentario
Console API
La definición de 'console.log()' en esta especificación.
Living Standard Definicion inicial

Compatibilidad con navegadores

Característica Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari

Soporte Básico

(Yes) (Yes) 4.0 (2.0) 8 (Yes) (Yes)
Substitución de texto (Yes)
28[1]
? 9.0 (9.0) 10[2] (Yes) (Yes)
Disponible en trabajadores ? ? 38.0 (38.0) ? ? ?
Característica Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte Básico ? (Yes) 4.0 (2.0) ? ? ?
Substitución de texto ? ? 9.0 (9.0) ? ? ?
Disponible en trabajadores ? ? 38.0 (38.0) ? ? ?

[1] Si se le pasa un valor negativo a %d, este será redondeado hacia abajo al entero negativo mas cercano, por ejemplo: -0.1 se convierte en -1.

[2] %c no esta soportado, %d devolverá 0 cuando no sea un número.

Diferencia con console.dir()

Te preguntarás cual es la diferencia entre console.dir() y console.log().

Una diferencia útil en Chrome es cuando envías elementos DOM a la consola.

Importante:

  • console.log muestra el elemento en un árbol HTML
  • console.dir muestra el elemento en un árbol JSON

Específicamente, console.log brinda un tratamiento especial a los elementos del DOM, mientras que console.dir no. Esto es útil a menudo cuando intentas ver la representación completa del objeto JavaScript del DOM. 

Hay mas información en la referencia de la API Console de Chrome acerca de esto y otras funciones.

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: BrodaNoel, fcanellas
 Última actualización por: BrodaNoel,