phonegap解决iphone顶部状态栏位置的问题

在 iOS7, 所有的应用都是全屏运行的，此时状态栏层叠在应用界面上. 导致头部的内容或者界面被覆盖: 
 
社区中讨论解决该问题的方法. 他们中的一些涉及原生代码，以兼容web视图.其实最简单和干净的解决方案是增加一个20像素的顶部边缘到文档的body加入 CSS. 你可以通过版本检查避免添加 margin 属性在 iOS 6. 代码如下:

function onDeviceReady() {
    if (parseFloat(window.device.version) >= 7.0) {
          document.body.style.marginTop = "20px";
    }
}
document.addEventListener('deviceready', onDeviceReady, false);

修复结果: 
 

附上iOS原生代码解决方案：

- (void)viewWillAppear:(BOOL)animated  
{
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {  
        CGRect viewBounds = [self.webView bounds];  
        viewBounds.origin.y = 20;  
        viewBounds.size.height = viewBounds.size.height - 20;  
        self.webView.frame = viewBounds;  
    }  
    [super viewWillAppear:animated];  
}