HTML / JS - 检测Android软件VERSION（和切换css文件）

Question

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

我需要一个不同的CSS文件。

有没有办法检测Android SOFTWARE VERSION并根据此更改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>");
    }