En el artículo anterior comentaba acerca de Web Developer Toolbar como ayuda para desarrollar webs para móviles, en este artículo vamos a ver User Agent Switcher, también para Firefox, que es muy útil cuando trabajamos con móviles.
User Agent Switcher sirve, como su nombre lo dice, para cambiar el User Agent del navegador, en este caso Firefox, por el que nosotros queramos. El User Agent es un texto que usan los navegadores para identificarse con los servidores en Internet y en donde comparten características y alguna otra información útil. Por ejemplo, el User Agent del iPhone se ve así:
Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136 Safari/525.20
¿Para qué sirve User Agent Switcher en el desarrollo para móviles?
La mayoría de métodos para detectar cuando móvil ingresa a un sitio web se basan en el user agent, por eso es bastante útil disfrazar a Firefox de móvil cambiándole el User Agent. Puedes navegar por cualquier sitio como si de un móvil se tratará.
Cómo cambiar el User Agent con User Agent Switcher
Lo primero es instalar User Agent Switcher (UAS) (DESCARGA: [Tienes que estar registrado y conectado para ver este vínculo] y reiniciar Firefox.
Luego debes agregar un User Agent usando el botón UAS -> Options –> Options…
Selecciona el área de User Agents y luego el botón Add
Ingresa la información del User Agent de la siguiente forma, no es necesario llenar todos los datos, aunque si tienes la información es bueno hacerlo. A continuación el ejemplo con el User Agent del iPhone
Lista de User Agent de móviles
Abajo te dejo una lista de los user agents usados por móviles, intente incluir uno por cada marca o navegador importante, aunque la lista podría ser “interminable”.
Android:
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; Google Wireless Transcoder;)
iPhone:
Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136 Safari/525.20
iPod Touch 2.0:
Mozilla/5.0 (iPod; U; CPU iPhone OS 2_0 like Mac OS X; de-de) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5A347 Safari/525.20
Blackberry 8830:
BlackBerry8330/4.3.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105
Opera Mini 4.1:
Opera/9.60 (J2ME/MIDP; Opera Mini/4.1.11320/608; U; en) Presto/2.2.0
Sony Ericsson K550i (NetFront browser):
SonyEricssonW850i/R1ED Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1
Sony Ericsson K700i (NetFront browser):
SonyEricssonK700i/R2N SEMC-Browser/4.0.1 Profile/MIDP-2.0 Configuration/CLDC-1.1
HTC TyTN Windows Mobile 6.1:
Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)
LG Voyager:
Mozilla/4.1 (compatible; MSIE 6.0; ) 400×240 LGE VX10000
Motorola Razor V3:
MOT-V3r/08.BD.43R MIB/2.2.1 Profile/MIDP-2.0 Configuration/CLDC-1.1
Nokia N95:
Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95/10.0.018; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413
Samsung SGH-E900:
samsung sgh-e900 /netfront 3.2
Encuentras una lista mucho más completa de user agents en la página web de Zytrax: [Tienes que estar registrado y conectado para ver este vínculo]
Importar user agents en User Agent Switcher
Agregar la lista anterior de user agents puede ser algo tedioso, menos mal tenemos la opción de importar la lista, para hacerlo sigue estos pasos:
Descarga el archivo con los user agents de
[Tienes que estar registrado y conectado para ver este vínculo]
Entra a las opciones UAS y selecciona la opción de importar. Si activas la opción Overwrite existing user agents when importing los user agents que tengas se reemplazaran por los del archivo:
Buscas el archivo que descargaste y lo cargas. Listo, con eso tendrás la lista de user agents actualizada.
Usar User Agent Switcher te evita estar probando páginas de tu móvil porque “engaña” a los servidores de Internet haciéndolos creer que los visitas desde un móvil, también si usas diferentes versiones (o si usas algún plugin como MobilePress) te permite probar cómo verían tus visitantes el sitio web, saber si están viendo la versión correcta.
PD: yo uso el de adnroid por que me meto a fb tipomovil mejor no me gusta el modo escritorio
Si tienes dudas y sugerencias son bienvenidas en los comentarios.
User Agent Switcher sirve, como su nombre lo dice, para cambiar el User Agent del navegador, en este caso Firefox, por el que nosotros queramos. El User Agent es un texto que usan los navegadores para identificarse con los servidores en Internet y en donde comparten características y alguna otra información útil. Por ejemplo, el User Agent del iPhone se ve así:
Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136 Safari/525.20
¿Para qué sirve User Agent Switcher en el desarrollo para móviles?
La mayoría de métodos para detectar cuando móvil ingresa a un sitio web se basan en el user agent, por eso es bastante útil disfrazar a Firefox de móvil cambiándole el User Agent. Puedes navegar por cualquier sitio como si de un móvil se tratará.
Cómo cambiar el User Agent con User Agent Switcher
Lo primero es instalar User Agent Switcher (UAS) (DESCARGA: [Tienes que estar registrado y conectado para ver este vínculo] y reiniciar Firefox.
Luego debes agregar un User Agent usando el botón UAS -> Options –> Options…
Selecciona el área de User Agents y luego el botón Add
Ingresa la información del User Agent de la siguiente forma, no es necesario llenar todos los datos, aunque si tienes la información es bueno hacerlo. A continuación el ejemplo con el User Agent del iPhone
Lista de User Agent de móviles
Abajo te dejo una lista de los user agents usados por móviles, intente incluir uno por cada marca o navegador importante, aunque la lista podría ser “interminable”.
Android:
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; Google Wireless Transcoder;)
iPhone:
Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_1 like Mac OS X; en-us) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F136 Safari/525.20
iPod Touch 2.0:
Mozilla/5.0 (iPod; U; CPU iPhone OS 2_0 like Mac OS X; de-de) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5A347 Safari/525.20
Blackberry 8830:
BlackBerry8330/4.3.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 VendorID/105
Opera Mini 4.1:
Opera/9.60 (J2ME/MIDP; Opera Mini/4.1.11320/608; U; en) Presto/2.2.0
Sony Ericsson K550i (NetFront browser):
SonyEricssonW850i/R1ED Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-1.1
Sony Ericsson K700i (NetFront browser):
SonyEricssonK700i/R2N SEMC-Browser/4.0.1 Profile/MIDP-2.0 Configuration/CLDC-1.1
HTC TyTN Windows Mobile 6.1:
Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11)
LG Voyager:
Mozilla/4.1 (compatible; MSIE 6.0; ) 400×240 LGE VX10000
Motorola Razor V3:
MOT-V3r/08.BD.43R MIB/2.2.1 Profile/MIDP-2.0 Configuration/CLDC-1.1
Nokia N95:
Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaN95/10.0.018; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413
Samsung SGH-E900:
samsung sgh-e900 /netfront 3.2
Encuentras una lista mucho más completa de user agents en la página web de Zytrax: [Tienes que estar registrado y conectado para ver este vínculo]
Importar user agents en User Agent Switcher
Agregar la lista anterior de user agents puede ser algo tedioso, menos mal tenemos la opción de importar la lista, para hacerlo sigue estos pasos:
Descarga el archivo con los user agents de
[Tienes que estar registrado y conectado para ver este vínculo]
Entra a las opciones UAS y selecciona la opción de importar. Si activas la opción Overwrite existing user agents when importing los user agents que tengas se reemplazaran por los del archivo:
Buscas el archivo que descargaste y lo cargas. Listo, con eso tendrás la lista de user agents actualizada.
Usar User Agent Switcher te evita estar probando páginas de tu móvil porque “engaña” a los servidores de Internet haciéndolos creer que los visitas desde un móvil, también si usas diferentes versiones (o si usas algún plugin como MobilePress) te permite probar cómo verían tus visitantes el sitio web, saber si están viendo la versión correcta.
PD: yo uso el de adnroid por que me meto a fb tipomovil mejor no me gusta el modo escritorio
Si tienes dudas y sugerencias son bienvenidas en los comentarios.