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

【问题标题】：Create a web page without window title bar创建一个没有窗口标题栏的网页
【发布时间】：2013-07-10 06:45:16
【问题描述】：

这是一个基于“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>

提前致谢，会

【问题讨论】：

标签： javascript html popup window popupwindow

【解决方案1】：

HTML5中有专门的全屏API，看HTML5 FullScreen API toggle with JavaScript和this tutorial。

【讨论】：

glautrou：谢谢，这让我走得更远，但我又遇到了一个问题，要么遗漏了一些简单的东西，要么 HTML5 阻止全屏，除非用户启动？
当您调用 JavaScript 函数时，您的页面会直接全屏显示，但浏览器会自动显示一个弹出窗口，用于批准/拒绝您的应用程序全屏显示。这是为了防止应用程序被滥用，因为全屏行为对最终用户来说非常烦人（丢失的选项卡、Windows 任务栏......）。也许您可能有兴趣在新的about:blank 窗口中显示您的内容
我已经得出了这个结论...我承认我可能是希望将浏览器用作嵌入式应用程序的 UI 的大多数人...但是.. .如果看到我们在本地主机上运行，如果浏览器允许在没有用户请求的情况下全屏显示，那就太好了！感觉就像我的第一次用户交互必须是一个标准表单，它有一个按钮，可以让我们全屏显示，而不会让我的小 LCD 杂乱无章。
您可以在页面加载时调用 JavaScript 中的全屏方法。如果用户对您的网站这样显示感到满意，他将选中复选框以向浏览器添加例外。如果您只想在机器上全屏显示，可以按 F11。
我的最终解决方案作为答案发布。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

Kiosk 执行全屏操作，隐身模式可防止在不正常关机的情况下恢复会话的问题。

这就是我需要的，不管我可能认为我需要什么！

【讨论】：