如何使用 jQuery（或 JavaScript）檢測使用者是否在行動裝置上？

如何使用jQuery 檢查使用者是否在行動裝置上

簡介

在Web 開發中，它可以有利於根據使用者使用的設備自訂腳本和設計。這使您能夠為透過手持裝置造訪您網站的使用者提供最佳的使用者體驗。 jQuery 提供了多種方法來偵測使用者是否正在從行動裝置進行瀏覽。

已棄用的jQuery 瀏覽器擴展

雖然jQuery $.browser 函數曾經很常用用於檢查移動設備，它已在jQuery v1.9.1 中被棄用並刪除。不再建議在現代 Web 應用程式中使用它。

基於JavaScript 的方法

您可以使用純JavaScript 來檢測基於以下內容的移動設備，而不是使用jQuery他們的用戶代理字符串：

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
  // Code to execute for mobile devices
}

結合JavaScript 和jQuery

要通過 jQuery 更容易訪問此方法，您可以修改 $.browser 對象：

$.browser.device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));

綜合用戶代理檢測

為了更徹底的方法，您可以使用更廣泛的用戶代理檢測函數：

var isMobile = false; // Initiate as false
// Device detection
if (/comprehensive user agent detection string/.test(navigator.userAgent)) {
  isMobile = true;
}

注意： 用戶代理檢測不是萬無一失的方法，並且可能不可靠。建議依靠特徵檢測和媒體查詢來獲得更好的準確性和相容性。

以上是如何使用 jQuery（或 JavaScript）檢測使用者是否在行動裝置上？的詳細內容。更多資訊請關注PHP中文網其他相關文章！