Cách tốt nhất để phát hiện máy tính Mac OS X hoặc Windows bằng JavaScript hoặc jQuery

Vì vậy, tôi đang cố gắng di chuyển nút "đóng" sang bên trái khi người dùng sử dụng Mac và sang bên phải khi người dùng đang sử dụng PC. Bây giờ tôi đang làm điều đó bằng cách kiểm tra tác nhân người dùng, nhưng nó có thể bị giả mạo quá dễ dàng để phát hiện hệ điều hành đáng tin cậy. Có cách nào chắc chắn để phát hiện xem hệ điều hành mà trình duyệt đang chạy là Mac OS X hay Windows? Nếu không, còn gì tốt hơn việc đánh hơi tác nhân người dùng?

Các window.navigator.platform bất động sản không được giả mạo khi chuỗi UserAgent được thay đổi. Tôi đã thử nghiệm trên máy Mac của mình nếu tôi thay đổi userAgent thành iPhone hoặc Chrome Windows, thì Navigator.platform vẫn là MacIntel.

Thuộc tính cũng ở chế độ chỉ đọc

Tôi có thể nghĩ ra bảng sau

Máy tính Mac

Mac68K Hệ thống Macintosh 68K.
MacPPC Hệ thống Macintosh PowerPC.
MacIntel Hệ thống Macintosh Intel.

Thiết bị iOS

iPhone điện thoại Iphone.
iPod iPod Touch.
iPad iPad.

Mac hiện đại quay trở lại navigator.platform == "MacIntel"nhưng để đưa ra một số "bằng chứng trong tương lai" không sử dụng đối sánh chính xác, hy vọng chúng sẽ thay đổi thành một cái gì đó tương tự MacARMhoặc MacQuantumtrong tương lai.

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

Để bao gồm iOS cũng sử dụng "phía bên trái"

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>

Vì hầu hết các hệ điều hành sử dụng nút đóng ở bên phải, bạn chỉ có thể di chuyển nút đóng sang bên trái khi người dùng đang sử dụng MacLike OS, nếu không thì không thành vấn đề nếu bạn đặt nó ở phía phổ biến nhất, bên phải.

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/

Nó đơn giản như vậy:

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

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

Bạn có thể làm những điều vui nhộn sau đó như:

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

Đây có phải là những gì bạn đang tìm kiếm? Nếu không, hãy cho tôi biết và tôi sẽ xóa bài đăng này.

Hãy thử plugin jQuery này: http://archive.plugins.jquery.com/project/client-detect

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

Điều này dựa trên trình duyệt quirksmode BrowserDetect một gói cho trình duyệt jQuery / plugin phát hiện hệ điều hành.

Dành cho người đọc quan tâm:
http://www.stoimen.com/blog/2009/07/16/jquery-browser-and-os-detection-plugin/
http://www.quirksmode.org/js/support.html

Và nhiều mã khác xung quanh plugin nằm ở đây: http://www.stoimen.com/jquery.client.plugin/jquery.client.js

Hãy cho tôi biết nếu các công trình này. Cách phát hiện thiết bị Apple (máy tính Mac, iPhone, v.v.) với sự trợ giúp từ StackOverflow.com :
Danh sách các giá trị có thể có cho Navigator.platform tính đến ngày hôm nay là gì?

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
}