Der beste Weg, um Mac OS X- oder Windows-Computer mit JavaScript oder jQuery zu erkennen

Ich versuche also, eine Schaltfläche zum Schließen auf die linke Seite zu verschieben, wenn sich der Benutzer auf einem Mac befindet, und auf die rechte Seite, wenn sich der Benutzer auf einem PC befindet. Jetzt untersuche ich den Benutzeragenten, aber er kann für eine zuverlässige Betriebssystemerkennung zu leicht gefälscht werden. Gibt es eine todsichere Möglichkeit, festzustellen, ob das Betriebssystem, auf dem der Browser ausgeführt wird, Mac OS X oder Windows ist? Wenn nicht, was ist besser als das Schnüffeln von Benutzeragenten?

Die Eigenschaft window.navigator.platform wird nicht gefälscht, wenn die Zeichenfolge userAgent geändert wird. Ich habe auf meinem Mac getestet, ob ich den userAgent auf iPhone oder Chrome Windows ändere. Navigator.platform bleibt MacIntel.

Die Eigenschaft ist auch schreibgeschützt

Ich könnte mir die folgende Tabelle einfallen lassen

Mac-Computer

Mac68K Macintosh 68K-System.
MacPPC Macintosh PowerPC-System.
MacIntel Macintosh Intel-System.

iOS-Geräte

iPhone iPhone.
iPod IPod Touch.
iPad iPad.

Moderne Macs kehren zurück, navigator.platform == "MacIntel"aber um einen "Zukunftssicher" zu geben, verwenden Sie keine exakte Übereinstimmung. Hoffentlich ändern sie sich zu etwas wie MacARModer MacQuantumin Zukunft.

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

Um iOS einzuschließen, das auch die "linke Seite" verwendet

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>

Da die meisten Betriebssysteme die Schaltfläche zum Schließen auf der rechten Seite verwenden, können Sie die Schaltfläche zum Schließen einfach nach links verschieben, wenn sich der Benutzer unter einem MacLike-Betriebssystem befindet. Andernfalls ist dies kein Problem, wenn Sie sie auf die häufigste Seite, rechts, stellen.

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/

So einfach ist das:

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

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

Sie können dann lustige Dinge tun wie:

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

Suchst du danach? Ansonsten lass es mich wissen und ich werde diesen Beitrag entfernen.

Probieren Sie dieses jQuery-Plugin aus: http://archive.plugins.jquery.com/project/client-detect

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

Dies basiert auf quirksmode BrowserDetect ein Wrap für jQuery Browser / OS-Erkennungs-Plugin.

Für begeisterte Leser:
http://www.stoimen.com/blog/2009/07/16/jquery-browser-and-os-detection-plugin/
http://www.quirksmode.org/js/support.html

Weitere Codes rund um das Plugin finden Sie hier: http://www.stoimen.com/jquery.client.plugin/jquery.client.js

Lassen Sie mich wissen, ob dies funktioniert. So erkennen Sie ein Apple-Gerät (Mac-Computer, iPhones usw.) mithilfe von StackOverflow.com :
Wie lautet die Liste der möglichen Werte für navigator.platform ab heute?

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
}