ilikeblues

En realidad, el código para esta comprobación es muy similar al utilizado para chequear si el navegador pertenece a un dispositivo móvil (p.e. iPhone o Android), lo cual podemos aprovechar para redirigirlo a un sitio “mobile-friendly” o aplicar un theme más adecuado para la visualización en pantallas reducidas.

En el caso del soporte para WebKit, podemos aplicar un comportamiento diferente si el navegador no soporta, por ejemplo, las transiciones, etc.

Código javascript:

//Initialize our user agent string to lower case.
var uagent = navigator.userAgent.toLowerCase();

var webkitSupport= "webkit";
//**************************
// Detects if the current browser supports WebKit.
function DetectWebKit() {
   if (uagent.search(webkitSupport) > -1)
      return true;
   else
      return false;
}

En el caso de aplicaciones generadas con Dashcode, esta comprobación puede ser suficiente.

Por ejemplo, la versión para móviles de este blog:

http://blog.ilikeblues.com/iphone

se comporta correctamente en iPhone, Android, Chrome, etc.

Con la reciente adquisición de mi HTC Desire, he estado probando el navegador que viene “de serie”, en concreto visitando este blog, y la versión que hice de este blog para iPhone.

En otro post indicaba cómo hacer la comprobación javascript para detectar si el navegador es de iPhone y redirigirlo al sitio adecuado.

He aquí el código para comprobar si el dispositivo que estamos usando es Android y redirigirlo al mismo sitio que en caso de que sea iPhone, puesto que ambos navegadores soportan la salida generada usando Dashcode:

//Initialize our user agent string to lower case.
var uagent = navigator.userAgent.toLowerCase();

var deviceAndroid = "android";
//**************************
// Detects if the current device is an Android OS-based device.
function DetectAndroid() {
   if (uagent.search(deviceAndroid) > -1)
      return true;
   else
      return false;
}

Vía | http://www.hand-interactive.com

Liberada la versión 1.0 para instalación “offline” en la pantalla de incio de iPhone/iPod Touch de AsistenteJeVWeb.

Sigue las instrucciones en el siguiente enlace:

AsistenteJeVWeb

Sucesivas versiones incluirán más “features” y más lecciones gramaticales.

Esta versión funciona en navegadores que soporten HTML5 y WebKit (probado en Chrome 5 y Safari 4).

Publicada la verión 0.1 del AsistenJeVWeb.

La información se puede consultar online o hacerla persistente siguiendo las instrucciones del siguiente enlace.

Enlace: AsistenteJeVWeb.