我有一个用Angular构建的PWA,在其中我需要监听android软键盘的打开/关闭事件,以便我可以移动用户在视图中键入的字段(这在浏览器中会自动发生)。 由于没有直接的API可以让我听软键盘的打开/关闭,因此我想出了另一种方法。 浏览器调整屏幕高度的大小以容纳软键盘,请在此处进行演示(在移动设备上打开并远程查看浏览器控制台): http://jsfiddle.net/cLs5p2az
window.addEventListener( 'resize', function( event ) {
console.log(window.innerHeight);
}, false );
但是,此相同功能不适用于已安装的PWA。调试后,我发现侦听器已注册,但未触发事件,这很可能是因为PWA(您可以使用this链接进行演示以进行安装和远程调试)外壳窗口的大小没有改变在chrome中打开窗口时会执行此操作。