cordova 修改状态栏的颜色

1，预留出状态栏的高度

方法一：

var userAgent = navigator.userAgent;
if (!(userAgent.indexOf("Android") > -1 || userAgent.indexOf("Linux") > -1)) {
    document.body.style.marginTop = "20px";
}

方法二：

onDeviceReady方法里面判断是否是ios系统，然后：

$('<div />').addClass('ios7').prependTo($('body'));

.ios7{
    background-color: #761110;
    height: 20px;
}

2，如果需要修改状态栏的字体颜色，可以用cordova的插件实现

可参考：https://github.com/jonathannaguin/org.apache.cordova.statusbar

在config.xml文件中

<preference name="StatusBarStyle" value="lightcontent" />

修改value值即可,其中

• styleDefault 状态栏默认样式，也就是电池信号黑色；
• lightContent 状态栏内容浅色，貌似就是白色，适合深色背景；
• blackTranslucent 状态栏黑色半透明，跟上面一样的效果，电池时间都是白色的，适合深色背景；