Fatal编程技术网
  • javascript/
  • Javascript 创建没有窗口标题栏的网页

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

javascript html

Javascript 创建没有窗口标题栏的网页,javascript,html,popup,window,popupwindow,Javascript,Html,Popup,Window,Popupwindow,这是一个基于“glautrou”反馈的更新问题：我有一个用于BeagleBone黑色单板计算机的LCD Cape，我希望在LCD上显示一个没有边框、没有滚动条和标题栏的网页。我正在尝试使用下面的代码来实现这一点，这些代码是从位于的一个示例中截取的 我的愿望是在页面加载时或在脚本中运行此功能，而不需要按下按钮。下面的脚本可以很好地使用该按钮，但不能用于打开或脚本调用。现在我承认我并不真正理解DOM，所以我怀疑我遗漏了一些简单的东西 <!DOCTYPE html> <html>

这是一个基于“glautrou”反馈的更新问题：我有一个用于BeagleBone黑色单板计算机的LCD Cape，我希望在LCD上显示一个没有边框、没有滚动条和标题栏的网页。我正在尝试使用下面的代码来实现这一点，这些代码是从位于的一个示例中截取的

我的愿望是在页面加载时或在脚本中运行此功能，而不需要按下按钮。下面的脚本可以很好地使用该按钮，但不能用于打开或脚本调用。现在我承认我并不真正理解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>


HTML5全屏API
全屏发射
全屏隐藏
//
提前感谢,，
Will

在HTML5中有一个特定的全屏API，请看和。

我忘记了我在这里运行一个嵌入式（单用户）应用程序的事实……当我再次想到这一点时，我在寻找一种向浏览器发送击键的方法。我发现并安装了Xdool，因为它是为angstrom打包的，并编写了一个小的autostart脚本。虽然我现在将通过node.js应用程序更好地自动化它，但它确实很有魅力。谢谢你的帮助，威尔将以另一种方式满足我的要求，因为我正在运行Chrome

chrome.exe--kiosk--隐姓埋名于some.web.site

Kiosk做的是全屏操作，隐姓埋名防止了在非正常关机的情况下恢复会话的问题

这就是我所需要的，不管我认为我需要什么

格劳特罗：谢谢，这让我走得更远，但我遇到了另一个难题，要么我错过了一些简单的东西，要么HTML5阻止了全屏显示，除非用户启动？当你调用JavaScript函数时，你的页面会直接全屏显示，但浏览器会自动显示一个弹出窗口，用于全屏显示批准/拒绝您的应用程序。这是为了防止应用程序被滥用，因为全屏行为可能会让最终用户非常恼火（丢失的选项卡、Windows任务栏…）。也许你有兴趣在一个新的窗口中显示你的内容我已经得出了这个结论…我认识到我可能是希望使用浏览器作为嵌入式应用程序的用户界面的极少数人…但是…如果浏览器允许全屏显示而无需用户请求，那就太好了，如果看到我们在本地主机上运行！感觉我的第一次用户交互必须是一个标准的表单，它有一个按钮，可以让我们全屏显示，而不会让我的小LCD出现额外的垃圾。当页面加载时，你可以在JavaScript中调用fullscrean方法。如果用户对您的网站显示为这样感到高兴，他将选中复选框以向浏览器添加异常。如果你只想在你的机器上全屏显示，你可以按F11。我的最终解决方案作为答案发布。