JavaScript veya jQuery ile Mac OS X veya Windows bilgisayarları algılamanın en iyi yolu

Bu yüzden, kullanıcı Mac'teyken "kapat" düğmesini sol tarafa ve kullanıcı PC'deyken sağ tarafa taşımaya çalışıyorum. Şimdi bunu kullanıcı aracısını inceleyerek yapıyorum, ancak güvenilir işletim sistemi tespiti için çok kolay bir şekilde yanıltılabilir. Tarayıcının çalıştığı işletim sisteminin Mac OS X mi yoksa Windows mu olduğunu tespit etmenin kesin bir yolu var mı? Değilse, kullanıcı aracısının koklamasından daha iyi ne olabilir?

Window.navigator.platform userAgent dize değiştiğinde özelliği sahte değildir. UserAgent'ı iPhone veya Chrome Windows olarak değiştirirsem Mac'imde test ettim, navigator.platform , MacIntel olarak kalır.

Özellik ayrıca salt okunurdur

Aşağıdaki tablo ile gelebilirim

Mac Bilgisayarlar

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

iOS Cihazları

iPhone iPhone.
iPod ipod touch.
iPad iPad.

Modern mac'ler geri dönüyor, navigator.platform == "MacIntel"ancak bazı "geleceğe yönelik kanıtlar" sağlamak için tam eşleme kullanmıyorlar, umarım benzer bir şeye MacARMveya MacQuantumgelecekte değişeceklerdir .

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

"Sol tarafı" da kullanan iOS'u dahil etmek için

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>

Çoğu işletim sistemi sağdaki kapat düğmesini kullandığından, kullanıcı MacLike OS üzerindeyken kapat düğmesini sola hareket ettirebilirsiniz, aksi takdirde en yaygın taraf olan sağa koyarsanız sorun olmaz.

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/

Bu kadar basit:

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

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

Daha sonra şöyle komik şeyler yapabilirsiniz:

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

Aradığınız bu mu? Aksi takdirde bana bildirin, bu gönderiyi kaldırırım.

Bu jQuery eklentisini deneyin: http://archive.plugins.jquery.com/project/client-detect

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

Bu, jQuery tarayıcı / işletim sistemi algılama eklentisi için tuhaf mod BrowserDetect'e dayanmaktadır.

Meraklı okuyucular için:
http://www.stoimen.com/blog/2009/07/16/jquery-browser-and-os-detection-plugin/
http://www.quirksmode.org/js/support.html

Ve eklenti etrafında daha fazla kod burada bulunur: http://www.stoimen.com/jquery.client.plugin/jquery.client.js

Bunun işe yarayıp yaramadığını bana bildirin. StackOverflow.com'un yardımıyla bir Apple cihazını (Mac bilgisayarlar, iPhone'lar vb.) Tespit etmenin yolu :
Navigator.platform için bugün itibariyle olası değerlerin listesi nedir?

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
}