I have included the following in the tag <head>:
<meta name="viewport" content="width=device-width; initial-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="images/icons/appicon.png">
<link rel="apple-touch-startup-image" href="images/loading.png">
My goal is to provide the user with:
the ability to turn the site into something that looks like a native application that runs without a browser. [link]
So, using Safari or some browser in iOS, when the user clicks Add to Home Screenwhen opening the home page of the web application, an icon is added to the main screen. When you click on it, the semi-native application will launch perfectly.
Problem? From a semi-tasking application, if I go to another page (that is, click on any link that redirects to another page on the same site), this link is loaded in the browser (a separate Safari session opens), and not in the same semi-natural application.
So,
- This is normal? Does this conversion to a semi-dependent application include only single page sites?
- If this is not normal, what did I do wrong?
source
share