Cara terbaik untuk mendeteksi komputer Mac OS X atau Windows dengan JavaScript atau jQuery

Jadi saya mencoba untuk memindahkan tombol "tutup" ke sisi kiri saat pengguna menggunakan Mac dan sisi kanan saat pengguna menggunakan PC. Sekarang saya melakukannya dengan memeriksa agen pengguna, tetapi itu dapat dengan mudah dipalsukan untuk deteksi OS yang andal. Adakah cara yang pasti untuk mendeteksi apakah OS yang menjalankan browser adalah Mac OS X atau Windows? Jika tidak, apa yang lebih baik daripada mengendus agen pengguna?

The window.navigator.platform properti tidak palsu ketika string useragent berubah. Saya menguji di Mac saya jika saya mengubah userAgent ke iPhone atau Chrome Windows, navigator.platform tetap MacIntel.

Properti ini juga hanya-baca

Saya bisa membuat tabel berikut

Komputer Mac

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

Perangkat iOS

iPhone iPhone.
iPod iPod Touch.
iPad iPad.

Mac modern kembali navigator.platform == "MacIntel"tetapi untuk memberikan beberapa "bukti masa depan" jangan gunakan pencocokan persis, mudah-mudahan mereka akan berubah menjadi seperti MacARMatau MacQuantumdi masa mendatang.

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

Untuk menyertakan iOS yang juga menggunakan "sisi kiri"

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>

Karena sebagian besar OS menggunakan tombol tutup di sebelah kanan, Anda dapat memindahkan tombol tutup ke kiri saat pengguna menggunakan MacLike OS, jika tidak, tidak masalah jika Anda meletakkannya di sisi yang paling umum, kanan.

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/

Sesederhana itu:

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

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

Anda bisa melakukan hal-hal lucu seperti:

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

Apa ini yang kamu cari? Jika tidak, beri tahu saya dan saya akan menghapus postingan ini.

Coba plugin jQuery ini: http://archive.plugins.jquery.com/project/client-detect

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

Ini didasarkan pada quirksmode BrowserDetect a wrap untuk plugin deteksi jQuery browser / os.

Untuk pembaca yang tajam:
http://www.stoimen.com/blog/2009/07/16/jquery-browser-and-os-detection-plugin/
http://www.quirksmode.org/js/support.html

Dan lebih banyak kode di sekitar plugin berada di sini: http://www.stoimen.com/jquery.client.plugin/jquery.client.js

Beri tahu saya jika ini berhasil. Cara untuk mendeteksi perangkat Apple (komputer Mac, iPhone, dll.) Dengan bantuan dari StackOverflow.com :
Apa daftar nilai yang mungkin untuk navigator.platform saat ini?

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
}