iOS 和 Android 的不同 PWA 清单

【问题标题】：Different PWA manifests for iOS and AndroidiOS 和 Android 的不同 PWA 清单
【发布时间】：2020-09-22 12:47:37
【问题描述】：

是否可以让 Android 设备（所有供应商的智能手机和平板电脑）使用特定的网络清单，而让 iOS/iPadOS 使用另一个？
由于 iOS 有限的 PWA 支持，它们会有所不同。
索引页面是一个简单的静态 HTML 文档，没有使用外部框架。

【问题讨论】：

标签： android ios progressive-web-apps manifest.json

【解决方案1】：

我也想听一个 javascript 版本，但这是您使用 Nginx 实现它的方式，无需 if 语句：

NginX：

map $http_user_agent $manifest {
 ~*Android /manifest-and.json;
 ~*iPhone /manifest-ios.json;
 ~*iPad /manifest-ios.json;
 default /manifest-and.json;
}

location = /manifest.webmanifest {
 return 301 https://$host$manifest;
}

HTML：

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

【讨论】：