javascript - HTML/JS - 检测 Android 软件版本(和切换 css 文件)

Question

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

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

有没有办法检测 Android 软件版本并据此更改 css 文件？

我可以使用 JavaScript 或 HTML 执行此操作吗？

我知道您可以使用 <!--[if IE]> 检测 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>");
    }