Una de las cosas que todo desarrollador debería hacer es comprobar que lo que ha realizado, está lo más pulido posible y por lo tanto no hay errores visibles. Esto es según que casos, es francamente complicado, pero en el caso de un desarrollo web, si hay herramientas para realizarlo, por ello os vamos a enseñar cómo hacer un análisis de una web tanto para las que ya están online, como para las que tengáis en local.
Tabla de contenidos
Esta herramienta Open Source ha sido desarrollada por Microsoft (sí, Microsoft ahora desarrolla cosas Open Source), en concreto por el equipo de Edge y la podéis encontrar en su GitHub.
Con ella vamos a poder analizar una página, para buscar errores comunes. Sin embargo este tipo de errores suelen ser bastante frecuentes, en muchas desarrollos. Algunas cosas que detecta son problemas con las declaraciones (doctypes) o el uso de versiones obsoletas de librerías de JavaScript.
Lo primero que debemos hacer es instalar Node.js, luego debemos descargar y descomprimir el proyecto.
Una vez en la carpeta descomprimida, debemos instalar las dependencias del proyecto, para ello ejecutamos:
npm install
Una vez hemos realizado la instalación ahora solo debemos ejecutar lo siguiente:
node app.js
En este momento ya tenemos el servicio de análisis de web listo, así que debemos empezar a usarlo desde cualquiera de nuestros navegadores:
Una vez esto ha finalizado, obtendremos un fichero JSON con toda la información del reporte. Si queremos obtener un reporte visual, tendremos que ejecutar esto en Windows porque el reporte lo genera con el navegador Edge.
La versión web es accesible desde este enlace y en este caso si nos ofrece un informe gráfico de los errores detectados:
Aunque podría parecer que no tiene sentido utilizar la versión que hemos tenido que instalar, porque es menos cómoda que la versión en línea, esta tiene un gran punto a favor y es la capacidad de analizar una web que tenemos en un servidor web local sin necesidad de tenerla online.
Actualmente este servicio ha evolucionado de manera espectacular hasta convertirse en Sonarwhal, el cual proporciona un conjunto más amplio de reglas con las que comprobar el desempeño de una web:
Hoy queremos hablaros de Docker un proyecto que cada día es más usado, porque permite…
Cada vez estamos más acostumbrados a usar código para generar la infraestructura (IaC), documentar nuestro…
Uno de los problemas que se presentan con una mayor frecuencia hoy en día, es…
Uno de los problemas que solemos tener los programadores, es que nos gusta estar a…
Docker es una de las herramientas más usadas por los desarrolladores, sin embargo, usarlo en…
Como seguramente sabrás el uso de JavaScript ha crecido exponencialmente en los últimos tiempos, sin…