检测设备是否为iOS

我想知道是否有可能检测浏览器是否运行在iOS上，类似于你如何使用Modernizr进行功能检测(尽管这显然是设备检测而不是功能检测)。

通常情况下，我会倾向于功能检测，但我需要找出设备是否是iOS，因为他们处理视频的方式根据这个问题，YouTube API不适用于iPad / iPhone /非flash设备

当前回答

这将变量_iOSDevice设置为true或false

_iOSDevice = !!navigator.platform.match(/iPhone|iPod|iPad/);

2013-08-08 19:03:46

其他回答

更新:我最初的答案不包括在桌面模式下的iPad(在即将推出的iPadOS 13及更高版本中，默认更改为桌面模式)。这对我的用例很好，如果不适合你，使用这个更新:

// iPhone and iPad including iPadOS 13+ regardless of desktop mode settings

iOSiPadOS = /^iP/.test(navigator.platform) ||
           /^Mac/.test(navigator.platform) && navigator.maxTouchPoints > 4;

这应该是安全的，只要台式mac电脑根本不支持触摸事件或不超过4个触摸点(当前iOS设备支持5个触摸点) 这是因为regexp ^首先检查平台字符串的起始位置，如果没有“iP”就停止(无论如何都比搜索长UA字符串直到结束快)。它比导航仪安全。userAgent检查为导航器。平台不太可能是伪造的检测iPhone / iPad模拟器

ORIGINAL ANSWER:
Wow, a lot of longish tricky code here. Keep it simple, please!

以我之见，这一个速度快，省钱，而且运行良好:

 iOS = /^iP/.test(navigator.platform);

  // or, if you prefer it verbose:
 iOS = /^(iPhone|iPad|iPod)/.test(navigator.platform);

2018-09-21 17:55:43

在我的案例中，用户代理不够好，因为Ipad中的用户代理与Mac OS中的用户代理相同，因此我不得不做一个讨厌的把戏:

var mql = window.matchMedia("(orientation: landscape)");

/**
 * If we are in landscape but the height is bigger than width
 */
if(mql.matches && window.screen.height > window.screen.width) {
    // IOS
} else {
    // Mac OS
}

2020-05-04 10:40:29

iOS设备上的用户代理会显示iPhone或iPad。我只是根据这些关键词进行筛选。

2012-01-27 19:06:29

我在几年前写过这个，但我相信它仍然有效:

if(navigator.vendor != null && navigator.vendor.match(/Apple Computer, Inc./) && navigator.userAgent.match(/iPhone/i) || (navigator.userAgent.match(/iPod/i))) 

    {

        alert("Ipod or Iphone");

    }

else if (navigator.vendor != null && navigator.vendor.match(/Apple Computer, Inc./) && navigator.userAgent.match(/iPad/i))  

    {

        alert("Ipad");

    }

else if (navigator.vendor != null && navigator.vendor.match(/Apple Computer, Inc./) && navigator.userAgent.indexOf('Safari') != -1)

    {

        alert("Safari");

    }

else if (navigator.vendor == null || navigator.vendor != null)

    {

        alert("Not Apple Based Browser");

    }

2012-12-05 04:24:17

在添加Modernizr测试时，只要有可能，您应该添加针对某个特性的测试，而不是针对某个设备或操作系统。如果需要的话，为iPhone添加10个测试并没有什么错。有些东西就是不能被特征检测到。

    Modernizr.addTest('inpagevideo', function ()
    {
        return navigator.userAgent.match(/(iPhone|iPod)/g) ? false : true;
    });

例如，在iPhone(不是iPad)上，视频不能在网页上内联播放，它会全屏打开。所以我创建了一个测试" no-inpage-video "

然后你可以在css中使用它(Modernizr添加类.no-inpagevideo到<html>标签如果测试失败)

.no-inpagevideo video.product-video 
{
     display: none;
}

这将隐藏iPhone上的视频(我在这种情况下实际做的是显示一个可供选择的图像，点击播放视频-我只是不想显示默认的视频播放器和播放按钮)。

2014-05-10 19:23:18

检测设备是否为iOS

推荐文章

最新文章

标签