La détection iOS / Android système d'Exploitation

J'ai fait quelques recherches, et cette question a été soulevée, mais pas de la façon que je le voudrais. Je suis en train de construire une page pour un client qui est un code QR à l'atterrissage, qui est un lieu de télécharger une application. Donc, il n'a pas d'imprimer les 2 codes QR sur une page, je tiens à détecter le système d'exploitation (Apple/Android/Autres[non pris en charge]) et modifier mes éléments en fonction de cette valeur.

J'ai regardé le script "detectmobilebrowsers" et c'est seulement destiné à dire si oui ou non l'utilisateur est mobile à tous, alors que je voudrais comprendre ce système d'exploitation, l'utilisateur est en cours d'exécution et vous proposer la meilleure version de l'application.

D'autres réponses que j'ai trouvé de similaire à cette question semblait obsolète ou peu fiables (n'a pas de détection pour tablette Android navigateurs), je suis donc à la recherche de quelque chose de nouveau. Comment puis-je y parvenir? (De préférence à l'aide de jQuery - Javascript - PHP dans cet ordre).

L'agent utilisateur ne veut pas vous dire ce que vous devez savoir?
Ce problème a déjà été résolu ici : stackoverflow.com/questions/3514784/...
qui décrit si l'utilisateur est mobile, pas le système d'exploitation qu'ils sont en cours d'exécution. Babak, serait quelque chose comme navigateur.la plate-forme soit la solution? Je suis familier avec les agents utilisateurs. Comment puis-je m'assurer qu'il va travailler pour TOUS les appareils android quelle que soit la version?
Il n'y a aucune garantie pour le détecter, depuis l'agent de l'utilisateur est la seule chose que vous pouvez aller sur. Vérifiez ici pour plus d'infos... whatsmyos.com
Lozada : Sur la a accepté de répondre, ils se sont contentés de tester si c'est un iPhone, un iPod, un appareil Android ou que ce soit pour renvoyer la valeur true. Il suffit de garder ceux que vous voulez, par exemple if( /Android/i.test(navigator.userAgent) ) { // some code.. } sera de retour vrai que pour Android user-agents.
merci. Je crois que c'est assez différent de la situation d'avoir une réponse, surtout pour les gens comme moi qui ne sont pas très bons à la compréhension regexes/lumière sur javascript connaissances. Si vous souhaitez faire de votre commentaire une réponse que j'avais l'accepter comme réponse. De toute façon, à partir de la lecture il ne ressemble pas à userAgents les plus fiables sont les choses - mais je suppose que c'est le meilleur cours de l'action?
Voici une liste des agents utilisateurs pour vous de assurez-vous que vous couvrez toutes vos cible les navigateurs mobiles
double possible de Détecter si le navigateur est en cours d'exécution sur un appareil Android ou iOS

InformationsquelleAutor Alexander Lozada | 2014-02-12

307

Vous pouvez tester la chaîne de l'agent utilisateur:
```
/**
 * Determine the mobile operating system.
 * This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'.
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

      //Windows Phone must come first because its UA also contains "Android"
    if (/windows phone/i.test(userAgent)) {
        return "Windows Phone";
    }

    if (/android/i.test(userAgent)) {
        return "Android";
    }

    //iOS detection from: http://stackoverflow.com/a/9039885/177710
    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        return "iOS";
    }

    return "unknown";
}
```
- Et l'OP peut consulter cette liste dans le cas où votre test doit être modifié
- Génial. À l'aide de google Chrome mobile en mode u peut le tester sur les navigateurs de bureau.
- Microsoft a malheureusement ajouté Android à leur Bord du navigateur chaîne userAgent ce test ne fonctionnera pas pour de nombreux Téléphones Windows: msdn.microsoft.com/en-us/library/hh869301(v=vs. 85).aspx
- C'est pourquoi on ne doit pas s'appuyer sur la détection de Client, mais sur la détection de fonctionnalité.
- parfois, la fonctionnalité est quelque chose comme le fait de pouvoir installer les apk, ce qui n'est pas possible de les détecter.
- J'ai ajouté else if (userAgent.match(/Windows Phone/i)) { return 'WindowsPhone'; } avant Android else if pour détecter les Windows Phone. Jusqu'à présent, semble fonctionner correctement.
- À partir de stackoverflow.com/a/9039885/177710: dans la case pour iOS nous devons également vérifier !window.MSStream pour éviter IE11 étant comptés comme iOS 😉
InformationsquelleAutor feeela

Solution 1: L'Utilisateur De L'Agent Sniffing

Pour Android et iPhone:

if( /Android|webOS|iPhone|iPad|iPod|Opera Mini/i.test(navigator.userAgent) ) {
 //run your code here
}

