Ya falta pocos días para que el Iphone 3G llegue al Perú y se que más de un blogger tratara de adaptar una versión móvil de su pagina para que encaje bien en el navegador Safari del Iphone.

Muchos no tendrán la posibilidad de adquirirlo, pero eso no nos privara de diseñar una versión móvil de nuestra página.

Para esto necesitaremos emular el navegador del Iphone esto se logra modificando el UserAgent, los cuales son mandados al Web Server el cual identifica el navegador y el sistema operativo del usuario con lo cual se redirección según el navegador que lo visita..

Contamos con 2 opciones para cambiar el UserAgent de Firefox.

Configurando en la pagina about:config

Digitamos en la barra de direcciones about:config, después filtramos el parámetro general.useragent.override y le damos doble clic para cambiarle el valor a:

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3

Con la extension “User Agent Switcher”

Instalamos el User Agent Switcher, luego nos dirigimos al menu Herramientas ›› User Agent Switcher ›› Options ›› Options, luego elegimos UserAgents y presionamos el botón Add.

Luego llenamos la información.

Descripción: iPhone
User Agent: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)
App Name: AppleWebKit/420+ (KHTML, like Gecko)
App Version: Version/3.0
Platform: Mobile/1A543 Safari/419.3

Aceptamos y seleccionamos Herramientas ›› User Agent Switcher ›› Iphone con lo cual ya estamos emulando al iphone en primera instancia se vera igual pero te recomiendo que pases a Google para que veas su versión Móvil.