验证 Nginx 根据设备类型 + iOS 版本,把同一个 /main.js 请求分流到不同 JS 文件。
| 设备 / 系统 | UA 特征 | 返回文件 |
|---|---|---|
| iPhone iOS 20 及以上 | iPhone OS 20_~99_ | main-ios20plus.js |
| iPhone iOS 19 | iPhone OS 19_ | main-ios19.js |
| iPhone iOS 18 | iPhone OS 18_ | main-ios18.js |
| iPhone iOS 17 | iPhone OS 17_ | main-ios17.js |
| iPhone iOS 16 | iPhone OS 16_ | main-ios16.js |
| iPhone iOS 15 | iPhone OS 15_ | main-ios15.js |
| iPhone iOS 14 | iPhone OS 14_ | main-ios14.js |
| iPhone iOS 13 | iPhone OS 13_ | main-ios13.js |
| iPhone iOS ≤12 | iPhone OS 10_~12_ | main-ios12lower.js |
| 安卓 | android | main-android.js |
| iPad | iPad | main-ipad.js |
| PC / 其他 | 兜底 | main-pc.js |
把 index.html 与全部 main-*.js(共 12 个)上传到网站根目录(如 /www/wwwroot/你的站点/)。
宝塔 → 网站 → 设置 → 配置文件,把 map 块放在 server{} 外面顶部,location ^~ /main.js 写入 server{} 内,保存自动校验。
按 F12 → 设备图标切换手机;要测具体 iOS 版本,在「网络条件 / Network conditions」里关闭 Use browser default,自定义 UA,把 CPU iPhone OS 17_x 中的 17 改成 13~20 任一版本。
刷新页面,看顶部三张卡片:Nginx 返回的脚本名应与浏览器自检设备/版本一致,判定显示「一致」即验证通过。