CODEWITHSUNDEEP
htmlcssfirefoxmobilefennec
Michael
Michael

Reputation: 9402

Hiding the address bar in mobile Firefox

I have tried the various scrollTo() solutions which hide the address bar in a mobile browser, but none of them seem to work at all in mobile Firefox.

Is there a different trick which needs to be used in that situation?

Upvotes: 6

Views: 13147

Answers (3)

alfadog67
alfadog67

Reputation: 851

If you're in charge of writing the pages that you want fullscreen, you can run these littl bits of code to use the 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();
    }
}

Upvotes: 3

Hacky
Hacky

Reputation: 324

No, there is no way at this moment to do this in mobile firefox. Not even the scrollTo() trick or a manifest file.

Upvotes: -2

Kinga
Kinga

Reputation: 386

You have to make browser go to full screen mode to achieve that.

For mobile FF you have to create manifest and at there:

"fullscreen": "true"

https://developer.mozilla.org/en-US/Apps/Build/Manifest#fullscreen

Upvotes: 0

Related Questions