De meeste browsers worden geleverd met ingebouwde tools voor ontwikkelaars. Deze tools bevatten meestal een console . De console geeft u informatie over de pagina die momenteel wordt geopend.
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 op uw pagina is dat u moet oplossen.
Hoe de foutcontrole van de Lighthouse-browser mislukt
Lighthouse markeert alle browserfouten die op de console worden geregistreerd:
Hoe browserfouten te verhelpen
Los alle browserfouten op die Lighthouse meldt, zodat uw pagina voor al uw gebruikers naar behoren functioneert.
Chrome DevTools bevat een aantal hulpmiddelen waarmee u de oorzaak van fouten kunt achterhalen:
- Onder de tekst van elke fout toont de DevTools Console de aanroepstack die ervoor zorgde dat de problematische code werd uitgevoerd.
- Rechtsboven elke fout staat een link met 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 voorkomt. Zo geeft de Console voor de eerste fout aan dat er een (anonymous) functie is genaamd init , die de doStuff -functie aanriep. Door op de link pen.js:9 rechtsboven in die fout te klikken, wordt de relevante code weergegeven.
Door de relevante code voor elke fout op deze manier te bekijken, kunt u mogelijke problemen identificeren en oplossen.
Als je de oorzaak van een fout niet kunt achterhalen, probeer dan de fouttekst in een zoekmachine in te voeren. Als je geen oplossingen voor je probleem kunt vinden, stel dan een vraag op Stack Overflow .
Als je een fout niet kunt oplossen, overweeg dan om deze in een try...catch statement te plaatsen om expliciet in de code aan te geven dat je op de hoogte bent van het probleem. Je kunt het catch blok ook gebruiken om de fout eleganter af te handelen.