phonegap - 是ios还是android设备？

Question

如何判断我是否在ios7（或任何其他环境）中运行？

在IOS7中，顶部栏与应用程序重叠并弄乱了视图，我想添加一个css类，它将仅在ios7中将顶部栏向下推20px。

我该怎么做？

Answer 1

一个不错的解决方案是使用原生plugin。 如果您正在使用cordova和nodejs，请在命令行工具中运行以下命令：

cordova plugin add org.apache.cordova.statusbar

最后你需要调用函数：

vanilla JavaScript：

document.addEventListener("deviceready", function(){
    StatusBar.overlaysWebView(false);
}, false);

<强> jQuery的：

$(document).on('deviceready', function(){
    StatusBar.overlaysWebView(false);
});

StatusBar对象已通过PhoneGap插件系统添加到窗口命名空间，您可以通过JavaScript访问它。这样您就可以阻止iOS上的叠加。

Answer 2

尝试使用cordova api：device.platform检查操作系统，device.version获取操作系统版本。

查看Phonegap文档以供参考：http://docs.phonegap.com/en/edge/cordova_device_device.md.html#device.platform

Answer 3

您可以在以下位置查看iOS浏览器上的哪个CSS hack：http://www.paulirish.com/demo/css-hacks，然后为topbar提供自定义解决方案