IOS 17 Safari 不接受“添加到主屏幕”上的 PWA 图标-解网

问：

IOS 17 Safari 不接受“添加到主屏幕”上的 PWA 图标。它只是生成一个通用的默认灰色背景，其中只有一个字母作为图标。

我尝试了各种方法来让它接受图标，但到目前为止无济于事。这是我认为应该起作用但不能起作用的 html 和清单：

<head>
    <link rel="icon" type="image/png" href="/assets/media/logos/logo-16.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="PWT App">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">

    <link rel="apple-touch-icon" sizes="180x180" href="/assets/media/logos/logo-180.png">

    <meta name="theme-color" content="#fff">

    <link rel="manifest" href="/app.webmanifest">

</head>

清单图标为：

    "icons": [
        {
            "src": "/assets/media/logos/logo-256.png",
            "sizes": "256x256",
            "type": "image/png",
            "purpose": "any"
        },
        {
            "src": "/assets/media/logos/logo-512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "any"
        },
        {
            "src": "/assets/media/logos/logo-512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "maskable"
        }
    ]

有什么想法吗？Mac 上的 Chrome 在保存 Web 应用程序时会检测并使用该图标。但 iPhone 上的 safari 17 不会。仅供参考：在审核网站是否符合 PWA 时，我从 Chrome 的 Lighthouse 获得了 PWA 绿色检查。我在 https nodejs 本地服务器下运行所有这些，这确实意味着我正在通过本地路由器的 IP 地址访问 Web 应用程序资源——不确定这是否会有所作为，但认为值得一提。

HTML 渐进式 Web 应用程序移动 Safari 浏览器

IOS 17 Safari 不接受“添加到主屏幕”上的 PWA 图标

IOS 17 Safari not accepting PWA icon on 'Add to Home Screen'

评论