1 更新插件
需要更新的插件有cordova-plugin-splashscreen、cordova-plugin-statusbar辖众、cordova-plugin-ionic-webview。
更新完webview的插件之后會(huì)出現(xiàn)網(wǎng)絡(luò)請(qǐng)求失敗的問(wèn)題(跨域問(wèn)題)欣簇,解決方案添加 cordova-plugin-wkwebview-file-xhr 插件常空。并在config.xml添加配置
<preference name="InterceptRemoteRequests" value="all">
2 更新啟動(dòng)圖(非常重要、一定要更新)
問(wèn)UI要一張1125x2436的啟動(dòng)頁(yè) 放入項(xiàng)目中
在config.xml中<platform name="ios">下添加
<splash height="2436" src="圖片路徑名稱.png" width="1125" />
并將該圖片放入Xcode的Images.xcassets對(duì)應(yīng)的位置中
3 更新HTML viewport meta
meta 標(biāo)簽中 添加 viewport-fit=cover鼎兽,這是 ios 11 新增的設(shè)置答姥,可以讓頁(yè)面全屏展示铣除。
<metaname="viewport"content="initial-scale=1, width=device-width, height=device-height, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
4 結(jié)合蘋(píng)果的安全域微調(diào)
在合適的地方加上
margin-top: env(safe-area-inset-top);
margin-bottom: env(safe-area-inset-bottom);