Las 15 mejores extensiones de Chrome para programadores y desarrolladores

Si eres un programador que no usa Chrome, estás en minoría. Hay tantas razones para preferir este navegador con fines de programación, como la enorme influencia de Google en la dirección de la web, las funciones integradas que hacen que el desarrollo sea menos frustrante y la gran cantidad de extensiones disponibles.

Ese último punto es crucial. Al momento de escribir este artículo, Chrome tiene más del 60 por ciento de la participación de mercado en computadoras de escritorio; no es de extrañar que la mayoría de los creadores de extensiones centren sus esfuerzos en Chrome primero. Dicho esto, aquí están las mejores extensiones de Chrome que deberías usar si eres un desarrollador de cualquier tipo, pero especialmente un desarrollador web.

Extensiones de desarrollo general

1. Compañero de sesión

Chrome tiene una característica increíble llamada perfiles de usuario personalizados que le permite crear conjuntos separados de marcadores, configuraciones, pestañas, historiales, etc. Definitivamente debería configurar uno específicamente para la programación si aún no lo ha hecho.

Pero Session Buddy va un paso más allá, lo que le permite guardar «sesiones de pestañas» específicas y cambiar entre ellas a voluntad, lo que resulta útil cuando está trabajando en varios proyectos.

Descargar: compañero de sesión

2. iMacros para Chrome

iMacros es una extensión que te permite automatizar tareas repetitivas. Puede «grabar» ciertas acciones (p. ej., clics del mouse y pulsaciones de teclas), guardarlas como macros y luego ejecutarlas cuando lo desee con un solo clic. Ahorra mucho tiempo al completar formularios, probar cambios, etc. Para macros fuera de Chrome, recomendamos scripts de AutoHotkey.

Descargar: iMacros para Chrome

3. Temporizador web

Web Timer rastrea cuánto tiempo pasa (o desperdicia) en varios sitios web, lo que puede ayudar a frenar las tendencias a posponer las cosas. Solo realiza un seguimiento cuando Chrome está enfocado y es lo suficientemente inteligente como para dejar de realizar un seguimiento cuando está inactivo. Si está buscando cronometrar su actividad en línea general sin entrar en muchos detalles, pruebe uno de estos cronómetros en línea gratuitos.

Descargar: Temporizador Web

4. Impresionante captura de pantalla

Awesome Screenshot es una extensión todo en uno para capturar capturas de pantalla, grabar videos de pantalla, anotar y desenfocar imágenes tomadas y compartir con un solo clic sus capturas de pantalla con otros. Una característica ingeniosa es su capacidad para capturar una página web completa y unirla como una imagen gigante. Para una solución que también funcione fuera de Chrome, consulte estas mejores herramientas para crear capturas de pantalla.

Descargar: Impresionante captura de pantalla

5. Instantánea de usuario

Usersnap es una extensión útil para capturar y anotar páginas web, prototipos y aplicaciones directamente desde Chrome. Puede ayudarlo a enviar comentarios e informar errores de manera eficiente. Esta herramienta puede resultar vital para mejorar su producto final a través de un flujo de trabajo de retroalimentación fluido.

Descargar: Usersnap

Extensiones de desarrollo web

6. Desarrollador web

Si hay una extensión que instala para ayudar en el desarrollo web, que sea esta. Web Developer está repleto de varias características convenientes, que incluyen alternar JavaScript y complementos con un solo clic, cambiar el tamaño de la ventana para probar diseños receptivos, probar y depurar imágenes, y más.

Descargar: Desarrollador Web

7. Conmutador de agente de usuario

De las muchas extensiones de «cambio de agente de usuario» en Chrome Web Store, esta es una de las mejores. Se actualiza regularmente y no secuestra enlaces. Además, viene con una serie de cadenas de agentes de usuario predeterminadas, pero también le permite crear cadenas de agentes de usuario personalizadas. En resumen, es una extensión que funciona de manera confiable.

Descargar: Conmutador de agente de usuario

