将窗口状态更改为全屏答案

【问题标题】：Change Window State to Fullscreen将窗口状态更改为全屏
【发布时间】：2011-05-26 10:13:58
【问题描述】：

如何在 javascript 中将 Web 浏览器窗口状态更改为全屏（如用户按 F11 时）？我知道如何指定 Window.Open 方法打开的新窗口的窗口状态，但我想更改当前窗口的状态。

【问题讨论】：

How to make in Javascript full screen windows (stretching all over the screen)的可能重复
大声笑，不，我告诉过你当前窗口
那是Could a website force the browser to go into fullscreen mode?的复制品:)
我家里有两台显示器，口袋里有一个黑莓。你的全屏大神现在在哪里？
@Incognito：你已经在我的立方体中填满了很多 laff。

【解决方案1】：

你不能而且你不应该这样做。

最小的解决方法是将新窗口的窗口大小设置为接近屏幕分辨率，但如果用户有双屏，这可能会很棘手。

【讨论】：

【解决方案2】：

你不能。

只需要求用户按下 F11，然后通过检查键码 122（例如：keyup 事件）并将窗口大小与屏幕大小（screen.width）进行比较来检测用户是否按下它/height 和 window.innerWidth/Height)。

它并不完美，特别是对于拥有多个屏幕的用户而言。

【讨论】：

【解决方案3】：

你可以用JS打开一个没有工具栏的窗口：

window.open("http://www.stackoverflow.com","mywindow","menubar=0,resizable=1,toolbar=0,status=0,width=5000,height=5000");

它可能会被弹出窗口阻止程序阻止，但这是你能做的最多的事情。

【讨论】：

【解决方案4】：

到目前为止，我知道，只有在具有安全权限的情况下才有可能，例如在 Intranet 中。例如：

InternetExplorer.Application ActiveX 对象有一个“fullScreen”方法。
在 Firefox 3+ 中，如果您有 Chrome 权限，则可以使用“window.fullScreen = true;” 但如果没有这些权限，此属性是只读的 (https://developer.mozilla.org/en/DOM:window.fullScreen)。

【讨论】：

【解决方案5】：

简单。

<strong>Please view in fullscreen (F11 on most browsers).</strong>
<a href="javascript:showExplanation()">Here's why</a>

不，从用户手中移除对浏览器的控制是没有作弊的。

【讨论】：