javascript/jquery：强制浏览器在 android 上全屏显示

Question

我正在为特定 android 设备编写网络应用程序。此 "website" 应以全屏模式显示。

我在堆栈溢出中找到了上面的代码，它可以很好地处理点击事件，尽管当我进入网站时页面应该自动打开并保持全屏。

我理解代码，但加载事件不起作用。 javascript、jquery 有什么办法可以实现这个目标吗？

<script>
var el = document.documentElement,
rfs = el.requestFullscreen
      || el.webkitRequestFullScreen
      || el.mozRequestFullScreen
      || el.msRequestFullscreen
      ;
     rfs.call(el);
</script>

Answer 1

javascript 全屏 API 只能通过用户交互调用，例如 mouse/pointer 单击。

保护 end-user 免受侵入性网站侵害的原因。例如，打开网站时进入全屏或锁定指针（在电脑上）。

Answer 2

可以通过 Google 的网络应用程序功能和 Chrome 移动设备实现全屏启动网站。

将此添加到您的：

<link rel="manifest" href="manifest.json">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="ico_lg.png">

最后是 Mozillamanifest.json 的解释 https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json

以下是 Google 关于全屏模式的一些其他提示： https://developers.google.com/web/fundamentals/native-hardware/fullscreen/

javascript/jquery：强制浏览器在 android 上全屏显示

javascript/jquery : force browser to fullscreen on android

javascript

android

jquery

fullscreen