javascript - HTML/JS - 检测 Android 软件版本（并切换 css 文件）

Question

我正在使用 Phonegap 构建一个应用程序。android 2.3 及以下不支持css float，android 3.0 及以上支持。

我需要为每个不同的 CSS 文件。

有没有办法检测 Android SOFTWARE VERSION 并据此更改 css 文件？

我可以使用 JavaScript 或 HTML 来做到这一点吗？

我知道您可以使用 检测 IE <!--[if IE]>，但是否可以检测 android 版本？

Answer 1

您的技术没问题，但它是静态的，将来在提及操作系统类型和系统类型时可能会导致更多问题。最好检查一下标签是否被普遍支持。最好的方法是使用 JavaScript，如下所示：

if('float' in document.body.style) {
    // jQuery?
    $('#myAwesomeDiv').css('float', 'left')
}

您还可以为其创建一个简短的函数来 TRUE/FALSE 它：

function propertyExist(property) {
    if(property in document.body.style) {
        return true;
    }
    else {
        return false;
    }
}

if (propertyExists('float')) {
        // Do nothing?
}
    else {
        // Change the style (use jQuery, jquery.com)
        $("link").attr("href","non_float.css");
        $("head").append("<link>");
    }