Mostrar la versión del sistema operativo con PhoneGap
Para quienes aún no lo conocen, PhoneGap es un framework que nos brinda la posibilidad de crear aplicaciones que se pueden compilar para diferentes plataformas móviles (iOS, Android, Blackberry, Windows Phone, WebOS y Symbian, entre otras). La gran ventaja de este producto es que estas versiones, pueden crearse a partir de un código desarrollado en HTML, CSS y JavaScript, potenciado, claro, por los nuevos elementos y APIs que nos trae HTML5.
PhoneGap cuenta con una librería JavaScript que nos da una API de funciones que nos permitirá potenciar lo que nos ofrece el navegador. Es decir, podremos tener funcionalidades más allá del estándar para acceder, por ejemplo, a alguna opciones del sistema. Dentro de lo que es PhoneGap, también encontraremos librerías nativas que funcionan como una especie de “puente” entre el código JavaScript y cada una de las plataformas nativas, esto les da a los desarrolladores un elemento extra para ir un paso más allá con sus aplicaciones y saltar limitaciones impuestas.
Con PhoneGap es posible también conocer la versión del sistema operativo del dispositivo. A traves del metodo device.version se puede obtener esta información de versión, algo especialmente útil con sistemas operativos como Android que tiene una base de usuarios muy diversa y distribuida en muchas diferentes versiones de sistema operativo.
El siguiente ejemplo muestra la versión y código del sistema operativo Android del usuario:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio 11.1</title>
<meta charset=”utf-8″>
<script type=”text/javascript” charset=”utf-8″
src=”cordova.js”></script>
<script>
document.addEventListener(“deviceready”,
onDeviceReady, false);
function onDeviceReady(){
/* crea las variables que seran actualizadas segun
la informacion del sistema*/
var sistemaOperativo
var numeroVersion;
if (device.platform == “Android”){
sistemaOperativo = “Android”;
switch (device.version){
case “2.1”:
numeroVersion = “Eclair”;
break;
case “2.2”:
numeroVersion = “Froyo”;
break;
case “2.3”:
numeroVersion = “Gingerbread”;
break;
case “3.0”:
numeroVersion = “Honeycomb”;
break;
case “4.0”:
numeroVersion = “Ice Cream
Sandwich”;
break;
case “4.1”:
numeroVersion = “Jelly Bean”;
break;
}
} else if (device.platform == “iPhone” ||
device.platform == “iPhone Simulator”){
sistemaOperativo = “iOS”;
numeroVersion = device.version;
}
/*selecciona el div “informacion” y le asigna
contenido */
document.getElementById(“informacion”).innerHTML =
“Estás usando: ” + sistemaOperativo + ” con la version:
” + numeroVersion ;
}
</script>
</head>
<body>
<h1 id=”informacion”></h1>
</body>
</html>