Question

这是一个基于“glautrou”反馈的更新问题：我有一个用于BeagleBone Black单板计算机的LCD Cape，我希望在LCD上显示一个没有边框，没有滚动条的网页，以及没有标题栏。我正在尝试使用以下代码进行操作，该代码是从位于http://lesson8.blogspot.co.uk/2013/01/html5-fullscreen-api.html的示例中删除的。

我的愿望是在页面加载时或在脚本中运行...而不需要按下按钮。下面的脚本适用于按钮，但不适用于打开或脚本调用。我现在承认我并不真正理解DOM，所以我怀疑我错过了一些简单的东西。

<!DOCTYPE html>
<html>
<head>
</head>
<BODY onLoad="launchFullscreen(document.documentElement);">
<h1>HTML5 Fullscreen API</h1>

<div style="padding:20px;">
    <button onclick="launchFullscreen(document.documentElement);" class="sexyButton">Launch Fullscreen</button>
    <button onclick="cancelFullscreen();" class="sexyButton">Hide Fullscreen</button>
</div>

<script type='text/javascript'>//<![CDATA[ 

function launchFullscreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

function cancelFullscreen() {
  if(document.cancelFullScreen) {
    document.cancelFullScreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  }
}

launchFullscreen(document.documentElement);

//]]>  

</script>
</body>
</html>

提前致谢，将

Answer 1

HTML5中有一个特定的全屏API，请查看HTML5 FullScreen API toggle with JavaScript和this tutorial。

Answer 2

我忽略了我在这里运行嵌入式（单用户）应用程序的事实......当我重新发生这种情况时，我找到了一种向浏览器发送击键的方法。我找到并安装了xdotool，因为它是为angstrom打包的，并编写了一个小的自动启动脚本。虽然我现在可以通过我的node.js应用程序更好地自动化它，但它确实很有魅力。感谢你的帮助，Will

Answer 3

另一种满足我要求的方法，因为我正在运行Chrome ...

chrome.exe --kiosk --incognito some.web.site

Kiosk执行全屏操作并且隐身可以防止在非正常关机的情况下恢复会话的问题。

无论我认为我需要什么，这都是我所需要的！

创建一个没有窗口标题栏的网页

3 个答案: