Prueba de navegador cruzado (PC)
Una señal segura de un diseño CSS sólido y bien codificado es que se muestra de manera consistente en navegadores y plataformas. Una mirada a las estadísticas recientes del navegador global muestra que, si bien Internet Explorer sigue siendo el navegador web más popular en uso general, su base de usuarios se divide de manera bastante equitativa entre las versiones 6 y 7.
Y aunque otros navegadores como Firefox, Opera y Safari tienen una participación relativamente pequeña en el mercado de navegadores, no sería prudente que ningún diseñador web o desarrollador los ignore al probar su trabajo.
La necesidad de probar
El sitio que se muestra a continuación, por ejemplo, destaca la necesidad de realizar pruebas exhaustivas entre navegadores. Cuando se ve en Firefox, el sitio se ve fantástico; pero cuando se ve en Internet Explorer 6, el sitio parece roto, debido a la falta de compatibilidad de IE6 con la transparencia alfa de PNG (que parece haber sido atendido en el código del sitio, pero la solución elegida no parece funcionar), y También debido a algunos problemas de posicionamiento.
Dado que las pruebas de navegador cruzado para Mac ya se han cubierto en Design Shack, este artículo se centrará en los métodos para las pruebas de navegador cruzado en PC. Un punto de partida obvio para las pruebas de navegador cruzado es instalar cada uno de los navegadores principales; Las últimas versiones se pueden descargar a continuación:
explorador de Internet
Sin embargo, no es tan sencillo cuando se trata de probar su trabajo en Internet Explorer 6 y 7. De manera predeterminada, Windows solo ejecutará una versión de IE, y aunque obviamente esto no es un gran problema para el usuario web promedio, es más problemático para los diseñadores y desarrolladores web que necesitan asegurarse de que su trabajo se muestre correctamente en ambas versiones. Una opción para superar esto (si está ejecutando Windows XP) es utilizar el instalador de IE múltiple de TredoSoft. Esta ingeniosa herramienta permite que varias versiones independientes de Internet Explorer se ejecuten simultáneamente en la misma PC, lo que hace que las pruebas de múltiples versiones sean muy sencillas.
Otra opción, que no implica instalar nada en su PC, es usar un servicio de renderizado en línea como IE NetRenderer. Aquí simplemente ingrese la URL de la página que se probará, seleccione la versión de IE en la que desea probarla y NetRenderer le mostrará una captura de pantalla. La desventaja de esto es que solo obtienes una captura de pantalla estática, lo que hace imposible probar características dinámicas como las mejoras de la interfaz de usuario AJAX. Además, NetRenderer solo se reduce al 'pliegue', por lo que si tiene una página particularmente larga, puede que no le sea de mucha utilidad.
Safari
En mi experiencia, instalar Multiple IE es una forma mucho más infalible de probar páginas web en múltiples versiones de Internet Explorer en PC. Sin embargo, cuando se trata de probar otros navegadores en otras plataformas, como Apple Safari en Mac OS X, la única forma real de probar localmente es comprar una Mac. Una alternativa mucho más barata (como gratuita) es utilizar otro servicio de representación en línea; esta vez es BrowsrCamp que muestra capturas de pantalla de páginas web como se muestran en Safari ejecutándose en Mac OS X.
Si bien hay muchos otros navegadores disponibles en las distintas plataformas, los navegadores que se cubren aquí son los que se utilizan habitualmente, y como tal deben tenerse en cuenta en cada fase de prueba de los diseñadores y desarrolladores web al diseñar el contenido web.