De meeste browsers worden geleverd met ingebouwde ontwikkelaarstools. Deze ontwikkelaarstools bevatten meestal een console . De console geeft u informatie over de pagina die momenteel actief is.
Berichten die in de console worden geregistreerd, zijn afkomstig van de webontwikkelaars die de pagina hebben gebouwd of van de browser zelf. Alle consoleberichten hebben een ernstniveau: Verbose , Info , Warning of Error . Een Error betekent dat er een probleem is op uw pagina dat u moet oplossen.
Hoe de Lighthouse-browserfoutenaudit mislukt
Lighthouse markeert alle browserfouten die in de console zijn geregistreerd:
Hoe browserfouten te herstellen
Los elke browserfout op die Lighthouse rapporteert om ervoor te zorgen dat uw pagina voor al uw gebruikers werkt zoals verwacht.
Chrome DevTools bevat een aantal tools waarmee u de oorzaak van fouten kunt opsporen:
- Onder de tekst van elke fout toont de DevTools Console de call-stack die ervoor zorgde dat de problematische code werd uitgevoerd.
- Een link in de rechterbovenhoek van elke fout toont u de code die de fout heeft veroorzaakt.
Deze schermafbeelding toont bijvoorbeeld een pagina met twee fouten:
In het voorbeeld komt de eerste fout van een webontwikkelaar via een aanroep van console.error() . De tweede fout komt van de browser en geeft aan dat een variabele die in een van de scripts van de pagina wordt gebruikt, niet bestaat.
Onder de tekst van elke fout geeft de DevTools Console de call-stack aan waarin de fout verschijnt. Voor de eerste fout geeft de Console bijvoorbeeld aan dat er een (anonymous) functie is genaamd de init functie, die de doStuff functie noemt. Als u op de link pen.js:9 in de rechterbovenhoek van de fout klikt, wordt de relevante code weergegeven.
Door op deze manier de relevante code voor elke fout te bekijken, kunt u mogelijke problemen identificeren en oplossen.
Als u de oorzaak van een fout niet kunt achterhalen, probeer dan de fouttekst in een zoekmachine in te voeren. Als u geen oplossingen voor uw probleem kunt vinden, kunt u een vraag stellen op Stack Overflow .
Als u een fout niet kunt oplossen, kunt u deze in een try…catch instructie plaatsen om in de code expliciet aan te geven dat u op de hoogte bent van het probleem. U kunt ook het catch blok gebruiken om de fout op een elegantere manier af te handelen.