pwa多语言支持需分离安装能力与国际化：manifest.json不支持多语言字段，应为各语言单独部署或统一用主语言；service worker预缓存语言包并交由js控制语言切换与渲染同步；intl格式化需与翻译locale严格对齐，并同步处理rtl布局。
JavaScript 中配置 PWA 的多语言本地化支持，本质是把 PWA 的「安装能力」和「国际化体验」两件事分开处理：Manifest 和 Service Worker 不管语言，翻译逻辑由应用自身控制；而语言切换必须主动触发重渲染，不能依赖浏览器自动更新文本。
manifest.json 本身不支持多语言字段
Web App Manifest（manifest.json）规范中所有字段（如 name、short_name、description）都只接受单值字符串，不支持按 locale 动态切换。这意味着：
- 图标、启动页、主题色等静态元信息只能用一种语言定义
- 如果希望不同语言用户看到对应语言的 app 名称，唯一合规做法是：为每种语言单独部署一套 PWA（不同子路径 + 独立 manifest），例如：
/zh/manifest.json和/en/manifest.json - 更现实的做法是选一个主语言（如 en-US）填写 manifest，把多语言文案交由页面 JS 控制——毕竟安装横幅里显示的 name 只是引导作用，真正影响用户体验的是打开后的界面语言
语言切换必须与 PWA 缓存协同设计
Service Worker 缓存的是 HTML、JS、CSS 和静态资源。当用户切换语言时，若新语言的翻译资源（如 locales/zh-CN.json）未被 SW 预缓存，首次加载会白屏或回退到默认语言。解决方法：
Java JDK 25
下载
Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。
- 在 SW 的
install或activate阶段，预缓存常用语言包（如 en、zh、ja），用caches.open('lang-cache').addAll([...]) - 动态语言包（如用户手动选了 es-ES）可通过 fetch 按需加载，并调用
caches.match()尝试从缓存读取，失败则 fallback 到网络 - 避免在 SW 中硬编码语言逻辑——SW 应保持无状态，语言判断交给主页面 JS 完成
翻译资源加载与渲染同步是关键
PWA 离线可用的前提是资源可缓存，但翻译文本一旦变化，HTML 内容必须重新渲染。常见错误是只换数据不更新 DOM：
- 不要只改
translations[lang]对象，还要触发 UI 更新：React 用 state、Vue 用响应式 data、原生 JS 用element.textContent = t('welcome') - 推荐将翻译函数封装为可订阅的模块，语言变更时广播事件，让各组件自行刷新
- 持久化用户选择：写入
localStorage，并在页面初始化时读取，再加载对应语言包 —— 这样即使离线打开，也能显示上次选的语言
日期/数字/货币格式靠 Intl，但 locale 必须对齐
翻译文本归你管，格式化归 Intl 管。但要注意两者必须一致：
- 用户选了
zh-Hans-CN，翻译键就用zh-Hans-CN，同时Intl.DateTimeFormat('zh-Hans-CN')才能正确输出“2024年7月28日” - 避免混用：比如翻译用
zh-CN，但格式化传zh，会导致日期格式对不上（可能降级为 en-US） - RTL 布局（如阿拉伯语）需额外设置
dir="rtl"和 CSSdirection: rtl，这也要随语言切换同步修改 document.documentElement
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
