jquery - 使用 jQuery 检测 IOS 8

Question

我用谷歌搜索并尝试了很多想法，但它们要么把所有浏览器上的整个网站搞得一团糟，要么它们真的很旧，要么它们是 javascript 而不是 jQuery。我累坏了。

目前这适用于检测 IOS，但不是一个版本:

$(document).ready(function() {
    var deviceAgent = navigator.userAgent.toLowerCase();
    var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);
    if (agentID) {

... do something here

    }
});    

我怎样才能在其中添加 IOS 8 检测，这样我就可以创建一个 html 类“ios-8”、“no-ios8”或等效类。

Answer 1

Mobile Safari 的 UA 字符串如下所示:

Mozilla/5.0 (iPhone; CPU iPhone OS 8_0_2 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12A405 Safari/600.1.4

(来源:http://whatsmyuseragent.com/)

所以你可以这样写一个函数。 ( DEMO )

var isIOS8 = function() {
  var deviceAgent = navigator.userAgent.toLowerCase();
  return /(iphone|ipod|ipad).* os 8_/.test(deviceAgent);
}

alert("isIOS8: " + isIOS8());

在移动版 Safari 浏览器或 iOS Chrome 等 webview 应用程序中访问演示页面，以查看它的警报 true。