当android软键盘处于活动状态时,防止视口大小调整网页大小

Question

我正在为响应式网页设计开发一个Javascript/JQuery插件.它有一个监视视口以进行更改的功能,特别是调整大小和方向.检测到更改时,将调用相应的回调函数.

但是,我刚注意到在Android上(特别是使用Google Galaxy Nexus上的股票浏览器),如果用户尝试使用软键盘,它会调整视口大小,从而触发回调函数.这是我想要消除的行为.

有没有办法 - 通过Javascript - 禁用此行为或检测它,以便我可以更改代码库以适应它？!

到目前为止我看到的解决方案主要是Android App开发,我不确定它们适用于我的情况.

谢谢.

Answer 1

好吧，经过一番摆弄之后，我找到了解决问题的方法。

那么当软键盘显示/隐藏时会发生什么？！在我的测试中，viewport width保持不变。但是，当软键盘显示为（纵向）和由（横向）时，viewport height大小会发生变化；当软键盘分别被（纵向）和（横向）隐藏时。((current - previous)/previous)*10043%58%73%139%

所以我所做的是在以下条件全部为真时禁用回调函数：

1. 该设备是移动的
2. 视口宽度的百分比变化小于 1%
3. 视口高度的百分比变化大于 35%

由于移动设备浏览器没有桌面上的调整大小句柄，我认为不会出现用户以自然方式模仿上述条件的情况。

您可以在此处查看代码示例：https : //github.com/obihill/restive.js/blob/f051fe6611e0d977e1c24c721e5ad5cb61b72c1c/src/restive.js#L4419。不幸的是，它是更大代码集的一部分，但您应该能够根据条件收集基本思想。

干杯。