在Chrome中强制全屏显示

9
我目前正在开发一个私有网络应用程序,不会向公众发布。它相对简单,将在Google Chrome上运行。
当DOM准备好后,有没有强制浏览器进入全屏模式的解决方法?我考虑简单地模拟按下F11键,但我不知道是否可能实现。
除了调整窗口大小以适应可用宽度并隐藏导航(不是理想的解决方法),有没有jQuery解决方案?

我相信你做不到这件事。我也相信F键没有键码/触发键事件。 - gen_Eric
2
@BenM:这是不可能的(幸运的是)。 - PeeHaa
@PeeHaa:哦,你说得对。我没意识到这一点。 - gen_Eric
感谢您所有的回复。由于这是一个本地应用程序,我肯定可以使用 kiosk 模式。 - BenM
可能是重复问题:https://dev59.com/ulTTa4cB1Zd3GeqPtpRa - Anderson Green
5个回答

18

正如其他人已经提到的那样,由于已经提到的明显原因,这是不可能的。

但既然这是一个本地网站,为什么不只是在全屏模式下创建一个Chrome的快捷方式:

创建Chrome的快捷方式:

"C:\Users\techiecorner\AppData\Local\Google\Chrome\Application\chrome.exe" --kiosk http://www.example.com

更新

现在(HTML5)有一个全屏API的提案。要使用它,您可以执行以下操作:

http://www.techiecorner.com/1941/how-to-auto-start-chrome-in-full-screen-mode-f11-everytime/

// feature detection
if (typeof document.cancelFullScreen != 'undefined' && document.fullScreenEnabled === true) {
  // mozilla proposal
  element.requestFullScreen();
  document.cancelFullScreen(); 

  // Webkit (works in Safari and Chrome Canary)
  element.webkitRequestFullScreen(); 
  document.webkitCancelFullScreen(); 

  // Firefox (works in nightly)
  element.mozRequestFullScreen();
  document.mozCancelFullScreen(); 

  // W3C Proposal
  element.requestFullscreen();
  document.exitFullscreen();
}

更多信息请参见官方规范


Facebook已在其他用户个人资料页面上实现了按钮,允许您切换到全屏模式...我可以在Windows下的Chrome中看到它正在工作。该按钮的代码没有透露任何信息:<a data-hover="tooltip" title="" tooltip-position="below" tooltip-alignh="right" href="#" id="fbPhotoSnowliftFullScreenSwitch" aria-owns="js_0" aria-controls="js_0" aria-haspopup="true"></a>。 - Odif Yltsaeb

0

这很可能是不可能的,如果可以的话,我会认为这是一种安全威胁。

如果您控制环境,您可以在 Mac 上使用 AppleScript 完成此操作。不确定 Windows 是否可行。


0

我认为这是不可能的(不考虑浏览器扩展程序)。

通常,浏览器不允许访问它们的窗口。实际上,现代浏览器甚至不允许您更改当前窗口的大小(仅限弹出窗口)。

如果这对您的应用程序至关重要,您应该向用户显示一条消息,告知他在浏览器不处于全屏模式时按F11键。


0

这是不可能的,因为您试图操纵在操作系统上运行的实际程序。您可以操纵浏览器窗口内的任何内容,但不能超出范围。


0

虽然有点晚了,但这为您提供了一些实验性的全屏应用程序访问权限。您可以模拟点击事件并使其触发。

https://github.com/martinaglv/jQuery-FullScreen

一个jQuery 1.7插件,包装了全屏API并解决了各种浏览器之间的差异。在FF 10、Chrome和Safari中工作。它对于向用户呈现更易读版本的网页或缩放和元素非常有用。

这有点晚了,但是这为您提供了一些实验性的全屏应用程序访问权限。您可以模拟点击事件并使其触发。 - Frank

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接