Aquí en WCB creemos con optimismo que habrá un día brillante en el que todos los navegadores mostrarán nuestros sitios web de manera idéntica. Pero en el momento en que se está escribiendo este artículo, ese día todavía está bastante lejos y todavía nos enfrentamos a la necesidad de probar los sitios web que construimos en diferentes plataformas, dispositivos y navegadores para asegurarnos de que nuestro cliente esté feliz al final.
Si creas sitios web, es posible que estés utilizando buenas técnicas de prueba antiguas, como ejecutar máquinas virtuales con muchos navegadores y sistemas operativos instalados, comprar algunas computadoras portátiles o molestar a tus amigos y vecinos pidiéndoles que prueben tu criatura en su iPad. Estas formas tienen derecho a seguir existiendo.
Pero te patearías si supieras cuántos servicios te ofrecen probar tu sitio web sin problemas con solo un clic hoy en día.
Browsershots
El servicio web de uso gratuito le permite probar el sitio web en más de 50 navegadores y sistemas operativos que los combinan en un gran número de variaciones. El único momento confuso es que solo obtendrá capturas de pantalla para que sus scripts y fondos CSS parpadeantes no se muestren.
Lo que necesita hacer es darle a su URL un clic en el botón y esperar: su sitio web se pondrá en la cola y en algún momento (de 5 minutos a 2 horas, dependiendo de lo ocupados que estén los servidores) obtendrá sus capturas de pantalla una por una.
En realidad, se puede comprar una cuenta de pago que le da una alta prioridad por 29.95$ / mes, por lo que obtendrá su captura de pantalla en 5 minutos.
Visite el sitio web oficial
CrossBrowserTesting
Servicio de pago extremadamente funcional que le permite probar su sitio web en computadoras reales a través de una conexión VNC en cualquier navegador y sistema operativo: más de 1000 combinaciones disponibles desde 29.95$/mes.
No puedo dejar de mencionar que las pruebas en plataformas móviles y dispositivos como Android e iOS están disponibles, todo en tiempo real, ¡así que ahora tus fondos CSS parpadean como un árbol de Navidad!
Visite el sitio web oficial
Tornasol
Además de probar la compatibilidad entre navegadores, este útil servicio en línea valida el código HTML y CSS.
Pero una característica espléndida de Litmus es que el servicio se centra principalmente en las pruebas de correo electrónico – más de 30 clientes de correo disponibles, así como un montón de herramientas analíticas – ¡sus correos electrónicos golpean directamente en el corazón y también se ven bonitos en el Nokia de la abuela!
Los precios comienzan a partir de 49$/mes después de 7 días de prueba.
Visite el sitio web oficial
Renderizador de red
Herramienta en línea rápida y gratuita con la que puede probar cómo se representa el sitio web en versiones anteriores de IE (puede ser útil si trata a menudo con autoridades gubernamentales, IE sigue siendo un estándar allí). La característica es que puede combinar capturas de pantalla de diferentes versiones en una imagen, por lo que la diferencia de representación se muestra muy bien.
Visite el sitio web oficial
Herramienta de desarrollo de Chrome: Modo de Emulación
Para mí, es la mejor herramienta para realizar pruebas rápidas, ya que está disponible de forma gratuita y viene con un increíble navegador Chrome. Simplemente haga clic con el botón derecho, presione Inspeccionar elemento y vaya a emulación-voila estás en el Cielo.
Un montón de dispositivos móviles preestablecidos, personalización flexible de resoluciones, relación de píxeles, etc. – todas estas funciones a solo un clic de distancia. Además, puede emular dispositivos de pantalla táctil, lo que es enormemente útil para probar e investigar patrones de experiencia de usuario. No paga ni un centavo y, en combinación con el servidor de host local, tiene una fábrica de pruebas potente y flexible, puede trabajar en cualquier lugar, incluso sin conexión a Internet – ¡ absolutamente encantadora!
Estas opciones seguramente son solo una pequeña parte de una gran variedad de servicios y programas que puedes encontrar fácilmente por ti mismo en Internet. Aquí enumeré lo que encuentro que vale la pena revisar.
El brillante día del renderizado universal está en el largo camino, pero con estas sencillas herramientas, está totalmente equipado para hacer que cada cliente con cualquier dispositivo configurado exóticamente esté satisfecho con lo que construye.