javascript - 使用 setInterval 使用 javascript 进行全屏浏览

Question

我有一个带有 iframe 的页面，应每 5 分钟更新一次。

为此我使用了以下 JavaScript 代码

var auto 
auto = self.setInterval(function(){refresh()}, 300000);
function refresh()
{
    var iframe = document.getElementById('report');
    iframe.src = iframe.src;

}

但现在我想确保我始终处于全屏状态

我在谷歌中找到了以下代码:

function full() {
                var
                      el = document.documentElement
                    , rfs =
                           el.requestFullScreen
                        || el.webkitRequestFullScreen
                        || el.mozRequestFullScreen
                ;
                rfs.call(el);
            };

如果我通过按钮调用，效果很好

但如果我从以下位置调用刷新函数则不起作用:

    var auto
    auto = self.setInterval(function(){clicar()}, 300000);                                  
    function full() {
        var
              el = document.documentElement
            , rfs =
                   el.requestFullScreen
                || el.webkitRequestFullScreen
                || el.mozRequestFullScreen
        ;
        rfs.call(el);
    };  
    function clicar()
    {
        full();

        var iframe = document.getElementById('report');
        iframe.src = iframe.src;

    }

浏览器没有返回错误，只是没有全屏显示。

有什么想法吗？

Answer 1

切换到全屏是一个潜在的安全问题，因此通常必须与用户事件(例如单击按钮)相关联才能执行。在这种情况下，您将无法从setInterval切换到全屏。事件。还有其他原因可能导致切换到全屏失败。

如果切换到全屏失败，Firefox 会专门向错误控制台记录一条消息。 Firefox 和 Chrome 都有可能允许这样做的选择加入开关。

来自 MDN 页面:

It's not guaranteed that you'll be able to switch into fullscreen mode. For example, <iframe> elements have the mozallowfullscreen attribute (webkitallowfullscreen, etc) in order to opt-in to allowing their content to be displayed in fullscreen mode.

请参阅reference在 MDN 上了解更多详细信息