Con la aceptación generalizada de los estándares web y la desaprobación resultante de los prefijos de los navegadores, ha habido un cambio notable en el mercado de los navegadores. Donde antes los fabricantes de navegadores intentaban atraer a los usuarios con promesas de compatibilidad con funciones, ahora la atención se centra en la privacidad, la velocidad y las herramientas para desarrolladores.
Cuando se trata de desarrollo web, realmente debería probar en todos los navegadores y dispositivos que pueda tener a mano; probablemente ya lo estés haciendo usando una aplicación como prueba lambdao NavegadorPila.
Al realizar pruebas de control de calidad, probablemente trabaje por participación de mercado: comenzando con Safari en movil, Cromo en el escritorio, y trabajando hasta llegar a Ópera y (si eres un glotón de castigo) Yandax; naturalmente, cuando se prueba, lo que más nos preocupa es el mayor número de usuarios.
Pero antes de llegar a la etapa de control de calidad, hay una serie de navegadores diseñados para ayudar al desarrollo. Navegadores que ofrecen herramientas, especialmente para desarrolladores front-end, que ayudan con el código y aceleran el desarrollo. Aquí están los mejores navegadores para el desarrollo web en 2021:
1. Navegador LT
Navegador LT es una aplicación para desarrolladores web de LambdaTest. Como muchas de las aplicaciones de esta clase, ofrece comparaciones en paralelo de un sitio en diferentes ventanas gráficas. Además, LT Browser tiene una serie de características que lo hacen destacar.
Además de obtener una vista previa de las páginas web, LT Browser ofrece herramientas de desarrollo para competir con Chrome, lo cual es útil si desea ver cómo los cambios en diferentes dispositivos afectan sus puntajes de Lighthouse. LT Browser también admite la recarga en caliente, lo que significa que cuando realiza un cambio en su código, no tiene que presionar ‘actualizar’, las ventanas de visualización simplemente se recargan; es sorprendente cuánto ahorra tiempo esa simple adición.
Navegador LT de uso gratuito.
2. Desarrollador Firefox
El mejor navegador convencional para desarrollo web en 2021 es el edición para desarrolladores de Firefox de Mozilla.
La edición estándar de Firefox es un navegador excelente, repleto de funciones y centrado en la privacidad. La edición para desarrolladores se suma a esto con un conjunto de herramientas dirigidas a los desarrolladores. Las herramientas de depuración de CSS y JavaScript son excelentes, y las herramientas de Grid no tienen paralelo para codificar diseños con CSS Grid.
El desarrollador de Firefox es gratis para descargar.
3. Polipano
polipano es uno de la nueva generación de navegadores web que están firmemente destinados a ser ayudas para el desarrollo en lugar de navegadores. Polypane le permite comparar diferentes ventanas gráficas y plataformas colocándolas una al lado de la otra. Las interacciones como el desplazamiento están sincronizadas.
Polypane va un paso más allá que muchas aplicaciones de navegador de esta clase al mostrar vistas previas de las redes sociales. Incluso tiene un conjunto de herramientas de accesibilidad, incluidos algunos prácticos simuladores de daltonismo.
Polypane tiene una prueba gratuita de 14 días y los planes comienzan en $ 8 / mes.
4. Blisk
Blisk es otro navegador para desarrolladores que le permite alinear una colección de ventanas gráficas en una sola aplicación. La URL y el desplazamiento están sincronizados, lo que facilita la prueba de interacciones y animaciones.
Blisk es increíblemente divertido para jugar y ofrece una excelente vista previa de un diseño receptivo. Pero tenga cuidado, las vistas sincronizadas pueden ser adictivas, y es fácil alinear navegadores y quedar hipnotizado por el movimiento sincronizado; necesitarás una pantalla muy grande para aprovechar al máximo Blisk.
Blisk los planes comienzan en $ 9.99 / mes.
5. mareado
Sizzy es otra aplicación que te permite ver múltiples ventanas gráficas a la vez. También tiene interacciones sincronizadas y, como muchas aplicaciones de la competencia, Sizzy te permite hacer capturas de pantalla de diferentes vistas.
Sizzy también incluye una herramienta de inspección sincronizada muy inteligente, para que pueda concentrarse en elementos individuales en diferentes ventanas gráficas. Es una excelente opción para la depuración, especialmente si está investigando el código de otra persona.
Sizzy tiene una prueba gratuita de 14 días y los planes pagos comienzan en $ 7.15 / mes.
6. valiente
Bravo es un navegador centrado en la privacidad que se ejecuta hasta tres veces más rápido que Chrome. Si eres alguien que se resiste a las velocidades de renderizado en la mayoría de los sitios, Brave podría ser para ti.
El principal beneficio de Brave para los desarrolladores es que es compatible con las extensiones de Chrome mientras mantiene la privacidad; incluso puede acceder a la web usando Tor si el modo de privacidad simple no es suficiente para usted. Hay cientos de extensiones de Chrome útiles, y si evita Chrome debido a problemas de privacidad, entonces Brave resuelve su problema.
Brave también es pionero en un nuevo sistema para monetizar los ingresos del sitio, lo que permite a los espectadores dar propinas a los sitios y, pronto, controlar cómo se distribuyen los ingresos publicitarios.
valiente es gratis para descargar.
7. cromo
Puede que sea aburrido, pero Cromo sigue siendo el navegador más popular del mundo desde EE. UU. hasta China continental. Mientras que una vez los sitios «se veían mejor en IE», ahora Chrome es el predeterminado de la Web.
No importa el sitio que estés diseñando, tiene que funcionar bien en Chrome y ningún simulador es tan bueno como el real.
Además de ser el punto de referencia para el procesamiento de páginas, las herramientas para desarrolladores de Chrome son la forma más sencilla de acceder a sus puntajes de Lighthouse, lo que lo ayuda a rastrear problemas que pueden estar frenándolo en los resultados de búsqueda de Google.
cromo es gratis para descargar.