8. Wappalizador

Si desea saber qué tipos de tecnologías web están impulsando un sitio en particular, Wappalyzer se lo dirá con un solo clic. Es lo suficientemente inteligente como para detectar CMS (p. ej., WordPress), marcos web (p. ej., React), herramientas y utilidades (p. ej., Google Analytics), plataformas de comercio electrónico (p. ej., Shopify) y mucho más.

Descargar: Wappalyzer

9. Pestaña Internet Explorer

Microsoft ha descontinuado Internet Explorer. Sin embargo, si su proyecto requiere probar un sitio web en Internet Explorer por algún motivo, necesitará IE Tab, que emula IE en una nueva pestaña y le permite probar sitios web en varias versiones, además de controles ActiveX. Realmente útil si necesita que su sitio web sea compatible con todos los navegadores, sin importar la antigüedad.

Descargar: Ficha IE

10. Hacer clic y limpiar

Al desarrollar un sitio web, algunas cosas son más molestas que borrar constantemente los datos de navegación para asegurarse de que está cargando cambios nuevos. Click&Clean no solo lo hace más rápido, sino que también brinda más control sobre lo que puede limpiar (por ejemplo, eliminar bases de datos y datos de complementos, guardar cookies para ciertos sitios, etc.).

Descargar: Click&Clean

11. Buscador de fuentes

Font Finder es una de las formas más fáciles y efectivas de identificar fuentes en la web. Una cosa es hacer clic con el botón derecho en un elemento, seleccionar Inspeccionar elemento y luego buscar en la hoja de estilo para encontrar qué es.

Con Font Finder, solo necesita hacer clic con el botón derecho y seleccionar Font Finder. Desde allí, puede obtener una lista de todas las fuentes utilizadas en la página web o solo las fuentes utilizadas en un marco en particular. Incluso puede abrir una versión interactiva de Font Finder en cualquier página web haciendo clic en su extensión.

Descargar: Buscador de fuentes

12. Cuentagotas ColorPick

ColorPick Eyedropper es una herramienta que te permite acercar y obtener el código de color exacto de cualquier píxel en cualquier página web. El código de color está disponible en hexadecimal, RGB y HSL. Es extremadamente conveniente y mucho más rápido que inspeccionar elementos para ver qué colores se usan en la hoja de estilo o descargar imágenes y seleccionar colores en un editor de imágenes.

Descargar: Cuentagotas ColorPick

13. Generador Lorem Ipsum

Al desarrollar un sitio web, eventualmente necesitará un texto ficticio. Los generadores de Lorem ipsum abundan en la web, pero Lorem Ipsum Generator siempre está disponible de inmediato dentro de su pestaña actual. Es rápido y puede personalizar cuántos párrafos desea y cuántas oraciones por párrafo.

Descargar: Generador Lorem Ipsum

14. Revisa mis enlaces

Al final de un proyecto de desarrollo web, querrá hacer una pasada final en todas las páginas principales para asegurarse de que todos sus enlaces funcionen. Check My Links hace que ese proceso sea lo más fácil posible. Simplemente haga clic en el botón y escaneará todos los enlaces en la página actual, luego resaltará cada uno según si está roto o funciona.

Descargar: Comprobar mis enlaces

15. Dimensiones

Dimensions es más una herramienta para el diseño web que para el desarrollo web, pero dado que los dos tienden a superponerse, probablemente querrá usar esta extensión. En resumen, mide instantáneamente la distancia entre dos elementos web, incluidos texto, imágenes, videos y campos de formulario. También puede medir la distancia desde el cursor del mouse hasta cualquiera de esos elementos web compatibles.

Descargar: Dimensiones

Mejore su flujo de trabajo de programación con estas extensiones

Encontrará muchas extensiones relacionadas con la programación en Chrome Web Store, además de las anteriores.

Es posible que haya desarrollado una solución para lo que hacen algunas de estas extensiones, pero le recomendamos que las pruebe, ya que podrían mejorar su eficiencia general.