Después de diseñar una página web, y durante el proceso de desarrollo web, es importante tener la seguridad de que el máximo número de navegadores conseguirán leer la información que quiere transmitirse y estar seguro de que esta se va a mostrar de forma correcta en la página web. Con la finalidad de evitar que el diseño de nuestra página web no se vea afectado por el navegador del internauta, os presentamos varias herramientas web que pueden ayudaros detectando problemas en la página web antes de que sea demasiado tarde.
Sólo tenemos que echar un vistazo en browserscope.org para comprobar lo que cada navegador puede y no puede hacer a la hora de interpretar una página web, con lo que es mejor estar preparados.
Por un lado tenemos soluciones sencillas, como protofluid.com ,que nos permite ver cómo aparece nuestra página web en diferentes navegadores y tamaños. Sólo tenemos que indicar la url, el dispositivo y el tamaño, mostrando un popup con el resultado.
BrowserLab, de Adobe, es seguramente la más conocida de este tipo de herramientas, generando capturas simuladas en diferentes motores de navegación y permitiendo compararlas una al lado de otra. De hecho podemos elegir la forma de visualizar el resultado: un solo navegador, dos o un resultado encima de otro (Onion View), siendo esta última una opción perfecta para comparar pequeños detalles de interpretación en las páginas web.
Browsershots también es una opción bastante completa, permitiendo indicar decenas de navegadores y versiones para que sean realizados los tests deseados en nuestras futuras páginas web. El funcionamiento es bastante sencillo, teniendo que indicar la url que queremos probar y las versiones que queremos comparar, obteniendo las imágenes correspondientes.
Por otro lado, mientras estas aplicaciones generan una captura de las páginas web, Browsera analiza y compara las páginas usando algoritmos sofisticados, enviando un informe con los errores de carga de los scripts y diferencias en los layouts lo cual nos va ayudar enormemente a la hora de crear nuestra web correctamente
Cada navegador tiene sus propias opciones para comparar entre diversas versiones, desde el SuperPreview de Microsoft hasta el Litmus de Firefox, aunque siempre es interesante conocer las que nos permiten comparar diferentes fabricantes.
Escrito por:
Juan Diego Polo (editor y creador de http://wwwhatsnew.com)
Quieres escribir para nosotros?
[...] This post was mentioned on Twitter by Daniela Oremor . Daniela Oremor said: RT @BaseKitLatino: Aplicaciones web para probar un sitio en varios navegadores http://bit.ly/czGtah [...]
[...] Aplicaciones web para probar un sitio en varios navegadores | BaseKit [...]
[...] Quizás en tu navegador favorito puede que ese pequeño error no afecte la visibilidad del sitio, pero en el de tu cliente salga a relucir, por tanto no hemos de olvidar probar nuestra web en varios navegadores. [...]