Il modo migliore per rilevare computer Mac OS X o Windows con JavaScript o jQuery

Quindi sto cercando di spostare un pulsante "chiudi" sul lato sinistro quando l'utente è su Mac e sul lato destro quando l'utente è su PC. Ora lo sto facendo esaminando l'agente utente, ma può essere falsificato troppo facilmente per un rilevamento affidabile del sistema operativo. Esiste un modo sicuro per rilevare se il sistema operativo su cui è in esecuzione il browser è Mac OS X o Windows? In caso contrario, cosa c'è di meglio dello sniffing dell'agente utente?

La proprietà window.navigator.platform non viene falsificata quando la stringa userAgent viene modificata. Ho provato sul mio Mac se cambio userAgent in iPhone o Chrome Windows, navigator.platform rimane MacIntel.

La proprietà è anche di sola lettura

Potrei inventare la seguente tabella

Computer Mac

Mac68K Sistema Macintosh 68K.
MacPPC Sistema Macintosh PowerPC.
MacIntel Sistema Intel Macintosh.

Dispositivi iOS

iPhone i phone.
iPod Ipod touch.
iPad iPad.

I mac moderni tornano, navigator.platform == "MacIntel"ma per dare una "prova futura" non usare la corrispondenza esatta, si spera che cambieranno in qualcosa di simile MacARMo MacQuantumin futuro.

var isMac = navigator.platform.toUpperCase().indexOf('MAC')>=0;

Per includere iOS che utilizzano anche il "lato sinistro"

var isMacLike = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
var isIOS = /(iPhone|iPod|iPad)/i.test(navigator.platform);

var is_OSX = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
var is_iOS = /(iPhone|iPod|iPad)/i.test(navigator.platform);

var is_Mac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
var is_iPhone = navigator.platform == "iPhone";
var is_iPod = navigator.platform == "iPod";
var is_iPad = navigator.platform == "iPad";

/* Output */
var out = document.getElementById('out');
if (!is_OSX) out.innerHTML += "This NOT a Mac or an iOS Device!";
if (is_Mac) out.innerHTML += "This is a Mac Computer!\n";
if (is_iOS) out.innerHTML += "You're using an iOS Device!\n";
if (is_iPhone) out.innerHTML += "This is an iPhone!";
if (is_iPod) out.innerHTML += "This is an iPod Touch!";
if (is_iPad) out.innerHTML += "This is an iPad!";
out.innerHTML += "\nPlatform: " + navigator.platform;

<pre id="out"></pre>

Poiché la maggior parte dei sistemi operativi utilizza il pulsante di chiusura a destra, puoi semplicemente spostare il pulsante di chiusura a sinistra quando l'utente è su un sistema operativo MacLike, altrimenti non è un problema se lo metti sul lato più comune, a destra.

setTimeout(test, 1000); //delay for demonstration

function test() {

  var mac = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);

  if (mac) {
    document.getElementById('close').classList.add("left");
  }
}

#window {
  position: absolute;
  margin: 1em;
  width: 300px;
  padding: 10px;
  border: 1px solid gray;
  background-color: #DDD;
  text-align: center;
  box-shadow: 0px 1px 3px #000;
}
#close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 22px;
  height: 22px;
  margin: -12px;
  box-shadow: 0px 1px 3px #000;
  background-color: #000;
  border: 2px solid #FFF;
  border-radius: 22px;
  color: #FFF;
  text-align: center;
  font: 14px"Comic Sans MS", Monaco;
}
#close.left{
  left: 0px;
}

<div id="window">
  <div id="close">x</div>
  <p>Hello!</p>
  <p>If the "close button" change to the left side</p>
  <p>you're on a Mac like system!</p>
</div>

http://www.nczonline.net/blog/2007/12/17/don-t-forget-navigator-platform/

E 'così semplice:

function isMacintosh() {
  return navigator.platform.indexOf('Mac') > -1
}

function isWindows() {
  return navigator.platform.indexOf('Win') > -1
}

Puoi fare cose divertenti come:

var isMac = isMacintosh();
var isPC = !isMacintosh();

E 'questo quello che stai cercando? Altrimenti, fammi sapere e rimuoverò questo post.

Prova questo plugin jQuery: http://archive.plugins.jquery.com/project/client-detect

Demo: http://www.stoimen.com/jquery.client.plugin/

Questo si basa su quirksmode BrowserDetect un wrap per il plug-in di rilevamento browser / sistema operativo jQuery.

Per i lettori appassionati:
http://www.stoimen.com/blog/2009/07/16/jquery-browser-and-os-detection-plugin/
http://www.quirksmode.org/js/support.html

E altro codice attorno al plugin risiede qui: http://www.stoimen.com/jquery.client.plugin/jquery.client.js

Fammi sapere se funziona. Modo per rilevare un dispositivo Apple (computer Mac, iPhone, ecc.) Con l'aiuto di StackOverflow.com :
qual è l'elenco dei possibili valori per navigator.platform a partire da oggi?

var deviceDetect = navigator.platform;
var appleDevicesArr = ['MacIntel', 'MacPPC', 'Mac68K', 'Macintosh', 'iPhone', 
'iPod', 'iPad', 'iPhone Simulator', 'iPod Simulator', 'iPad Simulator', 'Pike 
v7.6 release 92', 'Pike v7.8 release 517'];

// If on Apple device
if(appleDevicesArr.includes(deviceDetect)) {
    // Execute code
}
// If NOT on Apple device
else {
    // Execute code
}