PhoneGap – Détecte le type de périphérique dans phonegap

Je construis une application dans phonegap pour les trois plates-formes différentes: Android, iOS et Blackberry. Ce faisant, je dois détecter le type d’appareil pour pouvoir gérer la hauteur et la largeur de mon application sur différentes plates-formes et pour différents appareils tels que Android Phone, Android Tablet, iPhone, iPad et Blackberry …

    Nouveau dans Phonegap, et le plus simple, c’est que vous pouvez utiliser le device.platform:

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

    Vous pouvez utiliser la propriété device.name pour obtenir des informations détaillées sur le périphérique.

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

    ou pour obtenir uniquement la plate-forme, vous pouvez utiliser la propriété device.platform.

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

    utiliser ce code comme fichier HTML

    Exemple de propriétés de périphérique

       

    Chargement des propriétés de l’appareil …

    Je vous suggère de vérifier cela dans l’appareil Best Of Luck Aamirkhan I.

    Vous pouvez consulter le lien suivant: http://docs.phonegap.com/en/1.0.0/phonegap_device_device.md.html

    Il existe plusieurs méthodes pour obtenir des informations sur les périphériques à partir de phonegap.

    Une autre option consiste à examiner le type de navigateur. (IE = WP7, Safari = iOS, …)

    Je ne sais pas si vous serez en mesure de détecter si vous êtes sur un téléphone ou une tablette Android … Quoi qu’il en soit, vos applications html devraient être capables de gérer n’importe quelle résolution d’écran. Vous pouvez avoir différentes résolutions sur les téléphones aussi!

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

    Voir ici pour device.platform

    Si vous avez besoin de ces informations parce que vous essayez de formater l’écran correctement, vous devez utiliser les requêtes CSS @media pour déterminer la disposition d’écran appropriée et appliquer le CSS en conséquence.

    Utilisez Google pour trouver des informations sur le “responsive design with CSS”

    Je ne voudrais certainement pas utiliser le type d’appareil lors de la mise en page, la mise en page doit être basée uniquement sur la taille de l’écran

    vous pouvez utiliser les propriétés javascript:

     width = window.innerWidth height = window.innerHeight 

    ou utilisez CSS:

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

    voir vmin, vmax, vh, vw