Zelfs voor professionals is coderen niet eenvoudig. Dit is waarschijnlijk de reden waarom ontwikkelaars veel tijd besteden aan het zoeken naar bugs in hun code. Soms is een bug duidelijk, waardoor het hele programma in één keer crasht. Andere keren is een bug heel subtiel en produceert hij mooie uitvoer die altijd fouten bevat.
Hoe contra-intuïtief het ook klinkt, voor de hand liggende bugs zijn beter omdat ze gemakkelijker te vinden zijn. Een stiekeme bug kan jarenlang in alledaagse software op de loer liggen.
Bekijk het zo: als je in een gebouw zou zijn dat langzaam volliep met gifgas, zou je willen dat het gas geurloos is , smaakloos en kleurloos, of fel paars en ruikend naar poeder. cannon?
Debuggen is een cruciale stap in het ontwikkelingsproces , er zijn veel tools beschikbaar om dit te doen. Vandaag gaan we het hebben over het debuggen van JavaScript in Chrome. Javascript is verreweg een van de meest populaire talen in het algemeen en misschien wel de meest populaire taal voor webontwikkeling. Evenzo is Chrome een van de meest gebruikte webbrowsers.
Als iemand die binnenkort een veelgevraagde webontwikkelaar , is het een goed idee om vertrouwd te raken met JavaScript-foutopsporing met Chrome. Ik moedig u aan om deze elegante voorbeeldwebpagina > te volgen speciaal gemaakt om foutopsporing te oefenen.
Het Bronpaneel gebruiken

Chrome wordt geleverd met een reeks krachtige tools waarmee ontwikkelaars de broncode van een website kunnen inspecteren, inclusief HTML, CSS en Javascript.
Dit is een geweldige manier om de code van uw favoriete websites te lezen en te leren hoe u fouten kunt opsporen.
Neem de tour
Vanaf 2019 en de nieuwste versie van Chrome is toegang tot ontwikkelaarstools net zo eenvoudig als naar Beeld -> ontwikkelaar -> Hulpprogramma`s ontwikkelen in het bovenste browsermenu op het scherm. Dit opent het Chrome Developers Panel met zijn vele handige tabbladen.