html 在没有用户交互的情况下调用全屏

f1tvaqid  于 2023-08-01  发布在  其他
关注(0)|答案(2)|浏览(180)

有没有可能让一个网页进入全屏而不需要像这样的用户交互?

<body onload="openFullscreen()"></body>

字符串
先谢谢你。

vxf3dgd4

vxf3dgd41#

这是不可能的
我在浏览器控制台中运行了以下代码段:

var e = document.getElementById('answers');
(e.webkitRequestFullScreen || e.mozRequestFullScreen).apply(e);

字符串
Chrome告诉我:
无法在“元素”上执行“requestFullScreen”:API只能通过用户手势启动。
Firefox告诉我:
全屏请求被拒绝,因为未从短时间运行的用户生成的事件处理程序内部调用Element.mozRequestFullScreen()。
这是为了防止滥用而设置的限制,类似于window.open(例如,请参阅此问题)。
您可能能够实现这一点,但这将根据您的操作系统而有所不同。
这可能会起作用:

$(document).ready(function () {
    $('html').click(function () {
        if (screenfull.isFullscreen !== true) {
            screenfull.toggle();
        }
    });
});

qlzsbp2j

qlzsbp2j2#

可以通过更改浏览器设置并使用Fullscreen API来允许。此设置仅适用于Firefox-无法找到适用于Chrome的解决方案。

火狐

1.关于:config
1.将此值设置为 false:第一个月
当您从您控制的设备访问您的网站时,如果您总是需要全屏模式,这很有用。

相关问题