PhoneGap – Detecta el tipo de dispositivo en la brecha telefónica

Estoy construyendo una aplicación en el teléfono para las tres plataformas diferentes: Android, iOS y Blackberry. Al hacerlo, tengo que detectar el tipo de dispositivo para que pueda administrar la altura y el ancho de mi aplicación en diferentes plataformas y para diferentes dispositivos como Android Phone, Android Tablet, iPhone, iPad y Blackberry …

Si desea obtener el tipo de dispositivo antes onDeviceReady, puede obtener de esta manera.

var deviceType = (navigator.userAgent.match(/iPad/i)) == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i)) == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "null"; alert(deviceType); 

Nuevo en Phonegap, y el más simple, es que usted puede utilizar el device.platform:

 // Depending on the device, a few examples are: // - "Android" // - "BlackBerry" // - "iOS" // - "webOS" // - "WinCE" // - "Tizen" var devicePlatform = device.platform; 
 cordova.platformId // "android" 

Puede utilizar la propiedad device.name para obtener información detallada sobre el dispositivo.

  function onDeviceReady() { var name=device.name ; } 

O para obtener sólo la plataforma se puede utilizar device.platform propiedad.

  function onDeviceReady() { var name=device.name ; var plat=device.platform; } 

Utilizar este código como ur archivo html

Ejemplo de propiedades del dispositivo

 <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script> <script type="text/javascript" charset="utf-8"> // Wait for PhoneGap to load // document.addEventListener("deviceready", onDeviceReady, false); // PhoneGap is ready // function onDeviceReady() { var element = document.getElementById('deviceProperties'); element.innerHTML = 'Device Name: ' + device.name + '<br />' + 'Device PhoneGap: ' + device.phonegap + '<br />' + 'Device Platform: ' + device.platform + '<br />' + 'Device UUID: ' + device.uuid + '<br />' + 'Device Version: ' + device.version + '<br />'; } </script> 

Cargando las propiedades del dispositivo …

Le sugiero que compruebe esto en el dispositivo Best Of Luck Aamirkhan I.

Puedes echar un vistazo al siguiente enlace: http://docs.phonegap.com/es/1.0.0/phonegap_device_device.md.html

Existen varios métodos para obtener información de dispositivo de phonegap.

Otra opción es echar un vistazo al tipo de navegador. (IE = WP7, Safari = iOS, …)

No estoy seguro si usted será capaz de detectar si usted está en un teléfono Android o tableta … De todos modos sus aplicaciones html debe ser capaz de manejar cualquier resolución de pantalla. Usted puede tener diferentes resoluciones en los teléfonos también!

 function onDeviceReady() { // ***IMPORTANT: access device object only AFTER "deviceready" event document.getElementById("name").innerHTML = device.name; document.getElementById("pgversion").innerHTML = device.cordova ? device.cordov:device.phonegap; document.getElementById("platform").innerHTML = device.platform; document.getElementById("uuid").innerHTML = device.uuid; document.getElementById("version").innerHTML = device.version; } 

Vea aquí para device.platform

Si necesita esta información porque está intentando formatear la pantalla correctamente, debería usar las consultas CSS @media para determinar el diseño de pantalla adecuado y aplicar CSS en consecuencia.

Utilice Google para encontrar información sobre "diseño responsivo con CSS"

Yo sin duda no utilizar el tipo de dispositivo al establecer una página, el diseño debe basarse en el tamaño de la pantalla sólo

Puede utilizar las propiedades javascript:

 width = window.innerWidth height = window.innerHeight 

O utilizar CSS:

 .element{ height: 50vh; //(height = 50 percent of screen) } 

Ver vmín, vmáx, vh, vw

  • Facebook Login en PhoneGap, no pasa nada
  • Cómo utilizar los complementos phonegap en nuestro proyecto android
  • Cordova CLI Phone Gap Aplicación navigator.app.exit Función no funciona
  • Phonegap ChildBrowser plugin: Desactivar / Ocultar URL en la barra de ubicación, pero NO botones de atrás / adelante / salida
  • Agregar complementos de Cordova / Phonegap detrás de un proxy
  • Cordova / PhoneGap Plugin Desarrollo de flujo de trabajo para Android
  • Ampliación de plugins cordova existentes / módulos phonegap
  • Cordova_plugins.js no se actualiza después de agregar un nuevo complemento
  • Phonegap - ¿Cómo generar un archivo de imagen de cadena base64?
  • Cómo seleccionar el video de la galería en el teléfono?
  • Durante la instalación Cordova (PhoneGap) estoy recibiendo advertencia como "npm WARN motor Cordova-js @ 3. 8.0: wanted: ... "
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.