检测移动浏览器

我正在寻找一个函数，返回一个布尔值，如果用户正在使用移动浏览器与否。

我知道我可以使用导航器。userAgent并使用regex编写该函数，但是用户代理对于不同的平台来说太复杂了。我怀疑匹配所有可能的设备是否容易，我认为这个问题已经解决了很多次，所以应该有某种完整的解决方案来完成这样的任务。

我正在看这个网站，但不幸的是，脚本是如此神秘，我不知道如何使用它为我的目的，这是创建一个返回true/false的函数。

当前回答

这是一个比匹配更有效的userAgent解决方案…

function _isMobile(){
    // if we want a more complete list use this: http://detectmobilebrowsers.com/
    // str.test() is more efficent than str.match()
    // remember str.test is case sensitive
    var isMobile = (/iphone|ipod|android|ie|blackberry|fennec/).test
         (navigator.userAgent.toLowerCase());
    return isMobile;
}

2012-12-04 16:19:51

其他回答

最好的一定是:

var isMobile = (/Mobile/i.test(navigator.userAgent));

但是就像Yoav Barnea说的…

// Seem legit
var isMobile = ('DeviceOrientationEvent' in window || 'orientation' in window);
// But with my Chrome on windows, DeviceOrientationEvent == fct()
if (/Windows NT|Macintosh|Mac OS X|Linux/i.test(navigator.userAgent)) isMobile = false;
// My android have "linux" too
if (/Mobile/i.test(navigator.userAgent)) isMobile = true;

在这3个测试之后，我希望var isMobile是…好吧

2013-05-30 12:34:34

为了增加额外的控制层，我使用HTML5存储来检测它是使用移动存储还是桌面存储。如果浏览器不支持存储，我有一个移动浏览器名称数组，并将用户代理与数组中的浏览器进行比较。

这很简单。函数如下:

// Used to detect whether the users browser is an mobile browser
function isMobile() {
    ///<summary>Detecting whether the browser is a mobile browser or desktop browser</summary>
    ///<returns>A boolean value indicating whether the browser is a mobile browser or not</returns>

    if (sessionStorage.desktop) // desktop storage 
        return false;
    else if (localStorage.mobile) // mobile storage
        return true;

    // alternative
    var mobile = ['iphone','ipad','android','blackberry','nokia','opera mini','windows mobile','windows phone','iemobile']; 
    for (var i in mobile) if (navigator.userAgent.toLowerCase().indexOf(mobile[i].toLowerCase()) > 0) return true;

    // nothing found.. assume desktop
    return false;
}

2013-04-18 10:17:11

特征检测

const isMobile = localStorage.mobile || window.navigator.maxTouchPoints > 1;

截至2022-02-07，工作在CHROME + SAFARI::结合功能检测并尝试本线程和其他网站中的所有内容。localStorage。移动工作在Chrome移动;后者适用于Safari移动版。在打开或不打开dev-tools时和/或在移动模拟器上不会触发桌面浏览器。在撰写本文时，它会触发一个真正的移动浏览器，而不是桌面。

请考虑

我还在Win10上的联想X1 Yoga(键盘模式或平板模式)上进行了测试

localStorage。无论如何，移动是没有定义的当笔记本电脑处于键盘模式时:window.navigator。maxTouchPoints is 1→isMobile为false 当键盘向后翻转，笔记本电脑处于平板电脑模式时:window.navigator。maxTouchPoints是10→isMobile是true

2022-02-08 07:38:27

IE10+解决方案仅使用matchMedia:

const isMobile = () => window.matchMedia('(max-width: 700px)').matches

isMobile()返回布尔值

2021-06-22 18:19:35

没有完美的解决方案来检测JS代码是否在移动浏览器上执行，但以下两个选项应该在大多数情况下都有效。

选项1:浏览器嗅探

这个特殊的浏览器嗅探代码是一个名为isMobile的库的代码。

选项2:window.orientation

测试如果窗口。定义方向:

var isMobile = window.orientation > -1; alert（isMobile ？“移动设备”：“非移动设备”）;

Note

并不是所有的触屏设备都是移动的，反之亦然。所以，如果你想实现一些专门针对触摸屏的东西，你不应该测试你的浏览器是否在移动设备上运行，而应该测试设备是否支持触摸屏:

var hasTouchscreen = 'ontouchstart'在窗口; 警报(hasTouchscreen ?'有触摸屏':'没有触摸屏');

2016-03-12 02:31:23

检测移动浏览器

推荐文章

最新文章

标签