10 extensiones de navegador para desarrolladores

Como desarrollador, considero que las extensiones de navegador son una excelente forma para que los desarrolladores mejoren su productividad. Con el tiempo, he compilado una lista de herramientas de extensión de Chrome que pueden resultarle extremadamente útiles.

Si está aprendiendo a programar, con suerte esto le dará ideas sobre herramientas de programación esenciales. Si es un programador senior, con suerte, todavía aprenderá algo nuevo.

Apostaría a que la mayoría de estas herramientas también están disponibles para la plataforma que elija, así que comencemos.

1. ColorZilla: con más de 2.000.000 de usuarios

Si se considera principalmente un desarrollador web, que ocasionalmente tiene que hacer pequeños trabajos de diseño, sta es una de las extensiones de navegador que le ayudarán a identificar rápidamente los valores de color, lo que le ayudará a aumentar su productividad en cuanto a diseño se refiere.

2. CSS Peeper: con más de 100.000 usuarios

Todo se volvió mucho más fácil para encontrar un elemento y sus estilos en una página que con la herramienta incorporada “inspeccionar elemento”. A menos que lo esté haciendo mal, sería bueno si esto realmente le permitiera editar la página como lo hace el elemento inspeccionar. De esa manera, pude ver qué cambios deben realizarse en el backend del sitio.

3. Windor Resizer: más de 600.000 usuarios

Este complemento le permite cambiar a tamaños de ventana de navegador personalizados. Me gusta cómo puedo crear un nuevo perfil para el tamaño de la ventana de mi navegador actual y elegir en qué parte de la pantalla aparecerá esa ventana. Por último, existe una manera fácil de cambiar entre cuadros de navegador anchos para hojas de cálculo y cuadros de navegador estrechos para navegación web general.

4. Clear Cache: más de 800.000 usuarios

Esta es una de las extensiones de navegador más aclamada para Chrome. Ni siquiera hace falta usar el botón de recarga predeterminado (o sus opciones de “recarga dura” o “caché vacía y recarga dura”). La extensión hace lo que se supone que debe hacer. Elimina el historial, cookies, contraseñas, etc. Es 100% gratis y funciona perfectamente. No hay necesidad de buscar en Google para eliminar el historial o el botón de cookies, mientras pueda hacerlo con un solo clic.

5. Wappalyzer: más de 1.000.000 de usuarios

Esta es una de las principales extensiones de navegador en la caja de herramientas diaria de un programador. Le permite saber fácilmente cuándo una aplicación está escrita en AngularJS, React, Meteor, Backbone, FireBase y Django.

6. Usuario Javascript y CSS: más de 70.000 usuarios

Esta es otra mejor extensión para agregar javascript o CSS personalizado a un sitio web. También es ideal para crear prototipos de su propia extensión o comenzar a crear sus propios widgets de sitios web. Facilita la búsqueda de sitios web de clientes porque puedo depurar fácilmente su javascript utilizando esta extensión y su sitio web.

7. ScreenShot Capture & Editor Tool: más de 200.000 usuarios

Esta es una buena aplicación con buenas funciones de captura de pantalla y edición, pero en realidad solo toma una captura de pantalla de cualquier pestaña, navegador o aplicación en la que se encuentre y solo puede capturar una captura de pantalla de un navegador a la vez. No mostrará sus otras pestañas, navegadores o aplicaciones que estén abiertas en su pantalla. Tampoco mostrará las pestañas del navegador en la parte superior de la barra de herramientas en la parte inferior. Aparte de eso, esta aplicación es bastante buena para hacer capturas de pantalla.

8. Whatfont: más de 1.000.000 de usuarios

Si es diseñador o programador web, esta herramienta es invaluable. Se acabaron los días de hacer clic con el botón derecho para “ver la fuente” y desplazarse por el código. WhatFont le da detalles exactos de cualquier fuente sobre la que pasa el cursor porque… es odioso y frustrante tener que mirar el código y descubrir que la fuente web no se cargó correctamente.

9. Toggl Track: más de 300.000 usuarios

Esta extensión le ayuda a rastrear más fácilmente el tiempo dedicado a varias tareas de Freshdesk, Todoist, Jira y Confluence, todas las cuales uso a diario. Antes de esta extensión puede volverse loco tratando de rastrear todo su tiempo en las actividades que realiza a diario.

10. AdBlock: más de 10.000.000 de usuarios

Esto ayuda a que su navegador muestre el contenido mucho más rápido que antes. Resulta molesto cada vez que toca hacer la investigación de codificación, y los sitios web a los que llega cargan un montón de anuncios no deseados. Con AdBlock puede alegrarse de que esos días hayan quedado atrás.

Es probable que tenga su propio conjunto de herramientas indispensables para su ciclo de desarrollo. Con suerte, algunas de las herramientas que mencioné anteriormente pueden hacer que su flujo de trabajo sea más productivo.