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

Question

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

Fur*_*bat 3 css mobile jquery user-agent ios

我使用Typekit.com在网站上显示cufonts,但是,它只与移动浏览器> = 4.2 iOS兼容.我已经使用jQuery来测试访问者是否正在使用iOS并根据过去的情况显示特定内容(没有汗水),但我在查明如何更具体并仅修改CSS方面遇到了很多麻烦如果版本低于iOS 4.2版.似乎无法弄明白......任何帮助？

Answer 1

Thi*_*iff 11

将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;
    };

};

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，2 月前
查看次数：	5847 次
最近记录：	13 年，3 月前