How to Keep an Iphone/iPad Web App in Full Screen Mode

iOS webapp - how to keep full screen mode between pages

I was able to fix the issue by adding a manifest file:

1. create a manifest file in the root of your web app with a similar content to this:

    {
      "name": "My Super App",
      "short_name": "My App",
      "display": "standalone",
      "scope": "/my-app-path/",
      "start_url": "/my-app-path/"
    }

2. Add a link to the manifest file

   
   

3. Remove and add again the app to your home

How do you keep an iPhone/iPad web app in full screen mode?

Let the computer do the tedious job, that's what they're made for.

This is a piece of javascript code I use to avoid rewriting all my links. With that, only those links that have an explicit target = "_blank" attribute will open in Safari. All other links will remain inside the web app.

var a=document.getElementsByTagName("a");
for(var i=0;i<a.length;i++) {
    if(!a[i].onclick && a[i].getAttribute("target") != "_blank") {
        a[i].onclick=function() {
                window.location=this.getAttribute("href");
                return false; 
        }
    }
}

iOS PWA Add to Home Screen - DISABLE Full Screen Mode

Just remove the meta tag itself:

Make sure you also are removing the apple-mobile-web-app-status-bar-style meta tag also otherwise it may be thinking that you want it in full-screen mode by stating you want the status bar.

If you are still having problems after this and clearing all your history and cache, check out Apple’s article on PWAs and try to remove the extra meta tags that are inserted in your website.

How to get full screen mode with a mobile safari web app on IOS 8 Iphone 4S

I figured it out, the meta tags are correct, you just have to create a shortcut on the home screen by clicking on the up arrow box on the bottom bar in safari and choosing add to home screen. Then launch your app and presto bars are gone. Just browsing to say 192.../yourapp does not work you have to add a shortcut to the homescreen to remove bars

iPad WebApp Full Screen in Safari

This only works after you save a bookmark to the app to the home screen. Not if you just browse to the site normally.

---

Related Topics