PWA-为Android设备设置启动屏幕

时间:2018-10-18 06:48:41

标签: android css meta-tags progressive-web-apps

我有一个响应网站,我想将其用作渐进式Web应用程序。我已经初始化了一些基本的事情,例如设置图标,应用程序名称等。一切都很好,只是启动屏幕出现了问题。在iOS设备上,我可以使用以下代码更改启动屏幕。

0

但是在Android设备上我无法这样做。我的实际要求是仅在初始屏幕上显示徽标。在Android上,它还在初始屏幕上显示徽标和应用名称。

下面是我的<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" href="<?= \yii\helpers\Url::to('@web/img/splash/iPhone-X.png') ?>">文件。 我已经搜索过Google和Stack Overflow,但没有结果对我有帮助,这就是为什么我不得不在Stack Overflow上发布问题。

manifest.json

2 个答案:

答案 0 :(得分:0)

如果您的问题是仅显示图标而不显示Android上的应用程序名称,那么很遗憾,这是不可能的。

答案 1 :(得分:0)

要在您Add to homescreen时显示应用程序图标,只需确保在模板中提供以下链接:

<link rel="icon" sizes="192x192" href="nice-highres.png"> (recommended)
<link rel="icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="niceicon.png">

您的manifest.json看起来不错,只需在此处添加192x192图标,因为它是建议的图标大小。

相关问题