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

标签 javascript android

正在关注 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。

最佳答案

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

关于javascript - 如何在 Firefox 中保存全屏状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49779835/

相关文章:

javascript - BackboneJS - 使用 _.max 方法从集合中获取特定值

javascript - 如何将项目插入数组并将它们显示在 JavaScript 中的 div 中

javascript - 如何让Javascript更加具体?

javascript - 在 AngularJS 中删除页面刷新/重新加载时的 $location 搜索

android - 如何以编程方式显示带有文本(或按钮或其他)覆盖的图像?

android - 包含协程延迟时如何对协程进行单元测试?

javascript - Meteor 方法破坏订阅查询

java - 根据 EditText 值更改 SeekBar 进度

android - 进行本地化时是否需要基于10种语言构建10个不同的apk

java - 从外部存储打开图像