在网页的<head>
中,我具有:
<meta name="apple-mobile-web-app-capable" content="yes">
根据Apple开发人员的说法,这是应用程序以“独立”模式启动所需要的全部。但是,当单击我添加到家庭中的书签时,它将在默认的野生动物园而不是其自己的实例中启动。令我感到困惑的是,我从上周制作的另一个有效的网页上复制了这些标签。
我做错什么了吗?
在此先感谢您提供任何答案,如果需要,我非常愿意提供更多的html文件。
全头:
<head>
<title>XXXXXX</title>
<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-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="icon.jpeg">
</head>
manifest.json:
{
"name": "XXXXXX",
"short_name": "XXXXXX",
"description": "Placeholder",
"lang": "en-GB",
"start_url": "/index.php",
"scope": "/",
"display": "standalone",
"theme_color": "#ffffff",
"icons": [
{
"src": "icon.jpeg",
"type": "image/jpeg",
}
],
}
我的网页上确实使用了iframe,但我看到其他使用该功能并仍然可以正常使用的网络应用。
最佳答案
清单末尾的逗号并不意味着出现在清单中,并导致清单无效,因此iPhone会忽略清单并以正常书签的形式启动Web应用程序。
清单的结尾应为...
}
]
}