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