【问题标题】:For progressive web apps, how can I specify which icon should appear on the splash screen?对于渐进式 Web 应用程序,如何指定启动屏幕上应显示的图标?
【发布时间】:2017-09-05 06:33:56
【问题描述】:

我有一个 PWA,其图标位于 144 和 512。两者似乎都出现在 chrome 的应用程序选项卡中,但是当启动屏幕显示时,图标非常小(我认为它是 144 图标)。有没有办法指定启动屏幕应该使用哪个图标?启动画面会始终显示最大的图像吗?

【问题讨论】:

    标签: javascript progressive-web-apps


    【解决方案1】:

    我建议始终将 192 像素作为最小尺寸图标,并创建 3 个其他版本,分别为 256 像素、384 像素和 512 像素。但是,如果您想确保用户不会为启动画面下载太多数据,尤其是在低密度设备上,那么您可以降低,Chrome 将尝试获取最合适的图像。

    用于安装到主屏幕是通过使用在以下<link> 标记之一中找到的最大图标来确定的:

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

    参考:

    Add to Homescreen - chrome

    Splash Screen for Installed Web Apps

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-05-03
      • 2015-01-13
      • 1970-01-01
      • 1970-01-01
      • 2015-12-19
      • 1970-01-01
      • 2016-09-29
      • 2017-01-27
      相关资源
      最近更新 更多