Google Chrome es el navegador más popular usado del mercado y esto hace que también sea el que mayor número de extensiones tiene disponible en su catálogo. Las hay de todo tipo y para innumerables usos. A continuación repasamos las extensiones de Chrome para desarrolladores Front End más útiles.
Qué vas as ver en esta entrada
Selección de extensiones Chrome para Front End
Web developer
¿Qué no permite esta extensión? Quizás esta debería ser la pregunta. Web developer es una de las extensiones obligatorias que añade a Chrome una barra de herramientas en la zona superior dividida por categorías que contiene innumerables opciones para obtener información o interactuar con cualquier web.
Augury
Esta extensión es para los amantes de Angular. Augury actúa en el tiempo de ejecución permitiéndote depurar, perfilar y optimizar tu proyecto además de ver el árbol de componentes, emitir eventos y muchas otras opciones. Si trabajas con Angular y no conoces Augury este será tu nuevo amigo.
React Developer Tools
¡Cómo mola Augury! ¿no? Pues si lo tuyo es React esta es tu extensión. En un breve resumen, esta extensión desarrollada por Facebook permite hacer lo mismo que Augury.
Vue.js devtools
Por supuesto no podía faltar la extensión para Vue.js desarrollada también por ellos mismos.
Page Ruler Redux
Esta extensión nos permite señalar cualquier punto de una web para saber las medidas y su posicionamiento en la pantalla. Dispone también de una regla que permite redimensionar cualquier parte de la web para tener una visualización previa de cómo quedaría.
Allow CORS
Para todos aquellos que sufren o han sufrido problemas de CORS esta es vuestra extensión.
LambdaTest
Esta extensión es una de las obligatorias. Seguramente te ha pasado que al desarrollar compruebas el maquetado y diseño de tu proyecto en Chrome pero cuando el resultado llega al equipo de testing resulta que a alguien se le ocurre abrirlo en Firefox o aún peor: Microsoft Explorer y de repente aparece ese problema en una web que en Chrome era perfecta.
Muchos pensaréis en descargar todos y cada uno de los navegadores para evitar que esto pase. Os sugiero la extensión LamdaTest que permite tomar capturas de pantalla de vuestra web en distintos navegadores para comprobar qué tal se ve ese div o botón en cualquier navegador. Entre sus opciones está la de seleccionar distintas versiones de navegadores o incluso distintos dispositivos móviles.
Check My Links
Si tu web tiene links externos para ti es muy importante saber que esos enlaces siguen disponibles y que no hayan sido eliminados o redireccionados. Esta extensión es para ti ya que gracias a su clara interfaz te proporciona la información que necesitas sobre los enlaces que hay en tu web.
CSSViewer
Esta extensión es para los amantes del CSS. Con ella podremos saber los detalles de estilo de cualquier punto de tu página web de forma rápida y clara en un panel flotante.
actiTime
ActiTime se ha creado para aquellos que se preocupan por el tiempo que pasan haciendo una tarea.
Esta extensión te permite llevar la cuenta del tiempo que pasas con cualquier cosa, literalmente. Además, permite conectar tu tablero de Trello o pizarra de Jira para ayudarte con las tareas de gestión ya que las analiza y contabiliza el tiempo que pasas activo en cualquiera que sea la plataforma integrada.
Clear Cache
Fácil, sencillo e intuitivo. Ni más ni menos que limpiar la caché del navegador.
Wappalyzer y Library Sniffer
Quizás alguna vez al entrar en una web te has preguntado ¿qué tecnologías se han usado para desarrollar esta web?
Para todos esos curiosos se ha creado Wappalyzer y Library Sniffer. ¿Cuál es mejor? Cualquiera de las dos, es cuestión de gustos. Wappalyzer tiene una interfaz más amigable y con ella podemos ver todo tipo de información sobre el sistema de gestión, el tipo de ecommerce implementado, el tipo de servidor en el que está alojado, el framework de JavaScript utilizado y mucha más información para saciar la curiosidad de algunos. La curiosidad mató al gato, eso dicen.
Loom
Si eres de esas personas a las que les gusta compartir su conocimiento y ayudar a la comunidad de desarrolladores esta extensión es para ti.
Loom te permite grabar tu pantalla para tus charlas o tutoriales sobre esa tecnología que tanto necesitan tus compañeros de empresa o de proyecto, o ese nuevo framework que todavía nadie conoce. Con Loom puedes añadir tu cara y voz que servirán de gran ayuda a la hora de comunicar y enseñar a los demás. También puede ser usado para esas sesiones de pair-programming en las que trabajáis codo con codo en el desarrollo de una nueva funcionalidad, o para preguntar sobre ese bloqueo que tantos problemas te está dando a tu responsable técnico.
Loom cuenta con tres planes distintos (la versión GRATUITA y dos de pago) disponibles también en la versión de escritorio.
¿Usas habitualmente estas extensiones? ¿Conoces alguna más? Cunéanoslo en los comentarios y en nuestras redes sociales.