Free

Logger console

Cattura tutto l'output console e lo mostra in un pannello fluttuante sulla pagina.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox

Aprire DevTools solo per vedere l'output console occupa spazio prezioso. Il Logger console è un'alternativa leggera come pannello fluttuante.

Anteprima dal vivo

example.com/app

All Errors (2) Warn (1) Info (1) Log (3) Clear

LOG App initialized 10:24:01
INFO User session restored — ID: u_8f3k2 10:24:01
LOG Fetching /api/dashboard... 10:24:02
WARN Deprecated API endpoint used: /api/v1/stats 10:24:02
LOG Dashboard loaded (238ms) 10:24:02
ERR TypeError: Cannot read property 'map' of undefined 10:24:03
at Dashboard.render (app.js:142:18)
at processChild (react-dom.js:1284:14)
ERR Failed to load resource: 404 /api/avatar.png 10:24:03

Caratteristiche principali

Feed console dal vivo

I messaggi console appaiono in tempo reale mentre vengono loggati.

Messaggi codificati per colore

Errori in rosso, avvisi in giallo, info in blu, log in bianco.

Stack trace errori

Gli errori JavaScript includono stack trace completi con file e numeri di riga.

Filtri per tipo

Filtra per tipo di messaggio con badge conteggio.

Timestamp

Ogni messaggio mostra l'ora in formato HH:MM:SS.

Cancella ed esporta

Cancella tutti i messaggi o continua ad accumulare.

Casi d'uso comuni

Debug rapido senza DevTools

Monitora i log mantenendo la pagina completamente visibile.

Monitorare chiamate API

Se il tuo JS logga risposte API, il Logger le mostra in tempo reale.

Catturare errori JS silenziosi

Alcuni errori JS falliscono silenziosamente — il Logger li rende visibili.

Debug durante demo

Tieni il pannello visibile in un angolo durante le demo live.

Monitorare script terze parti

Script terze parti spesso lanciano errori. Il Logger li cattura.

Come usare

Attiva il Logger

Apri il dock e clicca l'icona.

Interagisci con la pagina

Usa la pagina normalmente — i messaggi console appaiono nel pannello.

Filtra per tipo

Usa i filtri per mostrare solo errori o avvisi.

Leggi stack trace

Espandi lo stack trace per vedere file e riga dell'errore.

Cancella quando finito

Clicca 'Cancella' o disattiva lo strumento.

Pronto a provare? Logger console?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox