如何调整cordova webview ios 10的大小

Posted

技术标签:

【中文标题】如何调整cordova webview ios 10的大小【英文标题】:How to resize cordova webview ios 10 【发布时间】:2017-03-11 15:42:50 【问题描述】:

我有 cordova 项目,只是一个在 webview 中打开我的 web url 的简单项目。它在旧版本上运行良好,但在 iphone 7 模拟器中的大多数新功能会在网页下绘制顶部操作系统栏(时钟等)!

如何使顶部栏消失或限制从顶部栏下方开始的 webview 的大小?

检测到网络连接后,我使用 cordova-plugin-inappbrowser 将 url 打开到应用程序中(而不是在外部窗口中)。

截图: https://snag.gy/i9FtLh.jpg

【问题讨论】:

您在应用中使用了哪些插件,以及哪些版本? "cordova-plugin-device": "1.1.5-dev", "cordova-plugin-inappbrowser": "1.6.2-dev", "cordova-plugin-network-information": "1.3.2-dev", "cordova-plugin-whitelist": "1.0.0", "org.apache.cordova.console": "0.2.13" 很难让 inappbrowser 在当前窗口而不是外部窗口中打开。这是旧项目但更新了插件,也许一些主要配置仍然无效/错误的参数。 JS打开inappbrwsr:var ref = cordova.InAppBrowser.open(linkTarget, '_self', 'location=no,toolbar=no,status=no,titlebar=no,toolbar=no,keyboardDisplayRequiresUserAction=no'); 【参考方案1】:

结果是使用了cordova插件“cordova-plugin-statusbar”和deviceready js函数StatusBar.overlaysWebView(false);

【讨论】:

以上是关于如何调整cordova webview ios 10的大小的主要内容,如果未能解决你的问题,请参考以下文章

iOS - Cordova 如何调用目标 c 函数?

Cordova IOS webview 界面随机无响应

cordova-plugin-ionic-webview - 自定义方案不适用于 Android

为啥我的 Cordova WebView 有 20px 的额外滚动?

如何在 android webview 中实现 phonegap/cordova?

使用带有 webview 的 cordova s​​creenorientation 插件