Navigator.useragent Mobiles，包括iPad-js教程-PHP中文网

使用navigator.userAgent检测移动设备（包括iPad）的代码片段

navigator.useragent mobiles including ipad

以下代码片段演示了如何使用navigator.userAgent检测移动设备（包括iPad）：

function detectmob() {
     return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i));
}

登录后复制

请注意，此方法故意不检测Kindle Fire和PlayBook。要添加平板电脑支持，请添加|playbook|silk。

其他方法：

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }};
}

登录后复制

使用方法：

if( isMobile.any() ) alert('Mobile');

登录后复制

要检查用户是否使用特定移动设备：

if( isMobile.iOS() ) alert('iOS');

登录后复制

来源：https://www.php.cn/link/524e30e771dba8110c0241a0882023d0 https://www.php.cn/link/abe6f17ee7a1e4775951399035e00841

关于使用navigator.userAgent检测移动设备（包括iPad）的常见问题解答

如何使用`navigator.userAgent`检测iOS设备？

JavaScript中的navigator.userAgent属性可以用来检测设备是否运行在iOS系统上。此属性返回一个字符串，表示浏览器的用户代理标头。要检测iOS设备，可以使用正则表达式在用户代理字符串中搜索“iPhone”、“iPad”或“iPod”字符串。以下是一个简单的示例：

var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

登录后复制

在这段代码中，navigator.userAgent返回用户代理字符串，test()方法检查此字符串中是否存在“iPad”、“iPhone”或“iPod”。!window.MSStream部分用于排除Windows Phone。

我可以使用`navigator.userAgent`检测其他移动设备吗？

是的，navigator.userAgent属性可以用来检测各种移动设备。例如，要检测Android设备，可以在用户代理字符串中搜索“Android”字符串。以下是一个示例：

var isAndroid = /Android/.test(navigator.userAgent);

登录后复制

如果设备运行在Android系统上，这段代码将返回true，否则返回false。类似地，您可以通过在用户代理字符串中搜索相应的字符串来检测其他移动设备。

可以使用`navigator.userAgent`检测浏览器吗？

是的，可以使用navigator.userAgent属性检测浏览器。不同的浏览器具有不同的用户代理字符串。例如，如果用户代理字符串包含“Chrome”，则浏览器为Google Chrome。以下是一个示例：

var isChrome = /Chrome/.test(navigator.userAgent);

登录后复制

如果浏览器是Google Chrome，这段代码将返回true，否则返回false。类似地，您可以通过在用户代理字符串中搜索相应的字符串来检测其他浏览器。

`navigator.userAgent`用于设备检测的可靠性如何？

虽然navigator.userAgent属性可以用于设备检测，但它并不总是100%可靠。用户代理字符串很容易被伪造或更改，不同的浏览器和设备可能使用类似的用户代理字符串。因此，通常建议对关键功能使用特性检测而不是用户代理检测。

我可以使用`navigator.userAgent`检测设备的操作系统吗？

是的，navigator.userAgent属性可以用来检测设备的操作系统。例如，要检测Windows设备，可以在用户代理字符串中搜索“Win”字符串。以下是一个示例：

function detectmob() {
     return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i));
}

登录后复制

如果设备运行在Windows系统上，这段代码将返回true，否则返回false。类似地，您可以通过在用户代理字符串中搜索相应的字符串来检测其他操作系统。

如何使用`navigator.userAgent`检测一般的移动设备？

要检测一般的移动设备，您可以搜索在移动设备的用户代理字符串中常见的字符串。以下是一个示例：

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }};
}

登录后复制

如果设备是移动设备，这段代码将返回true，否则返回false。正则表达式/Mobi|Android/i检查用户代理字符串是否包含“Mobi”（许多移动设备使用）或“Android”。