Demo
Aqui se puede ver un código de muestra:
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Dispositivo</title>
</head>
<body>
<div class="app">
<h1>Dispositivo info</h1>
<ul id="listado">
<li>Versión de Cordova: <span id="cordova" class="info"></span></li>
<li>Modelo del dispositivo: <span id="model" class="info"></span></li>
<li>Sistema del dispositivo: <span id="platform" class="info"></span></li>
<li>Versión UUID: <span id="uuid" class="info"></span></li>
<li>Versión de SO: <span id="version" class="info"></span></li>
</ul>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
//imprescindible el manejador
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady(){
//llamadas de dispositivo
var cordova = device.cordova;
var model = device.model;
var name = device.name;//DEPRECATED!!!!
var platform = device.platform;
var uuid = device.uuid;
var version = device.version;
//mostrar la informacion
$("#cordova").html(cordova);
$("#model").html(model);
$("#platform").html(platform);
$("#uuid").html(uuid);
$("#version").html(version) ;
}
});
</script>
</body>
</html>El vídeo de demostración: