如何在iOS(Cordova)上显示键盘时调整Web视图的大小

Question

在Phonegap 3.7.0上,当键盘出现在iPhone或iPad上时,Web视图不会调整大小,键盘会在页脚上方结束.我希望缩小Web视图,以便页脚保持可见.有没有什么办法解决这一问题？

我在这里看到了很多问题,实际上实现了相反的结果,但这与先前版本的Cordova/Phonegap有关.

仅供参考,我尝试了以下方法:当键盘出现时调整身体大小(我使用Ionic键盘插件知道它何时显示并且它的高度)并更改bottom我的页脚的值.这适用于iPhone 6.1.3,但不适用于iPhone/iPad 8.*.即使身体较小,身体仍然可以滚动,就像它仍然是100%.我尝试删除我的元标记内容width=device-width,但它没有改变任何东西.

Answer 1

一种选择是使用插件来缩小本机WebView.添加cordova-plugin-keyboard到您的项目:

phonegap plugin add cordova-plugin-keyboard

然后在你的config.xml中添加

<preference name="KeyboardShrinksView" value="true" /> 

或者在你的javascript中调用此方法

Keyboard.shrinkView(true);