Don't forget the Chrome Dev Summit, starting Monday at 10:00am (Pacific) and streaming live on YouTube. Schedule.

Referencia de Console API

Usa Console API para escribir información a la consola, crear perfiles JavaScript e iniciar una sesión de depuración.

console.assert(expression, object)

Escribe un error a la consola cuando la expresión evaluada es false.

function greaterThan(a,b) {
  console.assert(a > b, {"message":"a is not greater than b","a":a,"b":b});
}
greaterThan(5,6);

Ejemplo de console.assert()

console.clear()

Borra la consola.

console.clear();

Si la casilla de verificación Preserve log está seleccionada, console.clear() queda inhabilitado. Sin embargo, si se presiona el botón para borrar la consola (botón para borrar la consola) o se aplica la combinación de teclas Ctrl+L mientras la consola esté seleccionada, se podrá borrar la consola.

Para obtener más información, consulta Borrar la consola.

console.count(label)

Escribe la cantidad de veces que se ha invocado a count() en la misma línea y con la misma etiqueta.

function login(name) {
  console.count(name + ' logged in');
}

Ejemplo de console.count()

Para obtener más ejemplos, consulta Contar ejecuciones de instrucciones.

console.debug(object [, object, ...])

Idéntico a console.log().

console.dir(object)

Emite una representación JavaScript del objeto especificado. Si el objeto que se registra es un elemento HTML, se muestran las propiedades de su representación DOM, como se describe a continuación:

console.dir(document.body);

Ejemplo deklzzwxh:0018

Obtén información sobre el formateador de objetos funcionalmente equivalentes (%O) y más en Sustitución y formateo de string.

console.dirxml(object)

Emite una representación XML de los elementos descendientes de object en caso de ser posible, en caso contrario, de la representación JavaScript. Llamar a console.dirxml() en elementos HTML y XML es equivalente a llamar a console.log().

console.dirxml(document);

Ejemplo de console.dirxml()

console.error(object [, object, ...])

Emite un mensaje similar a console.log(), diseña el mensaje como un error e incluye un seguimiento de pila desde donde se llamó al método.

console.error('error: name is undefined');

Ejemplo de console.error()

console.group(object[, object, ...])

Inicia un nuevo grupo de registro con un título opcional. Todos los resultados de la consola que se producen después de console.group() y antes de console.groupEnd() se agrupan en la misma vista.

function name(obj) {
  console.group('name');
  console.log('first: ', obj.first);
  console.log('middle: ', obj.middle);
  console.log('last: ', obj.last);
  console.groupEnd();
}

name({"first":"Wile","middle":"E","last":"Coyote"});

Ejemplo de console.group()

También puedes anidar grupos:

function name(obj) {
  console.group('name');
  console.log('first: ', obj.first);
  console.log('middle: ', obj.middle);
  console.log('last: ', obj.last);
  console.groupEnd();
}

function doStuff() {
  console.group('doStuff()');
  name({"first":"Wile","middle":"E","last":"coyote"});
  console.groupEnd();
}

doStuff();

Ejemplo de nested console.group()

console.groupCollapsed(object[, object, ...])

Crea un nuevo grupo de registro que está inicialmente colapsado en vez de abierto.

console.groupCollapsed('status');
console.log("peekaboo, you can't see me");
console.groupEnd();

console.groupEnd()

Cierra un grupo de registro. Consulta console.group para conocer un ejemplo.

console.info(object [, object, ...])

Emite un mensaje como console.log() pero también muestra un ícono (círculo azul con una "i" blanca) al lado del resultado.

console.log(object [, object, ...])

Muestra un mensaje en la consola. Pasa uno o más objetos a este método. Cada objeto se evalúa y se concatena en una string separada por espacios.

console.log('Hello, Logs!');

Especificadores de formato

El primer objeto que pasas puede contener uno o más especificadores de formato. Un especificador de formato está compuesto por el signo de porcentaje (%) seguido de una letra que indica el formato que se aplica.

Guías relacionadas:

console.profile([label])

Inicia un perfil CPU JavaScript con una etiqueta opcional. Para completar el perfil, llama a console.profileEnd(). Cada perfil se agrega al panel Profiles.

function processPixels() {
  console.profile("processPixels()");
  // later, after processing pixels
  console.profileEnd();
}

console.profileEnd()

Detiene la sesión de generación de perfiles CPU JavaScript actual si una está en progreso y emite el informe al panel Profiles.

Consulta console.profile() para conocer un ejemplo.

console.time(label)

Inicia un temporizador nuevo con una etiqueta asociada. Cuando se llama a console.timeEnd() con la misma etiqueta, el temporizador se detiene y el tiempo transcurrido se muestra en la consola. La precisión del temporizador alcanza valores en submilisegundos. Las strings que se pasan a time() y timeEnd() deben coincidir. De lo contrario, el conteo del temporizador no finalizará.

console.time("Array initialize");
var array = new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
  array[i] = new Object();
}
console.timeEnd("Array initialize");

Ejemplo de console.time()

console.timeEnd(label)

Detiene el temporizador actual si uno está en progreso y emite la etiqueta del temporizador seguido del tiempo transcurrido a la Consola.

Consulta console.time() para conocer un ejemplo.

console.timeStamp([label])

Agrega un evento a Timeline durante una sesión de grabación.

console.timeStamp('check out this custom timestamp thanks to console.timeStamp()!');

Ejemplo de console.timeStamp()

Guías relacionadas:

console.trace(object)

Emite un seguimiento de pila desde el punto donde se llamó al método.

console.trace();

Ejemplo de console.trace()

console.warn(object [, object, ...])

Emite un mensaje como console.log(), pero también muestra un ícono de advertencia amarillo al lado del mensaje registrado.

console.warn('user limit reached!');

Ejemplo de console.warn()