Leandono´s Blog - ¿Cómo se ve nuestra web en un celular? 4 simples métodos para saberlo

¿Cómo se ve nuestra web en un celular? 4 simples métodos para saberlo

martes, 09 de enero de 2007

¿Armar páginas para ver en celulares es hablar de algo futuro? De ninguna forma. En el blog de 3.7 Design crearon un excelente artículo explicando 4 simples métodos para comprobar como se muestra nuestra web si entráramos a través del móvil:

- Método 1: Quitando los estilos en cascada

Debido a que muchos celulares aun poseen navegadores web solo de HTML, la forma más fácil es quitando los estilos que tengamos añadidos en nuestra página. Para eso en Firefox vamos a Ver --> Estilo de página --> Sin estilo. La buena noticia es que si nuestro sitio respeta estándares y está bien estructurado semánticamente, este será más fácil de adaptar y visualizar en el navegador.

- Método 2: Redimensionando la ventana del navegador

Redimensionando la ventana del navegador uno se puede dar una idea de como se ve en un moderno celular que soporta estilos en cascada. Para eso, si tenemos la extensión Web Developer instalada en Firefox vamos a Tamaño --> Redimensionar ventana --> Tildamos Redimensionar la vista y escogemos alguno de estos tres valores típicos:

176 X 208

240 X 160

320 X 240

- Método 3: Utilizar OperaMobile/ OperaMini

Hace ya un tiempo Opera lanzó la versión de su programa para teléfonos móviles OperaMini . Lo bueno es que no hace falta un celular de ultima tecnología para instalarlo. Por otro lado también hay una versión para Smartphones llamado OperaMobile . En caso de no querer instalar ninguna de las dos versiones, podemos probar abriendo a Opera en la PC y presionando SHIFT + F11. De esta forma comprobaremos como se mostraría la página si hubiéramos entrado por OperaMini.

- Método 4: Emulando

Por lo general los fabricantes de celulares ofrecen emuladores de sus navegadores para que los desarrolladores puedan testear sus creaciones. Además en la web existen aplicaciones online que permiten también realizar las pruebas:

- Extra: Método 5: Entrar a través de Google Mobile

Navegando con la versión para móviles de Google también podemos darnos una idea de como quedaría nuestro sitio a través de un celular.