Las 15 mejores extensiones de Chrome para programadores y desarrolladores

Si eres un programador que no usa Chrome, estás en la minoría.

Hay muchas razones para preferir este navegador para la programación, como la influencia masiva 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. A partir de febrero de 2018, Chrome tiene una participación de mercado superior al 60 por ciento en los equipos 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 Programación vs. Desarrollo web: ¿Cuál es la diferencia? Programación vs. Desarrollo Web: ¿Cuál es la diferencia? Podría pensar que los programadores de aplicaciones y los desarrolladores web hacen el mismo trabajo, pero eso está lejos de la verdad. Aquí están las principales diferencias entre los programadores y los desarrolladores web. Lee mas .

Extensiones de desarrollo general

1. Sesión Buddy

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

Pero Session Buddy lo lleva un paso más allá, lo que le permite guardar datos específicos. “sesiones de pestañas” y alterne entre ellos a voluntad, lo que resulta útil cuando está trabajando en múltiples proyectos.

Descargar: Amigo de la sesión

2. iMacros para Chrome

iMacros es una extensión que te permite automatizar tareas repetitivas. Usted puede “grabar” Ciertas acciones (por ejemplo, clics del mouse y pulsaciones de teclas), guárdelas como macros y luego ejecútelas cuando lo desee con un solo clic. Ahorra mucho tiempo al rellenar formularios, probar cambios, etc. Para macros fuera de Chrome, recomendamos los 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 postergar. Solo rastrea cuando Chrome está enfocado, y es lo suficientemente inteligente como para dejar de rastrear cuando te quedas inactivo.

Descargar: Temporizador web

Si desea un seguimiento de tiempo más avanzado, le recomendamos la aplicación multiplataforma Toggl The Best Time Tracking para Android, iOS y escritorio La mejor aplicación Time Tracking para Android, iOS y Desktop Le mostramos cómo el seguimiento de tiempo puede beneficiarlo o su equipo, qué buscar en el software de seguimiento de tiempos y la mejor aplicación multiplataforma que podríamos encontrar para el trabajo. Lee mas .

4. Captura de pantalla impresionante

Awesome Screenshot es una extensión todo en uno para capturar capturas de pantalla, grabar videos de pantalla, anotar y desenfocar imágenes instantáneas y compartir con un solo clic tus capturas de pantalla con otros. Una característica ingeniosa es su capacidad de captura de pantalla una página web completa y coser todo junto como una imagen gigante. Para una solución que también funciona fuera de Chrome, echa un vistazo a estas mejores herramientas para crear capturas de pantalla.

Descargar: Captura de pantalla impresionante

5. Tití

Marmoset es una pequeña y divertida herramienta para crear capturas de pantalla en 3D de tu código. Una vez que tomas una imagen, puedes rotarla, inclinarla y escalarla en 3D, lo que la hace más interesante cuando quieres compartir fragmentos. También es útil cuando crea imágenes de stock basadas en código o mira su código fuente en la página de inicio de su proyecto.

Descargar: Tití

Extensiones de desarrollo web

6. Desarrollador web

Si hay una extensión que instalas para ayudar en el desarrollo web, deja que sea esta. El desarrollador web está equipado con varias características de conveniencia, que incluyen el cambio de JavaScript y los complementos con un solo clic, el cambio de tamaño de la ventana para probar diseños sensibles, pruebas y depuración de imágenes, y más.

Descargar: Desarrollador web

7. Interruptor de usuario-agente

De los muchos “agente de usuario conmutador” Extensiones en Chrome Web Store, esta es la mejor. Todavía se está actualizando, no secuestra enlaces, viene con una serie de cadenas de agente de usuario predeterminadas, pero también le permite crear cadenas de agente de usuario personalizadas. Es la única extensión de su tipo que funciona de manera confiable..

Descargar: Interruptor de usuario-agente

8. Wappalyzer

Si desea saber qué tipos de tecnologías web impulsan un sitio en particular, Wappalyzer le informará con un solo clic. Es lo suficientemente inteligente como para detectar CMSes (por ejemplo, WordPress), marcos web (por ejemplo, React), herramientas y utilidades (por ejemplo, Google Analytics), plataformas de comercio electrónico (por ejemplo, Shopify), y mucho más.

Descargar: Wappalyzer

9. IE Tab

A partir de febrero de 2018, más del 13 por ciento de los usuarios de escritorio todavía están en Internet Explorer, lo cual es una pena porque IE está lejos de cumplir con los estándares web modernos. Es por eso que necesita IE Tab, que emula a IE en una nueva pestaña y le permite probar sitios web en varias versiones: IE6, IE7, IE8, IE9, además de controles ActiveX. Realmente útil si necesita que su sitio web sea compatible con TODOS los navegadores, sin importar la edad..

Descargar: IE Tab

10. Haga clic y limpio

Al desarrollar un sitio web, pocas 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 proporciona un mayor control sobre lo que puede limpiar (por ejemplo, eliminar bases de datos y datos de complementos, mantener cookies para ciertos sitios, etc.).

Descargar: Click & Clean

11. WhatFont

WhatFont es la forma más rápida de identificar fuentes en la web. Una cosa es hacer clic con el botón derecho en un elemento, seleccionar Inspeccionar elemento y luego mirar a través de la hoja de estilos para encontrar lo que es. Con WhatFont, no solo puedes ver qué es una fuente simplemente al pasar el cursor sobre un elemento, sino que también te dice cómo se sirve esa fuente (por ejemplo, Google Fonts, TypeKit, etc.).

Descargar: WhatFont

12. ColorPick Eyedropper

ColorPick Eyedropper es una herramienta que te permite acercarte 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 están utilizando en la hoja de estilos, o descargar imágenes y seleccionar colores en un editor de imágenes..

Descargar: ColorPick Eyedropper

13. Lorem Ipsum Generator

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

Descargar: Lorem Ipsum Generator

14. Revisar mis enlaces

Al final de un proyecto de desarrollo web, querrá hacer un pase final en todas las páginas centrales para asegurarse de que todos sus enlaces estén funcionando. Check My Links hace que el 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 resalte cada uno según esté roto o funcionando.

Descargar: Revisar mis enlaces

15. Dimensiones

Dimensions es más una herramienta para el diseño web que el desarrollo web, pero como las 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 a cualquiera de esos elementos web compatibles.

Descargar: Dimensiones

Más extensiones de Chrome que podrían ser útiles

Además de lo anterior, recomendamos encarecidamente estas extensiones de Chrome de administración de pestañas y estas extensiones de Chrome de productividad empresarial, que son dos cosas que pueden frustrarlo como desarrollador al usar Chrome.

También deberías ver nuestra gran selección de las mejores extensiones de Chrome. Las mejores extensiones de Chrome. Las mejores extensiones de Chrome. Una lista de las mejores extensiones para Google Chrome, incluidas las sugerencias de nuestros lectores. Leer más, que cubre todo, desde seguridad hasta entretenimiento, desde compras hasta productividad general, y mucho más..

Explore más sobre: ​​Extensiones de navegador, Google Chrome, Programación.