关于这个有几个问题，有人说不可能，有人说在IE浏览器全屏模式下可以吗？我想知道一个通用的解决方案和一个答案。
我正在构建一个照片库网页，当全屏查看时，该库确实有所不同（正如标题所说，我说的是真正的全屏，而不是条形和窗口镀铬等），我想放置一个按钮为全屏。（不，我不会在没有用户意图的情况下强行使用 FS，我也讨厌这种“功能”）当通过用户启动的操作（例如按钮单击）启动时，在 Flash 中是可能的，我想知道是否这样东西也可用于 Javascript。从逻辑上讲，它应该具有类似于 Flash/SL 用户启动的全屏模式的机制。如果没有适用于所有人的“通用”功能，我设置窗口宽度/高度等不要回答告诉设置窗口宽度/高度，我知道怎么做，我不是在寻找它）太。
这现在可以在最新版本的 Chrome、Firefox 和 IE(11) 中实现。
按照 Zuul 在此线程上的指示，我编辑了他的代码以包含 IE11 和全屏显示页面上任何选择元素的选项。
JS：
function toggleFullScreen(elem) {
// ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
if (elem.requestFullScreen) {
elem.requestFullScreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullScreen) {
elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
}
HTML：
<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen(document.body)">
其中“document.body”是您希望的任何元素。
另请注意，尝试从控制台运行这些全屏命令似乎不适用于 Chrome 或 IE。不过，我确实在 Firefox 中使用 Firebug 取得了成功。
需要注意的另一件事是这些“全屏”命令没有垂直滚动条，您需要在 CSS 中指定：
*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
overflow: auto !important;
}
"!important" 似乎是 IE 渲染它所必需的
任何想要编辑它并将其转换为代码片段的人的快速说明，请不要打扰。该代码在 SO 代码片段中不起作用，因为它将它放在iframe.
第 IE的旧版本（≤6）允许的，但是，这个功能被看作是一个安全问题，所以没有现代的浏览器允许它。
您仍然可以调用 window.open(url,'','fullscreen=yes')，它可以让您完成 90% 的工作，但结果略有不同：
这与您使用 JavaScript 所得到的一样接近。 你的另一个选择是在 Flash 中构建一些东西（呃！），或者只是让你的“全屏”按钮弹出一个灯箱，上面写着“按 F11 进入全屏”，然后隐藏灯箱window.resize或点击灯箱中的取消按钮.
编辑： Webkit (Safari 5.1+/Chrome 15+) 和 Firefox (10+) 已经实现了一个适当的全屏 API （首先由 Mozilla 提出，后来作为W3C 提案发布）。 这里有一个简要的历史和使用示例。 请注意，IE10 据称不支持该 API。
我想知道为什么没有人注意到所有答案都是错误的。
设置body元素，以全屏幕并不会有按F11的相同的行为。
可以通过以下方式获得 F11 的相同行为：
document.documentElement.requestFullScreen(); // on
和
document.cancelFullScreen(); // off
还要检查我们是否处于全屏模式，我使用以下行：
isFullScreen=()=>!(document.currentFullScreenElement==null)
这也检测是否 fullScreen 被 F11 调用：
isFullScreen=(document.documentElement.clientWidth==screen.width && document.documentElement.clientHeight==screen.height)
注意： 这必须在用户交互事件（onclick、onkeydown 等）中调用。
注意 2：当用户按下 F11 时，没有真正在全屏中设置“元素”，因此检测它的唯一方法是使用事件侦听器拦截键盘或检查客户端尺寸是否与屏幕尺寸相同**
您可以使用已签名的 Java 小程序执行此操作，该小程序有权运行自动化脚本以发出按键进入全屏模式。但是，除非您的用户不介意您的网站操纵他们的机器，否则这完全是一种不切实际的黑客行为。
有一个未知的库可以为您完成所有工作：
https://github.com/rafrex/fscreen
我有同样的问题，我做了（例如在react组件中）：
import fscreen from 'fscreen';
.....
if (fscreen.fullscreenElement == null) {
fscreen.requestFullscreen(document.documentElement);
}else{
fscreen.exitFullscreen();
}
适用于 Chrome、Firefox、Safari、IE11、iOS、Android