ios web app meta tag not working
Within the <head> of my webpage I have the:
<meta name="apple-mobile-web-app-capable" content="yes">
According to Apple developer, this is all that is needed for the app to launch in “standalone” mode. However, when clicking the bookmark that I had added to home it launches in the default safari rather than its own instance. What’s confusing me is that I copied these tags from another web page that I made last week that does work.
Am I doing anything wrong?
There is a manifest linked, it is a .json text file (“manifest.json”).
Thanks in advance for any answers and I am more than willing to provide any more of my html file if needed.
Below is the full <head> from my web page:
<head>
<title>XXXXXX</title>
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="manifest" href="manifest.json">
<link rel="icon" href="icon.jpeg">
<meta name="viewport" content="user-scalable=no">
<meta name="apple-mobile-web-app-title" content="XXXXXX">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="icon.jpeg">
</head>
iPad, iOS 13