El cambio más grande para 2018 ha sido la revisión principal de FireFox, y con ello la forma en que funcionan los complementos en ese navegador. Como resultado, muchos complementos populares ya no se mantienen o no están disponibles.
La mayoría de los complementos para Firefox también están disponibles como extensiones para Google Chrome. En este artículo, intentaremos dar preferencia a navegador cruzado complementos/extensiones, lo que en este contexto significa que funcionarán en Firefox, Chrome y Chromium. También daremos preferencia a las extensiones gratuitas que no se sabe que pasan su entradaformation a terceros y no están respaldados por ingresos publicitarios. Nos centraremos más en las extensiones que no lo restringen a una tecnología de desarrollo en particular.
Pocos desarrolladores verían alguna ventaja en el uso de Microsoft Edge como navegador de desarrollo, pero está bien para las pruebas posteriores al desarrollo. Solo se puede esperar que un poco más de 4 en todos los visitantes del sitio 100 lo use, aunque se puede esperar que ese número aumente ligeramente a medida que más usuarios abandonan Internet Explorer.
Aunque hay muchos más usuarios de Chrome que usuarios de Firefox, aquellos en la multitud de TI tienden a preferir Firefox, por lo que hay más y mejores extensiones dirigidas a los desarrolladores en Firefox.
Ahora echemos un vistazo a las mejores extensiones de navegador para desarrolladores y por qué es posible que desee agregarlas a su navegador.
1. Construido con
Cuando te encuentres en un sitio realmente bien hecho y quieras saber cómo lo hicieron, esta extensión te ahorrará mucho tiempo y esfuerzo en buscar en el código fuente. Descargar enlaces: Cromo / cromo, Firefox
2. hacha
Esta es una herramienta de auditoría de accesibilidad. Siempre es mejor intentar que sus páginas sean lo más accesibles posible, y ax le ayudará a evitar excluir accidentalmente a un segmento de usuarios de su sitio. Descargar enlaces: Cromo / cromo, Firefox
3. ColorZilla
Una extensión antigua pero aún así, esta extensión le permite muestrear colores directamente desde una página, recuperar códigos de colores, generar gradientes y más. Descargar enlaces: Cromo / cromo, Firefox
4. Desarrollador web
Agrega algunos extras útiles a su navegador para el control de CSS, formularios, imágenes y enformation. Una de las extensiones más populares jamás hechas. Descargar enlaces: Cromo / cromo, Firefox
5. Rango Woo
Analizar cualquier página web para los datos de SEO. Proporciona un informe potente que muestra todos los aspectos internos de SEO, incluido un puntaje general de SEO, sugerencias de mejora, nube de palabras clave y mucho más. Descargar enlaces: Cromo / cromo, Firefox
6. Tab2QR
Genera un código QR de la página en la que te encuentras y podrás visitar la página con tu teléfono simplemente escaneando el código QR. Bueno para probar responsive sitios, incluso si usted no los creó. Descargar enlaces: Cromo / cromo, Firefox
7. Fabricante de solicitudes HTTP
Esto puede ser muy útil para probar respuestas de formularios PHP en los que realmente no desea enviar el formulario (lo que podría desencadenar un procesamiento adicional que no necesita probar). Con esta herramienta puedes falsificar solicitudes HTTP sin esfuerzo. Tenga en cuenta que, aunque las extensiones de Chrome y Firefox tienen el mismo nombre y hacen las mismas cosas, están creadas por desarrolladores diferentes y no son exactamente iguales. Descargar enlaces: Cromo / cromo, Firefox
8. Prueba de rendimiento de la página
Obtenga rápidamente un informe sobre el rendimiento de su página en las diferentes etapas de su recorrido hasta su navegador. Es como una versión más avanzada de tracert. Éste sólo está disponible en Firefox por ahora. Existen extensiones similares para Chrome y Chromium, pero no son tan ricas en funciones como esta. Descargar enlaces: Firefox
9. Herramienta de conteo de palabras
Esto realmente puede hacer más de lo que el nombre implica, ya que también le dirá cuántos caracteres y cuántas oraciones hay dentro de un bloque de texto seleccionado (o toda la página). Descargar enlaces: Cromo / cromo, Firefox
10. Lista de verificación del desarrollador web
Asegúrese de seguir las pautas de mejores prácticas de desarrollo web con esta herramienta que le mostrará dónde pueden haber fallado sus estándares. Descargar enlaces: Cromo / cromo, Firefox
11. Editor de mapa de imagen
Una de las tres excelentes extensiones del desarrollador alemán Heinz-Jürgen Boms, esta hace exactamente lo que el nombre dice que hace. Puede generar un mapa de imagen directamente en el navegador simplemente trazando las áreas de la imagen que desea asignar. Descargar enlaces: Firefox
12. Editor de cuadros avanzado
Otra extensión de Heinz-Jürgen Boms, esta es realmente una herramienta de estilo CSS donde puedes construir un marco directamente en el navegador especificando sus atributos. Vale la pena echarle un vistazo a la documentación Antes de empezar a utilizarlo. Descargar enlaces: Firefox
13. Arranque Responsive Ayudante
Esta es una pequeña extensión muy simple que le ayuda a ver rápidamente si sus puntos de interrupción funcionan correctamente y en qué nivel de arranque se encuentra el modo actual. Por supuesto, sólo necesitarás esta extensión si realmente trabajas en Bootstrap. La versión de Chrome está desarrollada por Jonathan Defraiteur y la versión de Firefox está desarrollada por Kevin Bon. Descargar enlaces: Cromo / cromo, Firefox
14. Pruébalo tú mismo HTML5 Editor
Si prefiere mantener las cosas simples y realizar todo su trabajo desde un solo lugar, esta extensión es para usted. Rico en funciones, este editor contextual funciona directamente en el navegador y admite HTML, CSS y JavaScript. Está lejos de ser perfecto, pero para una edición rápida y sucia sin la molestia de abrir una aplicación separada, hace el trabajo. Descargar enlaces: Firefox
15. Gafas de rayos X
Técnicamente, esta no es una extensión, en realidad es un marcador. Pero funciona tan bien que no podíamos dejarlo fuera de la lista. Aunque está hecho por Mozilla, funciona igualmente bien en Chrome porque ambos navegadores cumplen totalmente con los estándares. Para usarlo, deberá hacer visible la barra de marcadores. Luego visite la página de descarga, a la que puede acceder a través de los enlaces a continuación, y arrastre el botón X-Ray Goggles a la barra de marcadores. Luego, simplemente visite cualquier sitio, active su marcador X-Ray Goggles, seleccione un elemento en la página y podrá editar el código. Descargar enlaces: Cromo / cromo, Firefox
imagen del encabezado cortesía de Monika pola
Comentarios Comentarios 0