cordova跨平台开发论坛-phonegap › 门户 ›推荐博客 › 查看内容

PhoneGap和Cordova在iOS 7上的表现，Cordova 3.1即将发布

2013-9-21 14:29| 发布者: admin| 查看: 39944| 评论: 6

苹果开放下载ios7了, 我想给大家分享下在 iOS 7上运行和编译 PhoneGap / Cordova应用的感受。.

运行之前的应用

升级后的第一件事情是运行手机上已经安装的PhoneGap 应用. 表现良好(除了ui美化的小问题，下面将介绍到).

编译及部署

构建和部署新的应用程序也非常简单，下面是步骤:

安装 Xcode 5: 更新程序已经上架App Store.
在编译应用之前启动Xcode 5 确保 Xcode下载了必须组建 . 在你使用命令行工具编译PhoneGap 或者 Cordova项目之前, 需要接受 Xcode 5 的许可协议.
编译 PhoneGap 应用如下命令:
```
phonegap build ios
```
打开项目( platforms/ios目录下.xcodeproj ) , 部署到设备运行.

状态栏问题

在 iOS7, 所有的应用都是全屏运行的，此时状态栏层叠在应用界面上. 导致头部的内容或者界面被覆盖:

ios71

社区中讨论解决该问题的方法. 他们中的一些涉及原生代码，以兼容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);

修复结果:

ios72