iOS开发cordova适配iPhone X

1 更新插件

需要更新的插件有cordova-plugin-splashscreen、cordova-plugin-statusbar、cordova-plugin-ionic-webview。

更新完webview的插件之后会出现网络请求失败的问题(跨域问题)，解决方案添加 cordova-plugin-wkwebview-file-xhr 插件。并在config.xml添加配置

2 更新启动图（非常重要、一定要更新）

问UI要一张1125x2436的启动页 放入项目中

在config.xml中下添加

并将该图片放入Xcode的Images.xcassets对应的位置中

3 更新HTML viewport meta

meta 标签中 添加 viewport-fit=cover，这是 ios 11 新增的设置，可以让页面全屏展示。

4 结合苹果的安全域微调

在合适的地方加上

margin-top: env(safe-area-inset-top);

margin-bottom: env(safe-area-inset-bottom);