Si vous voulez détecter tous les appareils mobiles, y compris le blackberry et Windows phone, alors vous pouvez utiliser cette version:

var deviceIsMobile = false; //At the beginning we set this flag as false. If we can detect the device is a mobile device in the next line, then we set it as true.


if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) 
    || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) {
   deviceIsMobile = true;
}

if(deviceIsMobile){
    //run your code here
}

Contre: l'agent Utilisateur chaînes sont en train de changer et obtenir des mises à jour que les nouveaux téléphones et les marques sont à venir de jour en jour. Si vous avez besoin de garder cette liste à jour si vous voulez soutenir tous les appareils mobiles.

Solution 2: mobile détecter bibliothèque JS

Vous pouvez utiliser le mobile détecter bibliothèque JS pour ce faire.

Contre: Ces JavaScript-dispositif de détection de caractéristiques ne peuvent travailler que pour la nouvelle génération de smartphones, comme l'iPhone, Android et Palm WebOS. Ces appareils de détection de fonctionnalités peuvent ne PAS fonctionner pour les anciens smartphones qui avaient une mauvaise prise en charge de JavaScript, y compris les anciens BlackBerry, PalmOS, et les appareils Windows Mobile.

InformationsquelleAutor Iman Sedighi

4

Ce problème a déjà été résolu ici : Quel est le meilleur moyen de détecter un périphérique mobile en jQuery?.

Sur la accepté de répondre, ils se sont contentés de tester si c'est un iPhone, un iPod, un appareil Android ou que ce soit pour renvoyer la valeur true. Il suffit de garder ceux que vous voulez, par exemple if( /Android/i.test(navigator.userAgent) ) { //some code.. } sera de retour vrai que pour Android user-agents.

Toutefois, les agents utilisateurs ne sont pas vraiment fiables, car ils peuvent être changé. La meilleure chose est encore à développer quelque chose d'universel pour toutes les plates-formes mobiles.
- Si c'est en jQuery que c'est différent de la vanille, JS. Il pourrait aussi bien être dans C.
InformationsquelleAutor gretro
3

On peut utiliser navigator.plate-forme pour obtenir le système d'exploitation sur lequel le navigateur est installé.
```
function getPlatform(){
 var platform=["Win32","Android","iOS"];
 for(var i=0;i<platform.length;i++){
   if(navigator.platform.indexOf(platform[i])>-1){
      return platform[i];
   }
 }
}
getPlatform();
```
- Sur un Samsung Galaxy Grand Prime, je suis en train de tester maintenant, navigator.plate-forme renvoie "Linux armv7l"
InformationsquelleAutor AKASH KHATRI

Vous pouvez également Réaliser cela avec l'agent utilisateur sur php:

$userAgent = strtolower($_SERVER['HTTP_USER_AGENT']);

if(stripos($userAgent,'android') !== false) { //&& stripos($userAgent,'mobile') !== false) {
  header('Location: http://oursite.com/download/yourApp.apk');

exit();

}

InformationsquelleAutor Hamed Yarandi

1

Vous pouvez également créer Firbase des liens Dynamiques qui va travailler pour votre condition. Il prend en charge de multiples plates-formes. Ce lien peut être créé manuellement, ainsi que par la programmation. Vous pouvez ensuite intégrer ce lien dans QR code.

Si l'application cible est installé, le lien va rediriger l'utilisateur de l'app. Si elle n'est pas installé, il vous redirigera vers le Play Store/App store/Toute autre configuré site web.
- C'est par la google
InformationsquelleAutor Sagar
1

Si vous êtes à l'aide de Réagir Js pour votre site web, utilisez https://www.npmjs.com/package/react-device-detect
- Notez que c'est un peu lourd à l'importation (~23 kb) pour vérifier simplement iOS vs Android.
- vrai. Avec le recul, je ne voudrais pas le faire pour garder mon build de la lumière. Mais ça a aidé à obtenir des choses de travail.
InformationsquelleAutor Kira

À l'aide de l'cordova-appareil-plugin, vous pouvez détecter

device.platform

sera "Android" pour android, et "windows" pour windows. Travaux sur l'appareil, et lors de la simulation sur navigateur. Voici un toast qui affichera le périphérique valeurs:

    window.plugins.toast.showLongTop(
    'Cordova:     ' + device.cordova + '\n' +
    'Model:       ' + device.model + '\n' +
    'Platform:    ' + device.platform + '\n' +
    'UUID:        ' + '\n' +
                      device.uuid + '\n' +
    'Version:     ' + device.version + '\n' +
    'Manufacturer ' + device.manufacturer + '\n' +
    'isVirtual    ' + device.isVirtual + '\n' +
    'Serial       ' + device.serial);

InformationsquelleAutor pollaris

Vous devez vous connecter pour publier un commentaire.