html – 隐藏移动Firefox中的地址栏

发布时间：2020-12-14 23:22:23 所属栏目：资源来源：网络整理

导读：我尝试了各种scrollTo()解决方案,它们隐藏了移动浏览器中的地址栏,但它们似乎都没有在移动Firefox中运行. 在这种情况下是否需要使用不同的技巧？解决方法如果您负责编写您想要全屏的页面,您可以运行这些小代码来使用API??： function setFullScreen(el) {

我尝试了各种scrollTo()解决方案,它们隐藏了移动浏览器中的地址栏,但它们似乎都没有在移动Firefox中运行.

在这种情况下是否需要使用不同的技巧？

解决方法

如果您负责编写您想要全屏的页面,您可以运行这些小代码来使用API??：

function setFullScreen(el) {

    if (el.requestFullscreen) {
        el.requestFullscreen();
    } else if (el.msRequestFullscreen) {
        el.msRequestFullscreen();
    }else if (el.mozRequestFullScreen) {
        el.mozRequestFullScreen();
    }else if (el.webkitRequestFullscreen) {
        el.webkitRequestFullscreen();
    }
}

function exitFullScreen(){
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    }else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
}

function toggleFullScreen(){
    if(!document.fullscreenElement && !document.msFullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement){
        setFullScreen(document.documentElement);
    }else{
        exitFullScreen();
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!