android - plugin - PhoneGap-Detecta el tipo de dispositivo en phonegap

cordova-plugin-network-information

Question

Estoy construyendo una aplicación en phonegap para las tres plataformas diferentes: Android, iOS y Blackberry. Mientras lo hago, tengo que detectar el tipo de dispositivo para poder administrar el alto y el ancho de mi aplicación en diferentes plataformas y para diferentes dispositivos como Android Phone, Android Tablet, iPhone, iPad y Blackberry ...

Answer 1

CIERTAMENTE NO usaría el tipo de dispositivo al diseñar una página, el diseño debería basarse solo en el tamaño de la pantalla

puedes usar las propiedades de JavaScript:

width = window.innerWidth
height = window.innerHeight

o usa CSS:

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

ver vmin, vmax, vh, vw

Answer 2

Lo nuevo en Phonegap, y lo más simple, es que puedes usar device.platform:

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

Answer 3

Puede consultar el siguiente enlace: http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html

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

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

No estoy seguro de si podrá detectar si está en un teléfono o tableta Android ... De todos modos, sus aplicaciones html deberían ser capaces de manejar cualquier resolución de pantalla. ¡También puede tener diferentes resoluciones en los teléfonos!

Answer 4

Si necesita esta información porque está tratando de formatear la pantalla correctamente, debe usar CSS @media queries para determinar el diseño de pantalla apropiado y aplicar CSS en consecuencia.

Use Google para buscar información sobre "diseño receptivo con CSS"

Answer 5

puede usar la propiedad device.name para obtener la información detallada sobre el dispositivo.

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

o para obtener solo la plataforma, puede usar la propiedad device.platform.

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

Answer 6

usa este código como tu 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 ...

Te sugiero que compruebes esto en el dispositivo Best Of Luck Aamirkhan I.

Answer 7

si desea obtener el tipo de dispositivo antes de enDeviceReady, puede obtenerlo 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);

Answer 8

cordova.platformId
// "android"

Answer 9

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;
}

Consulte aquí para device.platform