检测设备是否为iOS

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

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

当前回答

在添加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

其他回答

如果你正在使用React，有一个很棒的库可以解决这类问题:React - agent。(使用ua-parser-js构建。)

https://github.com/medipass/react-ugent

可用的浏览器有:

Chrome, chromium, edge, firefox，即，lynx, safari, opera

可用的操作系统包括:

安卓，黑莓，铬操作系统，debian, ios, linux, MAC操作系统，ubuntu, unix, Windows

可选设备包括:

游戏机、电脑、手机、平板电脑、智能电视、可穿戴、嵌入式

易于使用:

<Ugent browser="safari" os="ios">
  <div>
    This text only shows on Safari on iOS.
  </div>
</Ugent>

如果你不使用React，你可以使用- ua-parser-js

https://github.com/faisalman/ua-parser-js

2021-09-14 12:30:50

在iOS 13之后，你应该像这样检测iOS设备，因为iPad将不会被旧的方式检测为iOS设备(由于新的“桌面”选项，默认启用):

let isIOS = /iPad|iPhone|iPod/.test(navigator.platform)
|| (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)

第一个条件适用于iOS < 13或禁用桌面模式的iPhone或iPad，第二个条件适用于默认配置的iPadOS 13，因为它将自己定位为Macintosh Intel，但实际上是唯一具有多点触摸的Macintosh。

与其说是一种破解，不如说是一种真正的解决方案，但对我来说很可靠

P.S.如前所述，你可能应该添加IE检查

let isIOS = (/iPad|iPhone|iPod/.test(navigator.platform) ||
(navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) &&
!window.MSStream

2019-09-23 15:03:27

因为导航器。平台已弃用，最好不再使用，我想添加一个其他解决方案。

你可以通过检查navigator.vendor来过滤MacOS系统。当结果是苹果电脑公司，你知道它是MacOS。

2021-11-16 18:04:02

没有必要测试导航器。userAgent或navigator.platform:

const isIOS = typeof navigator.standalone === 'boolean';

导航器。standalone只在iOS Safari上设置。参见MDN, Safari HTML参考。

2021-06-18 09:45:02

检测iOS(均<12和13+)

社区维基，因为编辑队列说它是满的，所有其他答案目前是过时或不完整的。

const iOS_1to12 = /iPad|iPhone|iPod/.test(navigator.platform);

const iOS13_iPad = (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1));

const iOS1to12quirk = function() {
  var audio = new Audio(); // temporary Audio object
  audio.volume = 0.5; // has no effect on iOS <= 12
  return audio.volume === 1;
};

const isIOS = !window.MSStream && (iOS_1to12 || iOS13_iPad || iOS1to12quirk());

2020-10-05 11:11:30

检测设备是否为iOS

推荐文章

最新文章

标签