У меня проблемы с отображением приложения PhoneGap на iOS. Это прекрасно в Android. Я сейчас пытаюсь с плагином WKWebView, чтобы заставить iFrame отображаться правильно.
iFrame отображается только на 20% высоты при iOS, когда высота установлена на 100%, если я установил высоту на фиксированное значение px, iFrame заполняет экран, но прокрутка выполняется вяло и иногда не отвечает.
В моей конфигурации. xml Я добавил:
<plugin name="cordova-plugin-wkwebview-engine" source="npm" />
<preference name="DisallowOverscroll" value="true" />
<preference name="ScrollEnabled" value="true" />
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
<preference name="AllowBackForwardNavigationGestures" value="true" />
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
Так выглядит мой индекс. html выглядит так:
<body>
<div style="overflow:auto !important;-webkit-overflow-scrolling:touch!important;width:100%;height:100%">
<iframe src="https://google.com" scrolling="yes" style="width:100%;height:100%" frameborder="0"></iframe>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
Я также добавил это в индекс. html meta:
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
Заранее благодарен за любую помощь