Question

我正在为特定的Android设备编写一个Web应用程序。这个＆＃34;网站＆＃34; schould以全屏模式显示。

我在堆栈溢出时发现上面的代码，并且它可以在点击事件中正常工作，虽然页面应该自动打开并在我进入网站时保持全屏。

我理解代码，但是load事件不起作用。有没有办法，javascript，jquery来实现这个目标？

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

Answer 1

javascript全屏API只能通过用户交互来调用，例如鼠标/指针点击。

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

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">

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

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

javascript / jquery：在浏览器

2 个答案: