La cantidad de desarrolladores web ha comenzado a usar Firefox cada vez más en los últimos meses debido al desarrollo de Firefox, Quantum, con un rendimiento mejorado para ser comparable a Google Chrome.
Aunque Firefox proporciona excelentes herramientas diseñadas para desarrolladores con funciones avanzadas, como el comprobador de cuadrícula CSS, aún puede tener muchas funciones interesantes para el navegador a través del sistema de complementos. en tu. Este artículo presentará algunos de los mejores complementos de Firefox Quantum para desarrolladores web.
1. Informe de compatibilidad
El Informe de compatibilidad identifica posibles problemas de compatibilidad del navegador al desarrollar un sitio web o una aplicación web. Actualmente, este complemento solo funciona con CSS.
- 10 códigos CSS simples que puedes estudiar en 10 minutos
Al instalar esta extensión, se agregará una nueva tabla de ‘Compatibilidad’ a la herramienta de desarrollo. Desde aquí, puede ver los problemas de compatibilidad entre el sitio web y el navegador.
Las versiones del navegador sin problemas de compatibilidad serán verdes, las versiones del navegador con algunos problemas serán amarillas y las versiones problemáticas serán rojas. Puede ver versiones específicas del navegador para averiguar qué reglas CSS están causando el problema.
Descargar : Informe de compatibilidad
2. JSON Lite
Si trabaja con las API JSON habituales, se cansará de ver los datos JSON en el navegador. Esto se debe a que, de forma predeterminada, el navegador no formatea los datos correctamente y dificulta la lectura de los usuarios.
JSON Lite corrige este problema formateando JSON y JSONP con resaltado de sintaxis y colapso de nodos, útil cuando se verifica una gran cantidad de datos JSON.
Si no necesita todas las funciones de JSON Lite, simplemente active el visor JSON integrado en Firefox escribiendo ” acerca de: config “en la barra de direcciones, luego busque devtools.jsonview.enabled , establézcalo en “true” haciendo doble clic en la opción y luego cargando el archivo JSON en el navegador para ver el resultado.
- Los trucos “About: Config” mejoran el navegador Firefox
Descargar : JSON Lite
3. React Devtools
React es una de las bibliotecas más populares del ecosistema de desarrollo web actual. Si desarrolla aplicaciones web con React, verá mucho valor en el uso de la extensión del navegador para depurar el código.
Una vez que se completa la instalación, puede verificar el código React en cualquier sitio web que lo use. El ícono del complemento aparecerá en la barra de herramientas del navegador y también obtendrá una pestaña React junto con otros paneles de DevTools. La tabla React permitirá probar el árbol de React, incluidas las jerarquías de componentes, modelos, estado y otros componentes. Además, los usuarios pueden instalar devueols Vue.js y Redux DevTools si se desarrollan con ambas bibliotecas.
Descargar : React Devtools
4. Fontanello
Fontanello ofrece una forma rápida de identificar fuentes en cualquier página web. Con este complemento, ya no es necesario abrir devtools para encontrar fuentes que puedan utilizar los sitios web. Fontanello muestra el tipo de texto de fecha básico en el menú contextual del botón derecho en Firefox.
Descargar : Fontanello
- 8 fuentes de “reconocimiento” utilizadas en aplicaciones o sitios web
5. Wappalyzer
¿Alguna vez te has preguntado qué tecnologías se utilizan para crear sitios web? Wappalyzer proporciona esta información con un solo clic. Puede detectar una variedad de sistemas de administración de contenido, plataformas de comercio electrónico, servidores web, marco JaveScript, software de base de datos, herramientas analíticas y más.
Si buscas herramientas para potenciar tu proceso de trabajo, no encontrarás el lugar equivocado. Estos complementos lo ayudarán a mejorar el rendimiento y desarrollar la web más rápido.
Descargar : Wappalyzer
Ver más:
- Se requieren 10 complementos para Firefox para el diseño de ‘personas’
- 10 complementos de Firefox ayudan a aumentar la seguridad
- Cómo eliminar complementos (extensiones) en Chrome, Firefox y algunos otros navegadores
agregar firefox firefox
La cantidad de desarrolladores web ha comenzado a usar Firefox cada vez más en los últimos meses debido al desarrollo de Firefox, Quantum, con un rendimiento mejorado para ser comparable a Google Chrome.
Aunque Firefox proporciona excelentes herramientas diseñadas para desarrolladores con funciones avanzadas, como el comprobador de cuadrícula CSS, aún puede tener muchas funciones interesantes para el navegador a través del sistema de complementos. en tu. Este artículo presentará algunos de los mejores complementos de Firefox Quantum para desarrolladores web.
1. Informe de compatibilidad
El Informe de compatibilidad identifica posibles problemas de compatibilidad del navegador al desarrollar un sitio web o una aplicación web. Actualmente, este complemento solo funciona con CSS.
- 10 códigos CSS simples que puedes estudiar en 10 minutos
Al instalar esta extensión, se agregará una nueva tabla de ‘Compatibilidad’ a la herramienta de desarrollo. Desde aquí, puede ver los problemas de compatibilidad entre el sitio web y el navegador.
Las versiones del navegador sin problemas de compatibilidad serán verdes, las versiones del navegador con algunos problemas serán amarillas y las versiones problemáticas serán rojas. Puede ver versiones específicas del navegador para averiguar qué reglas CSS están causando el problema.
Descargar : Informe de compatibilidad
2. JSON Lite
Si trabaja con las API JSON habituales, se cansará de ver los datos JSON en el navegador. Esto se debe a que, de forma predeterminada, el navegador no formatea los datos correctamente y dificulta la lectura de los usuarios.
JSON Lite corrige este problema formateando JSON y JSONP con resaltado de sintaxis y colapso de nodos, útil cuando se verifica una gran cantidad de datos JSON.
Si no necesita todas las funciones de JSON Lite, simplemente active el visor JSON integrado en Firefox escribiendo ” acerca de: config “en la barra de direcciones, luego busque devtools.jsonview.enabled , establézcalo en “verdadero” haciendo doble clic en la opción y luego cargando el archivo JSON en el navegador para ver el resultado.
- Los trucos “About: Config” mejoran el navegador Firefox
Descargar : JSON Lite
3. React Devtools
React es una de las bibliotecas más populares del ecosistema de desarrollo web actual. Si desarrolla aplicaciones web con React, verá mucho valor en el uso de la extensión del navegador para depurar el código.
Una vez que se completa la instalación, puede verificar el código React en cualquier sitio web que lo use. El ícono del complemento aparecerá en la barra de herramientas del navegador y también obtendrá una pestaña React junto con otros paneles de DevTools. La tabla React permitirá probar el árbol de React, incluidas las jerarquías de componentes, modelos, estado y otros componentes. Además, los usuarios pueden instalar devueols Vue.js y Redux DevTools si se desarrollan con ambas bibliotecas.
Descargar : React Devtools
4. Fontanello
Fontanello ofrece una forma rápida de identificar fuentes en cualquier página web. Con este complemento, ya no es necesario abrir devtools para encontrar fuentes que los sitios web puedan utilizar. Fontanello muestra el tipo de texto de fecha básico en el menú contextual del botón derecho en Firefox.
Descargar : Fontanello
- 8 fuentes de “reconocimiento” utilizadas en aplicaciones o sitios web
5. Wappalyzer
¿Alguna vez te has preguntado qué tecnologías se utilizan para crear sitios web? Wappalyzer proporciona esta información con un solo clic. Puede detectar una variedad de sistemas de administración de contenido, plataformas de comercio electrónico, servidores web, marco JaveScript, software de base de datos, herramientas analíticas y más.
Si buscas herramientas para potenciar tu proceso de trabajo, no encontrarás el lugar equivocado. Estos complementos lo ayudarán a mejorar el rendimiento y desarrollar la web más rápido.
Descargar : Wappalyzer
Ver más:
- Se requieren 10 complementos para Firefox para el diseño de ‘personas’
- 10 complementos de Firefox ayudan a aumentar la seguridad
- Cómo eliminar complementos (extensiones) en Chrome, Firefox y algunos otros navegadores