javascript - 如何在 Firefox 中保存全屏状态？

Question

正在关注 Mozilla's API document on Fullscreen ，我在我的网站中放置了以下代码，它只是获取整个文档(html 元素)并在用户单击页面中的任意位置后使页面全屏显示，一旦再次单击，页面恢复正常。

var videoElement = document.getElementsByTagName('html')[0];

function toggleFullScreen() {
    if (!document.mozFullScreen) {
        if (videoElement.mozRequestFullScreen) {
            videoElement.mozRequestFullScreen();
        }
    } else {
        if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } 
    }
}

window.addEventListener("click", function(e) {
    toggleFullScreen();
}, false);

我的问题是如何保存此全屏状态，以便每次加载 Firefox 时，该页面仍处于全屏状态。或者任何解决方法？这适用于 Android 版 Firefox。

Answer 1

这是一个极端的解决方法，但您可以使您的网站成为 progressive web app并将 "display": "fullscreen" 放入其 manifest 中.然后你可以launch your site from the home screen and use it like a fullscreen native app .