Geplaatst op 16. juli 2025 door Jan Bunk
Als je een webontwikkelaar bent, ben je waarschijnlijk bekend met de ontwikkelaarstools van de browser:
Het is waarschijnlijk het belangrijkste hulpmiddel voor het opsporen van fouten op je website.
Apps die met webtoapp.design zijn gemaakt werken meestal direct. Ze gedragen zich in elk geval grotendeels hetzelfde als je website in Chrome op Android en Safari op iOS. Dus als je website daar goed werkt, zul je waarschijnlijk weinig problemen tegenkomen.
Soms heb je echter toch de behoefte om onverwacht gedrag in je app te onderzoeken. Voor dat soort gevallen kun je de ingebouwde console van je app openen.
Het openen van de console is opzettelijk verborgen, zodat gewone app-gebruikers hem niet per ongeluk openen en in de war raken. Maar zelfs als ze er toch op stuiten, kunnen ze hun app gewoon sluiten en opnieuw openen om er vanaf te komen.
Als je app geen manier heeft om bij de instellingen te komen, kun je de console ook openen via het dialoogvenster met diagnostische informatie:
Open elke website door de URL in te voeren in het dialoogvenster. Dit is handig om naar geheime (waar geen link naartoe is op de hoofdwebsite) testpagina's of staging-omgevingen te gaan die je misschien hebt.
Deze functie voert alle JavaScript uit die je invoert en drukt het resultaat af in de console.
Dit voegt een kleine knop toe die de Eruda-JavaScript-console opent voor de huidige pagina die je bekijkt. Het biedt bijna alle functies die je kent van de browserconsole op je computer, bijvoorbeeld de DOM tree elementen verkenner. Je kunt meer lezen over Eruda op het GitHub-project ervan.
Omdat de gelogde berichten een beetje moeilijk te lezen en te analyseren kunnen zijn, kun je deze knop gebruiken om alle gelogde tekst te kopiëren zodat je het kunt plakken waar je maar wilt. Je kunt het bijvoorbeeld naar je computer sturen waar je een betere teksteditor hebt.
Hoi, ik ben Jan! Ik heb webtoapp.design in 2019 opgericht terwijl ik informatica studeerde aan de universiteit. Er is sindsdien veel veranderd - niet alleen ben ik afgestudeerd, maar het is ook niet langer alleen ik die webtoapp.design runt. We zijn uitgegroeid tot een wereldwijd, volledig remote team en hebben veel ervaring opgedaan met app-ontwikkeling en app-publicatie. We hebben honderden apps gemaakt en gepubliceerd in de app stores, waar ze miljoenen keren zijn gedownload.