javascript - Webapp 在 Chrome 中隐藏 Android 导航栏(虚拟后退、主屏幕等按钮)(通过 javascript)

Question

我正在制作一个网络应用程序，并希望创造一个真正的全屏体验。对于 Android，这包括隐藏顶部的 Chrome 地址栏和底部的导航栏(虚拟后退、主页和多任务按钮)。

我已经查看了 fullscreen api , fulscreen experiences article和 screenfull.js .所有这些都实现了隐藏 Chrome 地址栏，但不隐藏底部的导航栏。 (然而，他们确实将它隐藏在其他一些浏览器中，例如 Opera。)我已经在小米 mi A2 和 Galaxy S8 上测试过了。

必须有一种方法来实现这一点(至少它肯定是用于视频元素)，因为 YouTube 和 PornHub 上的全屏模式都能够完全隐藏此菜单。

Answer 1

晚会有点晚了，但希望它仍然有所帮助。

全屏 API 的 requestFullscreen() 方法接受一个可选的 options object。 .

document.documentElement.requestFullscreen({ navigationUI: 'hide' });

这应该可以解决问题。