El Registrador de Consola captura toda la salida de la consola (console.log, console.warn, console.error, console.info) y la muestra en un panel flotante directamente en la página. Ve errores de JavaScript, mensajes de depuración y advertencias en tiempo real sin abrir los DevTools del navegador. Los mensajes están codificados por color según el tipo e incluyen marcas de tiempo y trazas de pila para errores.
Abrir los DevTools del navegador solo para verificar la salida de la consola ocupa un valioso espacio de pantalla — especialmente en pantallas más pequeñas o cuando necesitas ver toda la página mientras monitoreas los logs. El Registrador de Consola proporciona una alternativa ligera: un panel flotante que muestra toda la salida de la consola a medida que ocurre, superpuesto en la página. El panel captura console.log, console.warn, console.error, console.info y excepciones no capturadas con trazas de pila completas. Los mensajes están codificados por color (errores en rojo, advertencias en amarillo, info en azul, logs en blanco/gris) e incluyen marcas de tiempo para rastrear cuándo ocurren los eventos. Los botones de filtro te permiten mostrar solo tipos de mensajes específicos — mostrar solo errores al depurar un fallo, o solo advertencias al buscar avisos de obsolescencia. El panel es arrastrable, redimensionable y semitransparente para que no bloquee demasiado contenido de la página.
Los mensajes de la consola aparecen en tiempo real a medida que se registran. Ve logs de inicialización de página, manejo de respuestas API, eventos de interacción del usuario y mensajes de error — todo transmitiendo en vivo en el panel flotante.
Errores en rojo, advertencias en ámbar/amarillo, info en azul y logs estándar en blanco/gris. Distingue al instante entre un error crítico y un mensaje de log rutinario solo por el color.
Los errores de JavaScript incluyen la traza de pila completa con nombres de archivo, nombres de función y números de línea. Haz clic en la referencia del archivo para identificar exactamente dónde se originó el error sin abrir DevTools.
Los botones de filtro en la parte superior te permiten mostrar/ocultar tipos de mensajes específicos: Todos, Solo Errores, Solo Advertencias, Solo Info, Solo Logs. El distintivo de conteo en cada filtro muestra cuántos mensajes de ese tipo existen.
Cada mensaje muestra la hora en que se registró (formato HH:MM:SS). Rastrea la secuencia de eventos, identifica problemas de rendimiento (cuánto tiempo entre llamada API y respuesta) y correlaciona mensajes con acciones del usuario.
Borra todos los mensajes para empezar de nuevo, o sigue acumulando mientras interactúas con la página. El panel muestra el conteo total de mensajes y puede minimizarse cuando no se necesita.
¿Necesitas ver la salida de la consola mientras mantienes toda la página visible? El Registrador de Consola te permite monitorear logs sin que el panel DevTools ocupe espacio en pantalla. Perfecto en pantallas más pequeñas o durante presentaciones.
Si tu JavaScript registra respuestas API, el Registrador de Consola las muestra en tiempo real. Ve los datos de solicitud/respuesta sin cambiar entre la página y DevTools.
Algunos errores de JavaScript fallan silenciosamente — sin cambio visible en la UI, pero con un error en la consola. El Registrador de Consola los hace visibles en la página para que los notes durante la navegación normal.
Durante una demo en vivo, mantén visible el panel del Registrador de Consola en una esquina. Si algo sale mal, puedes ver inmediatamente el mensaje de error sin interrumpir la demo para abrir DevTools.
Los scripts de terceros (analítica, widgets de chat, redes publicitarias) a menudo lanzan errores o advertencias. El Registrador de Consola los captura para que puedas monitorear la salud de las dependencias externas.
Abre el dock flotante de DevSuite Pro y haz clic en el ícono del Registrador de Consola. Aparece un panel flotante e inmediatamente comienza a capturar la salida de la consola.
Usa la página normalmente — haz clic en botones, navega, envía formularios. Los mensajes de la consola aparecen en el panel a medida que son registrados por el JavaScript de la página.
Usa los botones de filtro para mostrar solo errores, advertencias o logs. Los distintivos de conteo muestran cuántos mensajes existen para cada tipo.
Para los mensajes de error, expande la traza de pila para ver el archivo y número de línea donde ocurrió el error. Usa esto para identificar la fuente del error.
Haz clic en "Borrar" para restablecer el panel, o desactiva la herramienta para cerrarlo. No queda ningún rastro en la página.
Instala DevSuite Pro gratis y desbloquea más de 39 herramientas de desarrollador para tu navegador.
