css - 根据设备动态加载棘轮 android/iPhone css 主题

Question

我正在寻找任何轻量级、富有表现力、直观或雄辩的方式来为 Goratch 库动态选择 CSS 主题。

我会喜欢来自 AngularJs 的东西，比如ng-includeif 等。

CDN 链接

http://cdnjs.com/libraries/ratchet

Answer 1

我选择了这个选项。如果您正在运行 PHP

function userAgent() {
    $iPod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
    $iPhone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
    $iPad = strpos($_SERVER['HTTP_USER_AGENT'],"iPad");
    $android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");

    if($iPad||$iPhone||$iPod) {
        return 'ios';
    } else if($android) {
        return 'android';
    } else {
        return 'pc';
    }
}

然后是这样的：

<?php if(userAgent() == 'android') { ?>
    <link rel="stylesheet" href="/web/css/ratchet-theme-android.min.css">
<?php } else { // etc...?>
    <link rel="stylesheet" href="/web/css/ratchet-theme-ios.min.css">
<? } ?>