javascript/jquery : 强制浏览器在 android 上全屏显示答案

【问题标题】：javascript/jquery : force browser to fullscreen on androidjavascript/jquery : 强制浏览器在 android 上全屏显示
【发布时间】：2017-06-06 17:00:08
【问题描述】：

我正在为特定的 android 设备编写网络应用程序。这个“网站”应该以全屏模式显示。

我在堆栈溢出中找到了上面的代码，它在点击事件时工作正常，尽管当我进入网站时页面应该自动打开并保持全屏。

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

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

【问题讨论】：

使用文档就绪事件？

标签： javascript android jquery fullscreen

【解决方案1】：

javascript 全屏 API 只能由用户交互调用，例如鼠标/指针单击。

保护最终用户免受入侵网站的原因。例如，在打开网站时进入全屏或锁定指针（在电脑上）。

【讨论】：

这是有道理的。谢谢。
@MarLon，如果这回答了您的问题（我认为确实如此），您可以“接受”它并通过单击答案旁边的箭头关闭问题。请查看this link，了解有关为什么接受答案是个好主意的更多详细信息。

【解决方案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">

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

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

【讨论】：