Konsollogger fanger alt konsoloutput (console.log, console.warn, console.error, console.info) og viser det i et flydende panel direkte på siden. Se JavaScript-fejl, debug-beskeder og advarsler i realtid uden at åbne browser-DevTools. Beskeder er farvekodede efter type og inkluderer tidsstempler og stack traces til fejl.
At åbne browser-DevTools bare for at tjekke konsoloutput tager værdifuld skærmplads — især på mindre skærme eller når du har brug for at se den fulde side, mens du overvåger logs. Konsollogger giver et letvægtigt alternativ: et flydende panel, der viser alt konsoloutput, mens det sker, overlaid på siden. Panelet fanger console.log, console.warn, console.error, console.info og ukatchede undtagelser med fulde stack traces. Beskeder er farvekodede (fejl i rødt, advarsler i gult, info i blåt, logs i hvid/grå) og inkluderer tidsstempler til sporing af, hvornår hændelser sker. Filterknapper lader dig vise kun specifikke beskedtyper — vis kun fejl ved fejlfinding af et nedbrud eller kun advarsler, når du leder efter forældelsesbeskeder. Panelet er trækkbart, kan ændre størrelse og er semitransparent, så det ikke blokerer for meget sideindhold.
Konsolbeskeder vises i realtid, efterhånden som de logges. Se sideinitialisering-logs, API-responshåndtering, brugerinteraktionshændelser og fejlbeskeder — alle streamede live i det flydende panel.
Fejl i rødt, advarsler i rav/gult, info i blåt og standardlogs i hvid/grå. Skel øjeblikkeligt mellem en kritisk fejl og en rutine-log-besked bare ved farve.
JavaScript-fejl inkluderer den fulde stack trace med filnavne, funktionsnavne og linjenumre. Klik på filreferencen for at identificere præcis, hvorfra fejlen opstod uden at åbne DevTools.
Filterknapper øverst lader dig vise/skjule specifikke beskedtyper: Alle, Kun fejl, Kun advarsler, Kun info, Kun logs. Tællemærket på hvert filter viser, hvor mange beskeder af den type der eksisterer.
Hver besked viser tidspunktet den blev logget (TT:MM:SS format). Spor hændelsessekvensen, identificer ydeevneproblemer (hvor lang tid mellem API-kald og respons) og korrelér beskeder med brugerhandlinger.
Ryd alle beskeder for at starte forfra, eller bliv ved med at akkumulere, mens du interagerer med siden. Panelet viser det samlede antal beskeder og kan minimeres, når det ikke er nødvendigt.
Har du brug for at se konsoloutput, mens du bevarer den fulde side synlig? Konsollogger lader dig overvåge logs uden at DevTools-panelet tager skærmplads. Perfekt på mindre skærme eller under præsentationer.
Hvis din JavaScript logger API-responses, viser Konsollogger dem i realtid. Se anmodning/respons-data uden at skifte mellem siden og DevTools.
Nogle JavaScript-fejl fejler lydløst — ingen synlig UI-ændring, men en fejl i konsolen. Konsollogger gør disse synlige på siden, så du bemærker dem under normal gennemse.
Under en live-demo, hold Konsollogger-panelet synligt i et hjørne. Hvis noget går galt, kan du øjeblikkeligt se fejlbeskeden uden at afbryde demoen for at åbne DevTools.
Tredjeparts scripts (analyse, chat-widgets, annoncenetværk) kaster ofte fejl eller advarsler. Konsollogger fanger disse, så du kan overvåge sundheden af eksterne afhængigheder.
Åbn den flydende DevSuite Pro-dock, og klik på Konsollogger-ikonet. Et flydende panel vises og begynder øjeblikkeligt at fange konsoloutput.
Brug siden normalt — klik på knapper, naviger, indsend formularer. Konsolbeskeder vises i panelet, efterhånden som de logges af sidens JavaScript.
Brug filterknapperne til kun at vise fejl, advarsler eller logs. Tællemærkerne viser, hvor mange beskeder der eksisterer for hver type.
For fejlbeskeder, udvid stack tracen for at se filen og linjenummeret, hvor fejlen opstod. Brug dette til at identificere kilden til fejlen.
Klik Ryd for at nulstille panelet, eller deaktiver værktøjet for at lukke det. Ingen spor efterlades på siden.
Installer DevSuite Pro gratis og lås op for 39+ udviklerværktøjer til din browser.
