Tag Archives: user agent

Cambiar el user agent en Safari

Posted on by
2

En Firefox para cambiar el user agent usamos User Agent Switcher, pero en Safari es diferente porque la opción ya esta integrada sin necesidad de ninguna extensión. Además tenemos la ventaja de que Safari Mobile, el navegador del iPhone y iTouch, usa el mismo motor que Safari, así que la experiencia es prácticamente la misma.

La forma de cambiar el User Agent en Safari es distinta, básicamente porque Safari ya incluye una lista de user agents configurados que hace más fácil todo, aunque por otro lado es más limitado porque solo permite tener un user agent personalizado, y no muchos como User Agent Switcher.

Para cambiar el user agent en Safari primero tienes que activar el menú de desarrollo:

  1. Edición –> Preferencias…

Menú de edición de Safari

  1. Ve a la pestaña Avanzado –> Activa la opción “Mostrar el menú de Desarrollo en la barra de menús”

Editor de preferencias de Safari

Listo, ya tienes el menú de desarrollo con la lista de User agent que puedes usar, incluyendo el user agent del iPhone y iPod Touch

User agents en Safari

Para agregar un user agent extra usa la opción “Otra…” al final del menú

Usar otro user agent en Safari

y luego escribe el user agent que deseas usar

Cambiar el user agent de Safari

Recuerda que Safari solo te deja utilizar un user agent personalizado a la vez, así que elige sabiamente cual vas a usar o usa Firefox ;-)

En el tema anterior, acerca de User Agent Switcher, encuentras una lista de user agents de móviles.

Disfraza Firefox de móvil con User Agent Switcher

Posted on by
2

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

  1. Lo primero es instalar User Agent Switcher (UAS) y reiniciar Firefox.
  2. Luego debes agregar un User Agent usando el botón UAS ->  Options –> Options…

    Opciones de User Agent Switcher

  3. Selecciona el área de User Agents y luego el botón Add

    Agregar User Agent a User Agent Switcher

  4. 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

    user-agent-switcher-options-add-user-agent

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: Mobile Browser ID (User-Agent) Strings.

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 user-agents-moviles.xml (3.07kb, Click y guardar como…)
  • 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:user-agent-switcher-options-import
  • 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.

Si tienes dudas y sugerencias son bienvenidas en los comentarios.