使用 JavaScript 檢測裝置是否為 iOS

---

JavaScript 是一種高階解釋型程式語言，廣泛用於開發動態和互動式 Web 應用程式。其多功能性和易用性使其成為世界上最流行的程式語言之一。在本教程中，我們將探討如何使用 JavaScript 檢測裝置是否正在執行 iOS。

作為軟體開發人員，瞭解使用者使用何種型別的裝置訪問您的 Web 應用程式至關重要。此資訊可用於提供更好的使用者體驗或自定義 Web 應用程式的佈局和功能。在本節中，我們將探討三種使用 JavaScript 確定裝置是否正在執行 iOS 的不同方法。

• 使用者代理檢測

• Navigator.platform 檢測

• 特性檢測

每種方法都有其自身的優缺點，因此我們需要為我們的特定用例選擇正確的方法。我們將詳細介紹每種方法，解釋其工作原理並提供程式碼示例以幫助我們在自己的專案中實現它。

使用者代理檢測

我們可以用來檢測裝置是否正在執行 iOS 的方法之一是使用者代理檢測。此方法涉及檢查裝置的使用者代理字串以確定正在使用的作業系統和瀏覽器。

我們可以使用 JavaScript 的 **navigator.userAgent** 屬性檢索使用者代理字串，然後檢查它是否包含“iPhone”、“iPad”或“iPod”字樣。此方法易於實現，可以快速提供結果，但需要注意的是，使用者代理字串很容易被修改，因此它不是檢測 iOS 裝置最可靠的方法。

以下是如何使用使用者代理字串檢測裝置是否正在執行 iOS 的示例

if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
    console.log("This is an iOS device.");
} else {
    console.log("This is not an iOS device!");
}

在上面的程式碼片段中，我們使用正則表示式的 test() 方法來檢查儲存在 **navigator.userAgent** 屬性中的字串是否包含任何“iPad”、“iPhone”或“iPod”子字串。正則表示式用正斜槓 (/) 括起來，幷包含在 test() 方法中。

如果測試結果為真，這意味著 **navigator.userAgent** 字串包含其中一個子字串，那麼我們就知道該裝置正在執行 iOS，並將“這是一個 iOS 裝置。”列印到控制檯，反之亦然。

例如，假設我們在 iPhone 上執行此程式碼。輸出將是

This is an iOS device.

如果我們在未執行 iOS 的裝置上執行此程式碼，則輸出將是

This is not an iOS device!

Navigator.platform 檢測

我們還可以透過檢查 navigator.platform 屬性來確定裝置是否正在執行 iOS。此屬性為我們提供一個字串值，該值表示我們的瀏覽器正在執行的平臺。透過評估此屬性，我們可以找出我們的裝置是否是 iOS 裝置。本質上，我們只需要檢查 navigator.platform 是否等於 'iPad'、'iPhone' 或 'iPod'，如果是，那麼我們就知道我們的裝置是 iOS 裝置。

以下是如何使用 navigator.platform 屬性檢測裝置是否正在執行 iOS 的方法

if (navigator.platform === 'iPad' || navigator.platform === 'iPhone' || navigator.platform === 'iPod') {
    console.log("This is an iOS device.");
} else {
    console.log("This is not an iOS device!");
}

在上面的程式碼片段中，我們使用 navigator.platform 屬性來檢測裝置是否正在執行 iOS。如我們所知，navigator.platform 屬性返回一個字串，表示瀏覽器正在執行的平臺。

在此程式碼中，我們檢查 navigator.platform 是否等於 'iPad'、'iPhone' 或 'iPod'。如果是，我們將訊息“這是一個 iOS 裝置。”記錄到控制檯。否則，我們將訊息“這不是 iOS 裝置！”記錄到控制檯。

需要注意的是，此方法並非萬無一失，因為某些非 iOS 裝置可能具有類似的平臺字串。但是，此方法被廣泛使用，並且在大多數情況下被認為是可靠的。

特性檢測

特性檢測是另一種確定裝置是否正在執行 iOS 的方法。此方法涉及檢查特定功能（這些功能是 iOS 裝置獨有的）的可用性。它涉及檢查觸控事件、最大觸點數和其他 iOS 特定功能以確定裝置型別。

例如，MaxTouchPoints 屬性用於確定裝置支援的觸點數。如果裝置支援多個觸點，則它可能不是執行 iOS。另一方面，視窗中的 'ontouchstart' 檢查用於檢測裝置是否具有檢測觸控事件的能力。如果此檢查返回 true，則表示裝置正在執行 iOS。

讓我們看看如何使用特性檢測來找出裝置是否為 iOS 裝置。

if (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) {
    console.log("This is an iOS device.");
} else {
    console.log("This is not an iOS device!");
}

以上程式碼檢查三個特定屬性：**ontouchstart、navigator.MaxTouchPoints** 和 **navigator.msMaxTouchPoints**。如果當前裝置中存在任何這些屬性，則程式碼將“這是一個 iOS 裝置。”記錄到控制檯。否則，它將“這不是 iOS 裝置！”記錄到控制檯。

透過檢查這些屬性，我們實際上是在檢查裝置是否支援觸控，這是 iOS 裝置的一個常見特徵。但是，需要注意的是，此方法可能並不總是 100% 準確，因為某些非 iOS 裝置也可能具有觸控功能。但總的來說，它是確定正在使用的裝置型別的特性檢測的一個很好的起點。

結論

在本教程中，我們深入探討了確定裝置是否正在執行 iOS 的各種方法。我們介紹了使用者代理檢測方法，並討論了它如何使用 navigator.userAgent 屬性識別裝置型別。然後，我們介紹了 Navigator.platform 檢測方法以及它如何檢查 navigator.platform 屬性以確定裝置是否為 iOS。

我們還簡要介紹了特性檢測方法，該方法涉及檢查僅在 iOS 裝置上找到的某些功能的存在。最後，我們提供了程式碼示例以幫助說明每種方法的工作原理。