Compatibilidad de diseño en Navegadores

Want create site? Find Free WordPress Themes and plugins.

Internet Explorer, Firefox, Opera¿Cuántos navegadores tienes instalados en tu PC? ¿Cuál es tu preferido? ¿Sabes cómo se ve tu web o blog en los diferentes navegadores que existen en el mercado? ¿Y en los diferentes Sistemas Operativos? ¿Es compatible con todos o debes optimizar tu diseño?

Estos últimos días, con el diseño del nuevo tema para Phylosoft he necesitado saber cómo se vería al menos en los más utilizados por los usuarios que llegan y leen Phylosoft para hacer el tema compatible con todos ellos (o con la mayoría).

Pero utilizo Windows XP y tengo instalados las últimas versiones de Firefox, Explorer y Chrome … ¿se vería en todos bien? La respuesta no tardó en llegar: en Internet Explorer 6 descuadraba la cabecera (lo supe gracias a MGS) lo que en mi caso supone que cerca de un 40% de los lectores y visitantes de Phylosoft veían algo que no es lo que yo quería que vieran.

Es muy importante conocer la compatibilidad de tu web o blog y asegurar su usabilidad en la mayor parte de navegadores, o al menos en los más utilizados.

Entonces recordé que había un sitio online donde podías hacer la prueba y te devolvía screenshots (pantallazos) capturados de montones de ordenadores con diferentes sistemas operativos y diferentes navegadores…

El sitio en cuestión es: Browser Shots y te permite ver como queda una URL en 78 navegadores y versiones diferentes repartidos entre 4 sistemas operativos (Windows, Linux, Mac OS y BSD).

Tu seleccionas la URL y las versiones de navegador bajo cada S.O. que más te interese comprobar, yo aconsejaría hacer la prueba con los navegadores que sepas que utilizan al menos el 95% de tus lectores.

Tarda su tiempo en hacer todas las capturas (hasta 30 minutos) y te devuelve imágenes de todo el scroll resultado del análisis. Imágenes que puedes ver amplaidas hasta un 50% del tamaño real de la web.

También te permite hacer pruebas teniendo en cuenta diferentes anchos de pantalla, resoluciones y profundidad de color.

Si en alguno de los importantes ves que algo no encaja, entonces tendrás un rato de trabajo de optimización del diseño, pero vale la pena quedarse con la tranquilidad de que al menos la inmensa mayoría verán bien tu blog / web ¿no crees?

Una muestra del resultado:

Phylosoft en diferentes navegadores

Por cierto, el sistema guarda el resultado solo durante un tiempo pero te permite descargar todas las capturas en un solo archivo comprimido.

Did you find apk for android? You can find new Free Android Games and apps.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies