Saltar al contenido

¿Qué es console.log?

Solución:

No es una función de jQuery, sino una función con fines de depuración. Por ejemplo, puede registrar algo en la consola cuando algo sucede. Por ejemplo:

$('#someButton').click(function() {
  console.log('#someButton was clicked');
  // do something
});

Entonces verías #someButton was clicked en la pestaña “Consola” de Firebug (o en la consola de otra herramienta, por ejemplo, el Inspector web de Chrome) cuando haría clic en el botón.

Por algunas razones, el objeto de la consola podría no estar disponible. Luego, puede verificar si lo es; esto es útil ya que no tiene que eliminar su código de depuración cuando lo implementa en producción:

if (window.console && window.console.log) {
  // console is available
}

¡Lugares donde puedes ver la consola! Solo para tenerlos todos en una sola respuesta.

Firefox

http://getfirebug.com/

(ahora también puede usar las herramientas de desarrollo integradas de Firefox Ctrl + Shift + J (Herramientas> Desarrollador web> Consola de errores), pero Firebug es mucho mejor; use Firebug)

Safari y Chrome

Básicamente lo mismo.

https://developers.google.com/chrome-developer-tools/docs/overview

https://developer.apple.com/technologies/safari/developer-tools.html

explorador de Internet

No olvide que puede usar modos de compatibilidad para depurar IE7 e IE8 en IE9 o IE10

http://msdn.microsoft.com/en-us/library/ie/gg589507(v=vs.85).aspx

http://msdn.microsoft.com/en-us/library/dd565628(v=vs.85).aspx

Si debe acceder a la consola en IE6 para IE7, use el bookmarklet Firebug Lite

http://getfirebug.com/firebuglite/ busque un bookmarklet estable

http://en.wikipedia.org/wiki/Bookmarklet

Ópera

http://www.opera.com/dragonfly/

iOS

Funciona para todos los iPhones, iPod touch y iPads.

http://developer.apple.com/library/ios/ipad/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html

Ahora, con iOS 6, puede ver la consola a través de Safari en OS X si conecta su dispositivo. O puede hacerlo con el emulador, simplemente abra una ventana del navegador Safari y vaya a la pestaña “Desarrollar”. Allí encontrará opciones para que el inspector de Safari se comunique con su dispositivo.

Windows Phone, Android

Ambos no tienen consola incorporada ni capacidad de bookmarklet. Entonces usamos http://jsconsole.com/ type: listen y le dará una etiqueta de script para colocar en su HTML. A partir de ese momento, puede ver su consola dentro del sitio web jsconsole.

iOS y Android

También puede usar http://html.adobe.com/edge/inspect/ para acceder a las herramientas del inspector web y la consola en cualquier dispositivo usando su conveniente complemento de navegador.


Problemas de navegadores antiguos

Por último, las versiones anteriores de IE fallarán si usa console.log en su código y no tiene las herramientas de desarrollador abiertas al mismo tiempo. Afortunadamente, es una solución fácil. Utilice el siguiente fragmento de código en la parte superior de su código:

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

Esto verifica si la consola está presente y, si no, la establece en un objeto con una función en blanco llamada log. De esta manera, window.console y window.console.log nunca son realmente undefined.

Puede ver cualquier mensaje registrado en la consola si usa una herramienta como Firebug para inspeccionar su código. Digamos que haces esto:

console.log('Testing console');

Cuando acceda a la consola en Firebug (o cualquier herramienta que decida usar para inspeccionar su código), verá cualquier mensaje que le haya dicho a la función que se registre. Esto es particularmente útil cuando desea ver si una función se está ejecutando o si una variable se está pasando / asignando correctamente. En realidad, es bastante valioso para averiguar qué salió mal con su código.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *