El Registre de consola captura tota la sortida de la consola (console.log, console.warn, console.error, console.info) i la mostra en un panell flotant directament a la pàgina. Mira els errors de JavaScript, els missatges de depuració i els avisos en temps real sense obrir les DevTools del navegador. Els missatges estan codificats per colors segons el tipus i inclouen marques de temps i traces de la pila (stack traces) per als errors.
Obrir les DevTools del navegador només per comprovar la sortida de la consola ocupa un espai valuós a la pantalla — especialment en pantalles petites o quan necessites veure la pàgina completa mentre monitors els registres. El Registre de consola ofereix una alternativa lleugera: un panell flotant que mostra tota la sortida de la consola a mesura que es produeix, superposat a la pàgina. El panell captura console.log, console.warn, console.error, console.info i les excepcions no capturades amb les traces de la pila completes. Els missatges estan codificats per colors (errors en vermell, avisos en groc, informació en blau, registres en blanc/gris) i inclouen marques de temps per fer un seguiment de quan es produeixen els esdeveniments. Els botons de filtre et permeten mostrar només tipus de missatges específics — mostra només els errors quan depuris una fallada, o només els avisos quan busquis avisos de funcions obsoletes. El panell es pot arrossegar, redimensionar i és semitransparent perquè no bloquegi massa el contingut de la pàgina.
Els missatges de la consola apareixen en temps real a mesura que es registren. Mira els registres d'inicialització de la pàgina, la gestió de respostes d'API, els esdeveniments d'interacció de l'usuari i els missatges d'error — tot en viu al panell flotant.
Errors en vermell, avisos en ambre/groc, informació en blau i registres estàndard en blanc/gris. Diferencia a l'instant entre un error crític i un missatge de registre rutinari només pel color.
Els errors de JavaScript inclouen la traça de la pila completa amb noms de fitxer, noms de funció i números de línia. Fes clic a la referència del fitxer per identificar exactament on s'ha originat l'error sense obrir les DevTools.
Els botons de filtre de la part superior et permeten mostrar/ocultar tipus de missatges específics: Tots, Només errors, Només avisos, Només informació, Només registres. L'etiqueta de recompte de cada filtre mostra quants missatges d'aquell tipus hi ha.
Cada missatge mostra l'hora en què es va registrar (format HH:MM:SS). Segueix la seqüència d'esdeveniments, identifica problemes de rendiment (quant de temps passa entre la crida a l'API i la resposta) i correlaciona els missatges amb les accions de l'usuari.
Neteja tots els missatges per començar de zero, o continua acumulant-los mentre interactues amb la pàgina. El panell mostra el recompte total de missatges i es pot minimitzar quan no es necessiti.
Necessites veure la sortida de la consola mentre mantens la pàgina completa visible? El Registre de consola et permet monitorar els registres sense que el panell de les DevTools ocupi espai a la pantalla. Perfecte en pantalles petites o durant presentacions.
Si el teu JavaScript registra les respostes d'API, el Registre de consola les mostra en temps real. Mira les dades de petició/resposta sense haver de canviar entre la pàgina i les DevTools.
Alguns errors de JavaScript fallen silenciosament — sense canvis visibles a la interfície d'usuari, però amb un error a la consola. El Registre de consola els fa visibles a la pàgina perquè te n'adonis durant la navegació normal.
Durant una demostració en viu, mantén el panell del Registre de consola visible en una cantonada. Si alguna cosa va malament, podràs veure el missatge d'error immediatament sense haver d'interrompre la demostració per obrir les DevTools.
Els scripts de tercers (analítiques, ginys de xat, xarxes publicitàries) sovint llancen errors o avisos. El Registre de consola els captura perquè puguis monitorar l'estat de les dependències externes.
Obre el tauler flotant de DevSuite Pro i fes clic a la icona del Registre de consola. Apareixerà un panell flotant que començarà a capturar la sortida de la consola immediatament.
Utilitza la pàgina amb normalitat — fes clic a botons, navega, envia formularis. Els missatges de la consola apareixen al panell a mesura que el JavaScript de la pàgina els registra.
Utilitza els botons de filtre per mostrar només errors, avisos o registres. Les etiquetes de recompte mostren quants missatges hi ha de cada tipus.
Per als missatges d'error, amplia la traça de la pila per veure el fitxer i el número de línia on s'ha produït l'error. Utilitza-ho per identificar l'origen de l'error.
Fes clic a "Neteja" per restablir el panell, o desactiva l'eina per tancar-lo. No es deixa cap rastre a la pàgina.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 39 eines de desenvolupador per al teu navegador.
