jquery – 检查iOS版本是否> = 4.2并根据结果修改CSS

我使用Typekit.com在网站上显示cufonts,但是,它只与移动浏览器> = 4.2 iOS兼容.我已经使用jQuery来测试访问者是否正在使用iOS并根据过去的情况显示特定内容(没有汗水),但我在查明如何更具体并仅修改CSS方面遇到了很多麻烦如果版本低于iOS 4.2版.似乎无法弄明白……任何帮助？ 将4.2样式放入一个样式表中.将你的< 4.2样式放到另一个样式中.检查版本并将相应的样式表添加到< head>.您需要测试较旧的用户代理字符串,但这应该适用于大多数用户代理字符串.该函数返回0(如果它无法确定或不是iOS)作为“旧”样式表的回退.

演示：http://jsfiddle.net/ThinkingStiff/LJrEW/

脚本：

var style = '';

if( getOsVersion() >= 4.2 ) {
    style = '<link rel="stylesheet" href="styles/ios.css" />';
} else {
    style = '<link rel="stylesheet" href="styles/ios_old.css" />';
};

document.head.insertAdjacentHTML( 'beforeEnd', style );

function getOsVersion() {
    var agent = window.navigator.userAgent,
        start = agent.indexOf( 'OS ' );

    if ( /iphone|ipod|ipad/.test( agent ) && start > -1 ) {
        return window.Number( agent.substr( start + 3, 3 ).replace( '_', '.' ) );
    } else {
        return 0;
    };

};