Iphone mobile web + remove Safari interface panels

Question

anone knows how to remove the panel top and bottom on iphone safari. I have this mobile web page that I am writing and I cannot get rid of the navigation bar. Is it possible?

Thank.

Answer 1

You cannot remove bars at the top and bottom of the Safari application. I saw applications that embed Safari in them without two bars, but you could not do this using Javascript or the metadata tag on your page.

UPDATE

There is a trick that allows you to hide the address bar by scrolling through the page. Something like that:

<script type="application/x-javascript">
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

    function hideURLbar(){
        window.scrollTo(0,1);
    }
</script>

Answer 2

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

<!-- this is the part responsible for hidding the bottom bar -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

, , iphone.

, .

Answer 3

You can include <meta name="apple-mobile-web-app-capable" content="yes" />in the title. This will remove two bars when the app is bookmarkedon the diving board.

If you want to remove the top bar in mobile Safari, use the code you entered.