首页 > 解决方案 > PWA:为什么在 pointerdown 事件时手机导航按钮不断弹出?

问题描述

我注意到手机导航按钮已经开始出现在我的 PWA 中,在 Android Chrome 92 中的每个指针向下事件(已经从 92.0.4515.105 开始),而它之前肯定没有发生过 - 至少在 Chrome 87 和 Chrome 中都没有发生91 (91.0.4472.164)。

自从项目完成后我的 PWA 中没有更改任何代码行导致问题,因此它必须与 Chrome 代码更改有关。

除了回滚 Chrome 版本外,我还尝试将手机连接到 PC 并从 Chrome 92 DevTools Devices Inspector 触发 pointerdown 事件,并且此类事件不会使导航按钮既不会在 Inspector 中也不会在物理设备上弹出。

从 PlayStore 安装的 .apk(由 Bubblewrap CLI 生成的)和从移动 Chrome 92 三点菜单(由 Chrome 直接生成)安装的 .apk 都会出现此问题。使用最新的 Bubblewrap 版本重新生成 .apk 也不能解决问题。

请注意,仅当您的手机导航按钮始终显示在屏幕上时,才会出现此问题。当应用程序启动时,按钮和时间栏都会被隐藏。但是点击屏幕会不断地显示唯一的按钮,并且在没有后续点击时,按钮会再次隐藏。而以前,导航按钮仅通过从屏幕边缘滑动来显示。

有谁知道如何解决这个问题?我不知道如何解决它。

PWA 对我个人来说很有价值,没有什么令人兴奋的。这是 Chrome 91 与 Chrome 92 中行为的视频: Chrome 91 与 Chrome 92:手机导航按钮在指针向下事件时不断弹出

更新 11.11.2021
该问题自 Chrome 95 (95.0.4638.50) 起消失。

标签: javascriptandroidgoogle-chromeprogressive-web-apps

解决方案


推荐阅读