如何在iPhone上禁用URL和底部栏

Question

I am making an web app in html, css and js nad would like to hide the address bar and the bottom bar in the web browser on iPhone.

I've had no luck so far and have tried with following:

   /mobile/i.test(navigator.userAgent) && setTimeout(function () {
   window.scrollTo(0, 1);
   }, 1000);

And used the meta tags:

name="apple-mobile-web-app-status-bar-style" content="black"
name="apple-mobile-web-app-capable" content="yes"

Answer 1

In the native Safari browser on IOS, there is no way to disable the menu and address bar. This would normally disappear when the user is scrolling. If you make a bookmark on the home screen by pressing the share button . The web app will appear without the address bar and menu bar. Hope this helped! -Todd