我想进行一项心理研究，参与者必须查看大图像。
实验是在网络上完成的，因此是在浏览器窗口中完成的。是否可以告诉浏览器进入全屏模式，例如按下按钮？
我知道可以打开一个固定大小的弹出窗口。您认为这将是一个可行的替代方案吗？如果，最好的方法是什么？是否有优雅的方法来检测弹出窗口阻止程序，以回退并在原始浏览器窗口中运行研究。
主要担心的是这项研究的参与者不熟悉技术细节，不应该被他们打扰。
【问题讨论】：
标签： javascript html browser window
此功能对于支持全屏的移动浏览器更有趣。通过点击一个选项，大多数移动浏览器不会有全屏选项。您可以切换到全屏以获得一点应用感觉。
【讨论】：
我搜索后发现了一些代码。
function fullscreen() {
var element = document.getElementById("content");
if (element.requestFullScreen) {
if (!document.fullScreen) {
element.requestFullscreen();
$(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
} else {
document.exitFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize.png");
}
} else if (element.mozRequestFullScreen) {
if (!document.mozFullScreen) {
element.mozRequestFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
google.maps.event.trigger(map, 'resize');
} else {
document.mozCancelFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize.png");
}
} else if (element.webkitRequestFullScreen) {
if (!document.webkitIsFullScreen) {
element.webkitRequestFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize_actual.png");
google.maps.event.trigger(map, 'resize');
} else {
document.webkitCancelFullScreen();
$(".fullscreen").attr('src',"img/icons/panel_resize.png");
}
}
}
它将使用 html5 api。我用jquery为它切换了一张特殊的图片。希望这会有所帮助。目前，我不知道你是否可以强制它，因为它被禁止出于安全考虑。
【讨论】：
在 IE 上以全屏模式打开一个新窗口：
<script>
<!--
window.open("page.html","fs","fullscreen,scrollbars")
//-->
</script>
在 page.html 上添加“关闭”链接可能是个好主意：
<a href="#" onclick="window.close()">Close Window</a>
【讨论】：
要修改父窗口，请尝试以下操作：
window.opener.location.href = '/confirmation/page.html';
【讨论】：
您可以告诉用户按 F11。在它旁边，放一个“为什么？”链接并解释为什么你觉得他们需要全屏模式。
我不认为你可以强制浏览器全屏显示，事实上，如果你能做到这一点，我会对我的浏览器感到愤怒。它太具有侵略性了。甚至 Flash 也具有安全性，因此强制插件进入全屏需要事件源自用户交互。所以，如果它对你来说很重要，这可能是使用 Flash 插件的一个很好的理由，因为你可以将全屏调用附加到一个误导性的按钮上，上面写着“开始测验”（或其他）。
但是，请不要那样做。直接与用户直接联系并告诉他们按 F11。
编辑：我刚刚尝试了另一条评论中提供的示例代码，我很高兴地说 Firefox 会打开一个带有地址栏的最大化窗口，而不是全屏窗口。
【讨论】：
F11 使 IE 和 Firefox 进入全屏模式。我确信全屏是可能的，因为 YouTube 和其他视频流媒体网站可以使用 Flash，但我不知道如何使用 javascript。
【讨论】：
没有办法将当前窗口调整为全屏，但您可以全屏打开一个弹出窗口：
<script type="text/javascript">
<!--
function popup(url)
{
params = 'width='+screen.width;
params += ', height='+screen.height;
params += ', top=0, left=0'
params += ', fullscreen=yes';
newwin=window.open(url,'windowname4', params);
if (window.focus) {newwin.focus()}
return false;
}
// -->
</script>
<a href="javascript: void(0)"
onclick="popup('popup.html')">Fullscreen popup window</a>
【讨论】：
过去，我曾看到网站这样做。但是，由于它非常烦人并且通常被 pr0n 网站的广告使用，因此该技术可能会在最近的浏览器中被阻止。
但我认为重要的一点是：它非常烦人，并且通常被 pr0n 网站的广告使用，因此您可能不想将自己关联到哪些此类东西，所以您最好只要求您的用户最大化他们的浏览器.
【讨论】：