Eén ding waar je waarschijnlijk veel tegenaan zal lopen, is dat je een pagina met foutmelding ziet, omdat er iets mis gaat. Maar wat? Geen idee. Gelukkig kun je dat vrij makkelijk oplossen door de debugconsole aan te zetten. Een debugconsole is een handigheid die je gericht aanwijzingen geeft om je fouten in je code op te lossen (debuggen).

Onder instellingen (meest linkse kolom) kan je het degubconsole aan of uit zetten. Om het aan te zetten vind je onder 'general', debugconsole. Verander de 0 in een 1 om het aan te zetten. Uitzetten gaat door van de 1 weer een 0 te maken.

Onder debugconsole zie je nog de instelling 'debugips'. Hier kun je de IP-adressen, gescheiden door een spatie, aangeven waar de debugconsole zichtbaar voor mag zijn. Voor de rest van de wereld zal de debugconsole dan niet zichtbaar zijn. Als je een bestand in de webversie opent, zie je de debugconsole onderin je scherm:

Je ziet in de balk ook meteen in welke versie van nodum je werkt. Dit kan je ook vinden door in de meeste linker balk op het logo van je project te klikken ('projectinstellingen'). Je ziet bij versie-update in welke versie je werkt en of je up-to-date bent. Ben je up-to-date en wil je alsnog weten in welke versie je werkt, dan klik je op de groene up-to-date button, en er wordt getoond in welke versie je werkt. In het grijze balkje zie je hoeveel data er in hoeveel tijd is geladen op die pagina. Als er een fout op de pagina is, wordt de debugconsole rood:

Nu, op naar het debuggen. Klik op de debugconsole om het open te klappen. Je zult zien dat er verschillende tabbladen aanwezig zijn.
Dit zijn: Framework | Api’s | Database | Language |Param | Rest | Session | Twig en | Mail.
Hieronder tref je voor de verschillende onderdelen gegevens aan. Wil je bijvoorbeeld weten wat er in de session is opgeslagen, dan kijk je onder 'session'. Je hoeft niet te wachten tot je een foutmelding krijgt, als je je debugconsole aan hebt staan kan je er ook tijdens het bekijken van de webversie op klikken. Er zijn nog meer manieren om te debuggen. De debugconsole is makkelijker en sneller omdat je in één overzicht voor bijvoorbeeld Param de getAll, postAll, én files kan zien, zonder voor deze drie aparte code te hoeven schrijven.

Debuggen met sanitizers debuggers
Wil je niet uit je code dan kan je ook tijdens het coderen via {{ param.postAll|pre }} zien wat je tijdelijk hebt gepost (opgeslagen).

Debuggen met Console
Een andere manier is om in de webversie rechter muisknop te kijken naar 'inspecteren'. Je komt dan in je 'console'. Dat is een aparte window waarin de browser zijn (fout-)meldingen schrijft. Je kunt er ook zelf meldingen naar toe sturen, zodat je het gedrag van je script kunt nagaan.

<script>
console.log(5 + 6);
</script>

Ga naar het tabblad console en je ziet dat daar in het blauw 11 staan. De console voert uit wat tussen de haakjes is opgegeven. Dit kan handig zijn om na te gaan of de verschillende stukjes van je goed code werken. Ook vind je per element informatie. Hier zie je veel informatie praktisch leesbaar per element, compleet met styling instellingen.

Per pagina Het is met ingang van versie 2.0.5 ook mogelijk om de Debugconsole per pagina uit of aan te zetten. Hiervoor dient in de Algemene instellingen onder het kopje [general] debugperpage = 1 toegevoegd te worden en in de configuratie van de pagina dient debugconsole = 1 te staan.

Hoe vaker je hiermee zal werken hoe gemakkelijker je de foutmeldingen begrijpt, en snapt wat je in je code had moeten doen om het te voorkomen.

Op naar een bugvrije code!