La mayoría de los navegadores incluyen herramientas para desarrolladores integradas. Estas herramientas para desarrolladores suelen incluir una consola. La consola te brinda información sobre la página que se está ejecutando.
Los mensajes registrados en la consola provienen de los desarrolladores web que crearon la página o del navegador en sí.
Todos los mensajes de la consola tienen un nivel de gravedad: Verbose, Info, Warning o Error.
Un mensaje de Error significa que hay un problema en tu página que debes resolver.
Cómo falla la auditoría de errores del navegador de Lighthouse
Lighthouse marca todos los errores del navegador que se registran en la consola:
Cómo corregir errores del navegador
Corrige cada error del navegador que informa Lighthouse para asegurarte de que tu página se ejecute según lo previsto para todos los usuarios.
Las herramientas para desarrolladores de Chrome incluyen algunas herramientas que te ayudan a rastrear la causa de los errores:
- Debajo del texto de cada error, la consola de Herramientas para desarrolladores muestra la pila de llamadas que provocó la ejecución del código problemático.
- En la esquina superior derecha de cada error, se muestra un vínculo al código que lo causó.
Por ejemplo, en esta captura de pantalla, se muestra una página con dos errores:
En el ejemplo, el primer error proviene de un desarrollador web de una llamada a console.error().
El segundo error proviene del navegador y
indica que no existe una variable utilizada en una de las secuencias de comandos de la página.
Debajo del texto de cada error, la consola de Herramientas para desarrolladores indica la pila de llamadas en la que aparece el error.
Por ejemplo, para el primer error, la consola indica que una función (anonymous) llamó a la función init, que llamó a la función doStuff.
Si haces clic en el vínculo pen.js:9 en la esquina superior derecha de ese error, se mostrará el código pertinente.
Revisar el código pertinente para cada error de esta manera puede ayudarte a identificar y resolver posibles problemas.
Si no puedes determinar la causa de un error, intenta ingresar el texto del error en un motor de búsqueda. Si no encuentras soluciones a tu problema, intenta hacer una pregunta en Stack Overflow.
Si no puedes corregir un error, considera incluirlo en una instrucción try...catch para indicar explícitamente en el código que conoces el problema.
También puedes usar el bloque catch para controlar el error de forma más fluida.