Los errores del navegador se registraron en la consola
Published on • Updated on
La mayoría de los navegadores incorporan herramientas para desarrolladores. Estas herramientas para desarrolladores suelen incluir una consola. La consola le da información sobre la página que se está ejecutando actualmente.
Los mensajes que se registran en la consola provienen de los desarrolladores web que desarrollaron la página o del propio navegador. Todos los mensajes de la consola tienen un nivel de importancia: Verbose
, Info
, Warning
, o Error
. Un mensaje de Error
significa que se produjo un problema en su página que debe resolver.
Cómo falla la auditoría de errores del navegador Lighthouse
Lighthouse marca todos los errores del navegador que se registran en la consola:
![La auditoría de Lighthouse muestra los errores del navegador en la consola](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/AjfKRZm8E4ZUi2QvQtL3.png?auto=format)
Each Best Practices audit is weighted equally in the Lighthouse Best Practices Score. Learn more in The Best Practices score.
Cómo corregir errores en el navegador
Corrija cada uno de los errores del navegador que informa Lighthouse para garantizar que su página funcione como se espera para todos sus usuarios.
Chrome DevTools incluye un par de herramientas que le ayudarán a localizar la causa de los errores:
- Debajo del texto de cada error, DevTools Console muestra la pila de llamadas que provocó la ejecución del código problemático.
- Un enlace en la parte superior derecha de cada error le muestra el código que causó el error.
Por ejemplo, esta captura de pantalla muestra una página con dos errores:
![Un ejemplo de los errores en la consola de Chrome DevTools](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/KBP4iOO12CqHURgmjxaY.png?auto=format)
En el ejemplo anterior, el primer error proviene de un desarrollador web mediante una llamada a console.error()
. El segundo error proviene del navegador e indica que una variable que se utiliza en uno de los scripts de la página no existe.
Debajo del texto de cada error, la consola de DevTools 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 a su vez llamó a la función doStuff
. Al hacer clic en el enlace pen.js:9
que aparece en la parte superior derecha de ese error, se muestra el código correspondiente.
Examinar el código correspondiente a cada error de esta manera puede ayudarle a identificar y resolver los posibles problemas.
Si no puede determinar la causa de un error, intente introducir el texto del error en un motor de búsqueda. Si no puede encontrar soluciones a su problema, intente hacer una pregunta en Stack Overflow.
Si no puede corregir un error, considere la posibilidad de envolverlo en una sentencia try...catch
con el fin de indicar explícitamente en el código que es consciente del problema. También puede utilizar el bloque catch
para atender el error con más elegancia.
Recursos
Updated on • Improve article