JavaScript判斷是iOS還是Android

一、User-Agent字元串

在判斷iOS或Android設備時，我們可以通過檢查瀏覽器發送給伺服器的User-Agent字元串來判斷。在這個字元串中，通常包含操作系統名稱和版本，以及瀏覽器名稱和版本。

使用navigator.userAgent獲取User-Agent字元串:

var ua = navigator.userAgent;
console.log(ua);

在這個字元串中，如果包含”iPhone”或”iPad”這些關鍵字，我們就可以判定是iOS設備。

if (/iPhone|iPad/.test(ua)) {
  console.log('This is a iOS device');
} else if (/Android/.test(ua)) {
  console.log('This is an Android device');
} else {
  console.log('This device is not iOS or Android');
}

二、特定API

除了解析User-Agent字元串以外，我們還可以使用特定的API來獲取當前設備的操作系統信息。

1. iOS下特定API

在iOS上，我們可以使用以下代碼來判斷：

if (/iPad|iPhone|iPod/.test(navigator.platform)) {
  console.log('This is a iOS device');
} else {
  console.log('This is not an iOS device');
}

2. Android下特定API

在Android上，我們可以使用以下代碼來判斷：

var isAndroid = /(android)/i.test(navigator.userAgent);
console.log(isAndroid ? "This is an Android device" : "This is not an Android device");

三、檢測特定的API是否存在

還可以通過檢測特定的API是否存在來判斷是否為iOS設備。

function is_ios() {
  var ios = ['iPad', 'iPhone', 'iPod'];
  for (var i = 0; i  -1) {
      return true;
    }
  }    
  return false;
}

if (is_ios()) {
  console.log('This is a iOS device');
} else {
  console.log('This is not an iOS device');
}

四、第三方庫

另一種選擇是使用第三方庫。以下是使用ismobilejs庫的示例：

<script src="http://cdnjs.cloudflare.com/ajax/libs/ismobilejs/0.4.1/isMobile.min.js"></script>
<script>
if (isMobile.apple.device) {
  console.log('This is a iOS device');
} else if (isMobile.android.device) {
  console.log('This is an Android device');
} else {
  console.log('This device is not iOS or Android');
}
</script>

五、結論

以上為基本的判斷iOS或Android設備的方法。由於各種瀏覽器和設備的差異性，在實際開發中還需要對各種情況進行適當的測試和處理。