-
META tags to help your iOS web app look like a native app
Creating an iOS web app is extremely simple, yet extremely underrated. Advantages to web apps include being able to instantly “push” updates of your app, not having to go through the Apple approval process, and multi device compatibility.
Making your web app feel like a native app is not so hard, and with the following HTML tags, your app should be looking good in no time. Please note that all of the following tags go in between your HTML’s <head></head> tags.Setting the application’s icon
The application icon is what the user will see when they add your web app to the home screen.
If you don’t want the gloss, use this instead
Setting the application’s loading image
If you’ve used an iPhone app before, you know that before being able to use the application, a “splash” image shows up until the app is done loading. Setting this in your web app is super easy as well, here’s the tag you use -
Make the application “Full Screen”
If you want to hide the Safari navigation controls so that your application appears “Full Screen”, the following line will do the trick.Changing status bar types
iOS has several different types of status bars. Black, translucent and the default white gradient bar. If you don’t want the default white bar, here are the different META tags that can be used to switch them up
Default
Black
Black TranslucentAllowing your user to scale your app
If you don’t want your user to be able to pinch to zoom in / out of your app, the following tag will help you out.
-
raphaelcaixeta posted this
