Javascript 在iphone/ipad上,PWA未以全屏模式打开
我在ios上浏览了几篇与PWA相关的文章,但仍然不明白为什么我在主屏幕上添加了一个应用程序后会看到地址栏。如果有人能帮我,我会很高兴的 我的索引文件中的元标记Javascript 在iphone/ipad上,PWA未以全屏模式打开,javascript,ios,iphone,mobile-safari,progressive-web-apps,Javascript,Ios,Iphone,Mobile Safari,Progressive Web Apps,我在ios上浏览了几篇与PWA相关的文章,但仍然不明白为什么我在主屏幕上添加了一个应用程序后会看到地址栏。如果有人能帮我,我会很高兴的 我的索引文件中的元标记 <meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <meta name
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="./assets/manifest.json">
<meta name="theme-color" content="#ffffff">
{
"short_name": "Dashboard",
"name": "Dashboard",
"icons": [
{
"src": "logo.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "/home",
"display": "standalone",
"theme_color": "#000",
"background_color": "#000"
}
以防有人无意中发现这篇文章。自2020年4月起,iOS不读取清单文件以设置PWA屏幕模式。相反,需要添加他们的
meta
标记:
<meta name="apple-mobile-web-app-capable" content="yes">
用于以全屏模式查看应用程序。以及:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
用于将状态栏设置为与页面
相同的颜色。还有其他可用选项:黑色
和白色
您可以检查本节中给出的解决方法。由于您已经在清单文件中使用了“display”:“standalone”
,您可以尝试“display”:“fullscreen”
并查看它是否有效。