Un número cada vez mayor de desarrolladores web se han cambiado a Firefox en los últimos meses impulsados por el lanzamiento de Firefox Quantum después de que Mozilla mejorara el rendimiento para estar a la par con Google Chrome.
Aunque Firefox ofrece herramientas fáciles de usar para desarrolladores de forma predeterminada con funciones innovadoras como su propio inspector CSS Grid, aún es posible agregar funciones más interesantes al navegador a través del ecosistema de complementos.
Con eso en mente, aquí hay algunos complementos que deberías probar si estás usando Firefox como desarrollador web.
1. Informe de compatibilidad
le ayuda Informe de compatibilidad Ayuda a identificar posibles problemas de compatibilidad del navegador web al desarrollar sitios web o aplicaciones web. Esto solo funciona para CSS en este momento.
Una vez que se instala la extensión, se agregará un nuevo panel de "compatibilidad" a las herramientas para desarrolladores. A partir de ahí, podrá ver el rendimiento de un sitio determinado en cada uno de los principales navegadores.
Las versiones de navegadores sin problemas de compatibilidad están coloreadas en verde, con algunas versiones en amarillo y las que tienen varias en rojo. Puede buscar en versiones específicas del navegador para ver qué reglas CSS exactas están causando problemas.
2. JSON Lite
Si trabaja con API JSON con frecuencia, puede que le resulte tedioso mostrar datos JSON en el navegador. Esto se debe a que el navegador no lo formatea correctamente de forma predeterminada, lo que dificulta su lectura.
Obras JSON ligero Soluciona este problema formateando las respuestas JSON y JSONP con el resaltado de sintaxis adecuado y una función de visualización de errores que es útil al examinar los datos masivos de JSON.
Si no necesita todas las funciones proporcionadas por JSON Lite, puede habilitar el visor JSON integrado de Firefox escribiendo "about:config" en la barra de direcciones y luego buscando devtools.jsonview.enabled. Establézcalo en verdadero haciendo doble clic en la opción, luego cargue cualquier archivo JSON en el navegador para ver el resultado.
3. Reaccionar herramientas de desarrollo
React es una de las bibliotecas más populares hoy en día en el ecosistema de desarrollo web. si desarrollas Aplicaciones web usando React Verá mucho valor en el uso de su extensión de navegador para depurar su código.
Después de instalarlo, podrá escanear el código React en cualquier sitio web que lo use. El ícono de la extensión aparecerá en la barra de herramientas de su navegador y también obtendrá una pestaña Interactuar junto con otros paneles de DevTools. El panel de React le permitirá inspeccionar el árbol de React, incluida la jerarquía de componentes, accesorios, estado y más.
También puedes instalar Herramientas de desarrollo de Vue.js و Herramientas de desarrollo de Redux Si alguna de las bibliotecas está desarrollada.
4. Fontanello
Proveer Fontanello Una forma realmente rápida de localizar fuentes en cualquier sitio web. Con este complemento, ya no necesita abrir devtools solo para ver qué fuente está usando un sitio web. Fontanello muestra la tipografía básica para el texto en el menú contextual del botón derecho de Firefox.
5. Wappalyzer
¿Alguna vez te has preguntado sobre las técnicas utilizadas para crear tus sitios web favoritos? puede salvarte Wappalyzer Esta información está a un clic de distancia. Puede descubrir diferentes sistemas de administración de contenido, plataformas de comercio electrónico, servidores web, marcos de JavaScript, software de base de datos, herramientas de análisis y muchos más.
Embalaje
Si está buscando aumentar su flujo de trabajo de desarrollo, no puede equivocarse con ninguno de los complementos anteriores. No olvides compartir tus clips favoritos en la sección de comentarios a continuación.
