window.fullScreen=true 不工作答案

【问题标题】：window.fullScreen=true is not workingwindow.fullScreen=true 不工作
【发布时间】：2018-01-27 01:55:50
【问题描述】：

我想以全屏模式打开我的 html 页面。我试图在 body 的 onload 事件处理程序中执行这个 javascript。

window.fullScreen = true;

但不幸的是，这似乎不起作用。有没有其他方法可以达到同样的效果。

【问题讨论】：

How to make in Javascript full screen windows (stretching all over the screen) 的可能重复项

标签： javascript html fullscreen

【解决方案1】：

我认为您不能使用 onload 事件来设置 Windows 属性。尝试在打开窗口时设置属性。这应该工作......

<div onclick="window.open('http://stackoverflow.com', 'Stackoverflow' , 'type=fullWindow, fullscreen, scrollbars=yes');">
    Hello Stackoverflow!
</div>

【讨论】：

我会说这实际上并不会产生一个完全“全屏”的窗口。它只是一个与屏幕一样宽和一样高的窗口，并且仍然有一个位置栏。无法从网页中全屏生成内容。（除非你使用闪光灯）

【解决方案2】：

这是不可取的，因为它会导致用户出现意外的浏览器行为。因此，许多浏览器不再允许非特权脚本修改此设置。

例如，来自 Mozilla 开发者中心

具有chrome权限，该属性为可读写，否则为只读。

见https://developer.mozilla.org/En/DOM/Window.fullScreen

【讨论】：

【解决方案3】：

我很确定现在大多数浏览器都会阻止它，因为它很烦人。

【讨论】：

【解决方案4】：

Chrome 15、Firefox 10 和 Safari 5.1 现在提供 API 以编程方式触发全屏模式。

详情请见this hacks.mozilla.org blog post。

【讨论】：

【解决方案5】：

window.open(href, windowname, ',type=fullWindow,fullscreen,scrollbars=yes');

从链接中获取： http://www.htmlcodetutorial.com/linking/linking_famsupp_87.html

【讨论】：

【解决方案6】：

试试这个脚本

<script language="JavaScript">
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto' );
}
</script>

用于调用表单脚本使用

window.fullScreen('fullscreen.jsp');

或带有超链接

<a href="javascript:void(0);" onclick="fullScreen('fullscreen.jsp');"> 
Open in Full Screen Window</a>

【讨论】：