Clicky

5 útiles extensiones de Chrome para desarrolladores de Joomla

extensiones de Chrome para desarrolladores de Joomla

Revisa múltiples elementos de tu página web o resuelve errores de codificación

Google Chrome es el navegador principal de muchos desarrolladores de Joomla. Es fácil entender por qué: Es rápido, fácil de usar, funcional con una cantidad de herramientas inmensamente grande para desarrolladores. En resumen, que nos ahorrará mucho tiempo y esfuerzo.

¡Vamos a revisar!

Extensión Web Developer

Web Developer

Una gran cantidad de desarrolladores de Joomla admiten que no pueden vivir sin esta herramienta. Una especie de extensión todo-en-uno con más de 100 opciones para retocar temporalmente elementos del sitio web que necesitamos durante el proceso de desarrollo o solucionar errores, Deshabilitar JavaScript, Desactivar todos los estilos, Validar CSS y Cambiar el tamaño de ventana de exploración son algunas de ellas. Potente, práctico, eficiente - compruébalo tu mismo!

Extensión de Verificación de Versión

Version check

Esta pequeña pero poderosa extensión ayuda a indicarnos la plataforma de empoderamiento de los sitios web, la versión que están utilizando y si la versión está obsoleta sin ver el código fuente de la página.

Una vez instalada, se mostrará a la derecha de la barra de direcciones un icono de la pequeña plataforma en cualquier momento que exploramos un sitio web. Esta extensión funciona bien no sólo con Joomla, sino también con Drupal, Magento (sólo Community Edition), MediaWiki y OpenCart.

Extensión Web Developer Checklist

Web Developer Checklist

Esta extensión no es popular en Google Chrome. Sin embargo, me parece muy útil para los desarrolladores de Joomla que siempre quieren asegurarse de que sus sitios web han seguido las mejores prácticas. Gracias a ella, obtendrás una visión general de las zonas comunes en tu página web - SEO, móvil, Usabilidad, Accesibilidad, Integración de Medios y Desempeño.

Emulación de características móviles en las Herramientas de Desarrollo de Chrome

Mobile Emulation

Tu sitio web Joomla debería funcionar sin problemas en varios dispositivos ya que la audiencia móvil crece día a día. Puedes obtener una vista previa del móvil en un emulador, cambiar el tamaño de la ventana del navegador o mucho mejor: utilizar la potente herramienta móvil de emulación de Google Chrome.

Serás capaz de visualizar tu sitio web en más de 20 dispositivos y múltiples resoluciones - que van desde los móviles populares a las tabletas para portátiles con pantalla Retina incluida. Se nos permite evaluar el sitio web en diferentes tamaños de pantalla y orientación del dispositivo, además de cualquier manipulación de la conexión de red. Definitivamente se puede inspeccionar consultas de medios CSS y hacer correcciones.

Depuración minificada de CSS/JavaScript

Depuración minificada de CSS/JavaScript

La minificación de CSS y JavaScript son técnicas estándar para combinar archivos y, como consecuencia, aceleran el tiempo de carga de tu sitio web. Sin embargo, se han hecho intencionalmente para máquinas, no para humanos. Así que sería una pesadilla si necesitases leer el código minificado, juguetear o retocarlo temporalmente para depurar algo.

Google Chrome hace que sea fácil con su función de Pretty Print. Sólo tienes que hacer clic derecho >> Inspeccionar Elemento >> Selecciona la opción "Sources" >> Pincha el botón Pretty Print para hacer una pausa a toda excepción, a continuación, se mostrará el código CSS/Javascript minificado para que puedas depurar y establecer un punto de interrupción más fácil.

Por supuesto, debes tener en cuenta que si se actualiza la página perderás todos los cambios. Esta técnica sólo se entiende como una solución de depuración rápida y temporal.

Conclusión

Espero que encuentres útil este artículo. Tómate tu tiempo para disfrutar de un café, probando estos consejos y haciendo comentarios si tienes algo para compartir!

Relacionada: 10 Add-Ons de Firefox fundamentales para desarrolladores

Jesus_Caceres