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 …
- Phonegap: Clasificación de la lista de contactos
- Obtener la fuerza de la conexión en Phonegap
- Planificación de un complemento de cámara cordova con imagen de superposición transparente
- Plugin de geolocalización de Phonegap no agrega para android
- Android / PhoneGap: Uso de bibliotecas de terceros en el desarrollo de plugins
- Phonegap Build CLI-5.2.0 Descargar y cerrar desde dentro de la aplicación Web
- Obtener la ruta absoluta a la carpeta de activos en PhoneGap
- No se pudo encontrar com.parse.bolts: bolts-android: 1.1.2. En el proyecto de la brecha del teléfono (estudio del androide)?
- Aplicación Phonegap de Android: llevar la actividad al frente
- Biblioteca, que es depdendency de otra biblioteca, no reconocido en cordova ejecutar android
- No se puede acceder al archivo php desde otro dominio
- La jarra de Córdoba falta en la brecha telefónica 3.5.0
- ¿Cuáles son los complementos Phonegap innecesarios para eliminarlos en la aplicación?
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
- Android: crea una notificación, TaskStackBuilder.addParentStack no funciona
- Ventana emergente sobre la pantalla de llamada entrante nativa de Android, como la aplicación de llamador verdadero para Android