Adapta tu sitio para dispositivos móviles

Tweet

El futuro de la navegación web móvil es algo inminente y para lo que deberiamos estar preparados porque de lo contrario iremos contracorriente, con esto se tiene que decir que no es necesario crear un esepecífica versión de tu web para el móvil sino simplemente asegurarte de que el contenido más relevante pueda ser encontrado en un dispositivo móvil.

Por eso la mejor prueba para saber si tu sitio esta listo para la era móvil es a través de una prueba, es muy fácil decirlo pero un poco dificil llevarlo a cabo teniendo en cuenta que puede haber unos 40 navegadores y 160 dispositivos que utilizan configuraciones distintas, por lo tanto la solución que os propongo es probarlo en el mayor número posible así te aseguraras una compatibilidad bastante alta.

Primer Test – Elimina la hoja de estilos

El primer paso y más sencillo es eliminar la hoja de estilos de la web a analizar, muchos de los móviles más antiguos utilizan como si dijeramos una navegación sin estilo, el resultado lo podremos ver utilizando un navegador Mozilla y dirigiéndonos a “Ver -> Estilo de Página -> Sin Estilo”.

Segundo Test – Redimensiona el navegador

Simple y efectivo, redimensionando el navegador podrás hacerte una idea de cómo quedaría tu sitio en un dispositivo móvil de los modernos debido a que estos utilizan hojas de estilo, si tienes Firefox con alguna de las barras de herramientas para desarrolladores simplemente tendrás que escoger la opción “resize > Resize window” e introducir la resolución en la que quieres realizar el test, estas son las más comunes:

* 176 x 208
* 240 x 160
* 320 x 240

Tercer Test – OperaMini/OperaMobile

Opera ha desarrollado un navegador móvil con una increible tecnología llamada “Small-Screen Rendering”. Aunque no todos los dispositivos móviles lo soportan funciona realmente bien y te aseguras que en un futuro la compatibilidad de tu web sea casi completa.

Afortunadamente es muy sencillo de utilizar con OperaMini, simplemente descarga Opera y ve a la página en la que deseas realizar el test, pulsa SHIFT + F11 y verás el resultado como si estuvieras en un dispositivo móvil.

Cuarto Test – Emuladores

Esta es la prueba definitiva y en la que se puede comprobar la compatibilidad en modelos específicos.

• WinWap Smartphone Emulator
• OpenWave Browser
• Nokia Browser Simulator
• Microsoft Pocket PC Emulators
• Online Mobile Simulator
• Online WAP Browser

Bueno despues de estos pequeños test sino quieres adaptar tu sitio para dispositivos móviles es porque no quieres.