• Autor de la entrada:
  • Categoría de la entrada:Programación


El navegador es la herramienta más poderosa de un desarrollador. 

El 99 % de las personas no saca el 100 % de sus navegadore

30 extensiones de navegador que todo desarrollador debería tener

Te puede interesar también:

s. Aquí hay 30 extensiones de navegador para aprovechar al máximo la aplicación en la que probablemente pasa la mayor parte del tiempo.

1. WhatFont

La forma más fácil de identificar fuentes en páginas web.

2. WhatRuns

Descubre lo que hace funcionar un sitio web. Marcos, herramientas de análisis, complementos de WordPress, fuentes, lo que sea.

3. Web Developer

Agrega un botón de barra de herramientas con varias herramientas de desarrollo web.

4. Daily.dev

Obtenga noticias de programación sin esfuerzo. Simplemente abra una nueva pestaña y ya está todo listo. ¡Una herramienta imprescindible para los desarrolladores ocupados!

5. JSONView

Valide y visualice documentos JSON.

6. Window Resizer

Cambie el tamaño de la ventana del navegador para emular varias resoluciones de pantalla.

7. JSONLite

Extensión del navegador para ver archivos JSON.

8. Visor receptivo

Mostrar varias pantallas una vez, probador de diseño receptivo.

9. BrowserStack

Pruebe instantáneamente su página web en cualquier computadora de escritorio o navegador móvil.

10. Awesome Screenshot

Captura de pantalla de página completa y grabador de pantalla: 2 en 1. Comparta video de captura de pantalla al instante

11. Visbug

Herramienta de depuración de diseño web de código abierto construida con JavaScript

12. Fotogramas clave

Creador de animación CSS en el navegador.

13. Contraste

Verifique y ajuste rápidamente el contraste en tiempo real en su navegador para cumplir con los requisitos de WCAG 2.1

14. Píxel Perfecto

Agrega una superposición de imagen semitransparente sobre la parte superior del HTML desarrollado para realizar fácilmente una comparación perfecta de píxeles entre ellos, útil para replicar diseños de interfaz de usuario.

15. Pesticide

Inserta el CSS de Pesticida en la página actual, destacando cada elemento HTML para ver mejor la ubicación en la página, útil para crear diseños.

16. Site Pallete

Una herramienta imprescindible para que los diseñadores y desarrolladores frontend obtengan colores para cualquier sitio web.

17. Responsive Design Tester

Pruebe diseños web receptivos o páginas móviles que detecten agentes de usuario específicos. ¡Pruebe varios dispositivos al mismo tiempo!

18. Color Zilla

Cuentagotas avanzado, Selector de color, Generador de degradado y otras cosas coloridas

19. Generador Lorem Ipsum

Proporciona una forma elegante y rápida de crear texto predeterminado o generar Lorem Ipsum. Optimizado para un uso rápido, pero se puede personalizar.

20. Código Embellecedor

Embellece el código CSS, JavaScript y JSON cuando abres un archivo .css/.js/.json

21. Imagen

Encuentra y descarga todas las imágenes en una página web. Con Imageeye puedes buscar, navegar y descargar todas las imágenes presentes en una página web.

22. Estilobot

Cambia la apariencia de la web al instante.

23. Selección de colores

Una herramienta de selector de color y cuentagotas ampliada que le permite seleccionar valores de color de páginas web y más.

24. Herramienta Reaccionar para desarrolladores

Reaccione las herramientas de depuración a las herramientas para desarrolladores de Chrome. Le permite inspeccionar las jerarquías de componentes de React en Chrome Developer Tools.

25. Analizador de Wapp

Wappalyzer es un generador de perfiles de tecnología que le muestra con qué están construidos los sitios web.

26. Relleno falso

Fake Filler es un rellenador de formularios que rellena todas las entradas de una página con datos falsos o ficticios.

27. Regla de página Redux

Una regla de desarrollador web/diseñador para obtener dimensiones de píxeles perfectas y posicionamiento para medir elementos en cualquier página web.

28. Editor web

El editor web es la herramienta que le brinda una forma mejorada de inspeccionar cualquier elemento del sitio web, modificar sus propiedades, insertar contenido, diseñar y visualizar la forma en que desea verlos.

29. Visor de CSS

Un simple visor de propiedades CSS.

30. Fuente Ninja

Identifique las fuentes de cualquier sitio web, márquelas, pruébelas y cómprelas.


Deja tus comentarios y sugerencias


Sobre Facialix

Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.


Deja una respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.