如何调整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的大小的主要内容,如果未能解决你的问题,请参考以下文章
cordova-plugin-ionic-webview - 自定义方案不适用于 Android
为啥我的 Cordova WebView 有 20px 的额外滚动?