配置PWA图标和启动画面需正确编写manifest.json并部署资源，配合HTML声明：提供192×192、512×512 PNG图标及iOS专用180×180图标，使用绝对路径；manifest中设置background_color和short_name控制启动画面；HTML中添加manifest链接及apple-mobile-web-app-capable等meta标签；最终通过三步实测验证效果。
配置 PWA 的应用图标和启动画面，关键在于 manifest.json 文件的正确编写与资源部署，同时需配合 HTML 中的必要声明。它不是只放几张图就行，而是要满足不同平台（Android、iOS、桌面）对尺寸、路径、格式和语义的明确要求。
应用图标必须提供多尺寸且路径可访问
图标不是“越多越好”，而是要覆盖主流设备所需的最小集合，并确保每个文件真实存在、能被浏览器直接加载（推荐用绝对路径）：
- 至少提供 192×192 和 512×512 两档 PNG 图标（Android 主屏幕和安装横幅强制要求）
- iOS 需要 180×180（@3x Retina）图标，单独通过
<link rel="apple-touch-icon" href="/icon-180.png">声明，不能只靠 manifest - 所有图标 src 路径必须是可公开访问的绝对路径（如
/icons/icon-192.png），相对路径或带查询参数（icon.png?v=1）会导致加载失败 - 建议使用 RealFaviconGenerator 一键生成全尺寸图标集 + 对应 HTML 片段
启动画面由 manifest + background_color 共同决定
启动画面（splash screen）是用户点击桌面图标后、页面渲染前短暂显示的画面，其样式完全由 manifest 控制，无需额外图片：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
-
background_color决定启动画面底色（必须填，且为合法十六进制色值，如"#ffffff"） -
name或short_name会以系统字体居中显示在画面上（iOS 仅用short_name，且严格限制 ≤12 字符） - 图标自动居中缩放——使用 512×512 图标可保证在高分辨率屏上清晰不模糊
- 注意：
theme_color影响的是页面内状态栏/地址栏颜色，不影响启动画面本身
HTML 中必须显式链接 manifest 并补充 iOS 元标签
仅写好 manifest.json 不够，它必须被页面主动引用，且 iOS 需额外 meta 声明才能触发图标识别：
立即学习“Java免费学习笔记（深入）”；
- 在
<head>中添加：<link rel="manifest" href="/manifest.json"> - 为 iOS 加入：
<meta name="apple-mobile-web-app-capable" content="yes">（启用独立窗口模式） - 指定 iOS 主题色：
<meta name="apple-mobile-web-app-status-bar-style" content="default">（可选，控制状态栏文字颜色） - 设置主题色兜底：
<meta name="theme-color" content="#4285f4">（影响 Chrome 地址栏，也增强安装提示可信度）
验证是否生效的三个硬指标
别依赖 Lighthouse 打分，真正有效的判断方式只有手动实测：
- 在手机 Safari 或 Chrome 中打开网站 → 点击「分享」→ 出现「添加到主屏幕」选项（iOS 必须有 apple-* meta 才显示）
- 添加后，桌面图标正常显示，点击打开无地址栏、无浏览器 UI（display: standalone 生效）
- 杀掉浏览器进程后重新点击桌面图标，仍能立即显示启动画面 → 进入首页（说明 manifest 解析成功且图标/颜色已缓存）
