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

前端之家收集整理的这篇文章主要介绍了html – 隐藏移动Firefox中的地址栏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试了各种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();
    }
}

猜你在找的HTML相关文章