CODEWITHSUNDEEP
iphoneiosmobile
GusDeCooL
GusDeCooL

Reputation: 5758

Develop Mobile App like webapp.to

Well, i know the title look like general question which will be discussed.

But please read it first.

There is a site that selling mobile website webapp.to but if we open/download one of their work/portfolio like webapp.to/schoolofsurf from our iphone. Then the site will opened on safari. Then the website we open will also suggest us to Add to Home Screen and then icon appear on Home Screen like an normal application, which it when we open it, it is normally open safari and go to that website.

But, what the real happen is the app is look like it opened stand-alone without safari.
How did they do that?

Please look at screenshot below for more graphic explanation:
enter image description here
enter image description here
enter image description here
enter image description here
enter image description here

Upvotes: 1

Views: 70

Answers (2)

codemonkey
codemonkey

Reputation: 5267

You need to add a meta tag that tells Safari your webapp is "app capable". Have a look here https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html.

You can specify the home screen icons using a set of "link" tags. See here https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html.

Upvotes: 2

MrTJ
MrTJ

Reputation: 13182

There are several iphone/safari specific HTML meta tags that allows you to set the icon, splash screen and the visibility of the location bar when your site has been added to the home screen. You can read more about this in this document.

Upvotes: 4

Related Questions