jQuery/Javascript pour détecter OS sans plugin?

Je suis à la recherche d'un moyen de détecter le système d'exploitation pour une page de téléchargements à l'aide de jQuery ou Javascript pour recommander des fichiers pour Mac vs Windows. J'espérais le faire sans l'ajout d'un autre plugin pour ma page.

InformationsquelleAutor Tim Withers | 2011-08-12
  1. 56

    Essayer:

    var os = navigator.platform;

    Puis de gérer le système d'exploitation variable en fonction de vos résultats.

    Vous pouvez également parcourir chaque objet de la navigator objet de vous aider à être plus familiarisés avec les objets:

    <script type="text/javascript">
for(var i in navigator){
    console.log(i+"="+navigator[i]+'<br>');
}
</script>
    InformationsquelleAutor RobB
  2. 31

    Plaine JavaScript peut être tout ce dont vous avez besoin. 

    var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

document.write('Your OS: '+OSName);

    Que Nick a suggéré que vous pourriez utiliser navigator.platform ainsi.

    InformationsquelleAutor Shawn
  3. 13

    Autant que je sache, le platform est le moins que l'usurpation de propriété sur l'Objet navigator.
    Vous pouvez l'utiliser pour obtenir des booléens.

    var isMac = navigator.platform.toUpperCase().indexOf('MAC')!==-1;
var isWindows = navigator.platform.toUpperCase().indexOf('WIN')!==-1;
var isLinux = navigator.platform.toUpperCase().indexOf('LINUX')!==-1;

    Si vous avez besoin de différencier les Macs entre le vieux PowerPc et Intel.

    var isMacPpc=navigator.platform==="MacPPC";
var isMacIntel=navigator.platform==="MacIntel";

    https://developer.mozilla.org/en/DOM/window.navigator.platform

    InformationsquelleAutor Vitim.us
  4. 6

    Essayer:

    alert(navigator.appVersion);

    Qui devrait vous donner une chaîne de caractères que vous pouvez analyser pour le système d'exploitation.

    InformationsquelleAutor davecoulter
  5. 5
    <script>

osName = 'Unknown';

function nav(x, y, z) {
    z = z || y;
    if (navigator[x] && navigator[x].indexOf(y) !== -1) {
        osName = z;
    }
}

/*   navigator     value     download  */
nav( "appVersion", "X11",    "UNIX"    );
nav( "appVersion", "Mac",    "MacOS"   );
nav( "appVersion", "Linux"             );
nav( "userAgent",  "Linux"             );
nav( "platform",   "Linux"             );
nav( "appVersion", "Win",    "Windows" );
nav( "userAgent",  "Windows"           );
nav( "platform",   "Win",    "Windows" );
nav( "oscpu",      "Windows"           );

document.getElementById("download"+osName).className = "knownOS";

</script>

    Assurez-vous que le bon lien de téléchargement est facile à trouver, mais sans cacher les autres OS liens. Le peuple peut encore le vouloir.

    <style>

#downloadUNIX, #downloadMacOS, #downloadLinux, #downloadWindows {
    color:#6D94F2;
    line-height:35px;
    margin:24px 0 24px 0;
    padding:10px;
}
.knownOS {
    background-color:#F7ECAD !important;
    border:2px solid #E8913A;
    color:#133CC4 !important;
    font-weight:bold;
}

</style>

    Et html

    <ul>
    <li><a id="downloadUNIX"    href="unix Link Here"   >Download Napster-9000 for UNIX</a></li>
    <li><a id="downloadWindows" href="windows Link Here">Download Napster-9000 for Windows</a></li>
    <li><a id="downloadMacOS"   href="mac os link here" >Download Napster-9000 for OS X</a></li>
    <li><a id="downloadLinux"   href="linux Link Here"  >Download Napster-9000 for Linux</a></li>
</ul>

    Maintenant, l'utilisateur peut désactiver ou bloquer le javascript s'il le veut. Les liens seront toujours là, plutôt que d'écrire les liens avec le Javascript, ce qui nécessite javascript pour fonctionner.

    Ici est un violon

    http://jsfiddle.net/7fmJb/

    InformationsquelleAutor gaby de wilde
  6. 0

    Vous pouvez utiliser cette fonction à l'intérieur de document prêt de la fonction. Ajouter le code à l'intérieur de la fonction de votre événement.

    function checkOperatingSystem()
{
    var  userAgent = navigator.userAgent || navigator.vendor || window.opera;

    //Check mobile device is Android
    if (/android/i.test(userAgent)) {
        //Add your Code here
    }

    //Check mobile device is IOS
    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
        //Add your Code here
    }

    //Check device os is Windows (For Laptop and PC)
    if (navigator.appVersion.indexOf("Win")!=-1)
    {
        //Add your Code here
    }

    //Check device os is MAC (For Laptop and PC)
    if (navigator.appVersion.indexOf("Mac")!=-1)
    {
        //Add your Code here
    }  
}
    InformationsquelleAutor Rohan Varma
  7. 0

    Je pense que cela pourrait aider:

    navigator.appVersion

    Essayer de consoler dans votre fichier JS.
    Par exemple:

    console.log(navigator.appVersion);

    Vous obtiendrez plus d'informations concernant les OS.

    InformationsquelleAutor rahim.nagori