progressive-web-apps - 使用 PWA 快捷方式时,是否可以本地化快捷方式名称?

标签 progressive-web-apps

我们的 PWA 在全局范围内使用,并针对用户进行了本地化。

如果我们使用 PWA 快捷方式,是否可以在 manifest.json 文件中本地化快捷方式名称?

https://web.dev/app-shortcuts/

例如,如果我们有一个名为“搜索”的快捷方式,对于在其操作系统中设置了日语的用户,我希望它以日语“検索”显示。

最佳答案

目前无法在 list 中指定不同的语言字符串,唯一的方法是根据用户浏览器的语言提供不同的 list 。

有两种选择:

  1. 让服务器根据用户浏览器发送的 Accept-Language HTTP header 返回不同的 list 文件。
  2. 在检查用户首选语言后,在页面中添加(或更新) list 链接。

就我个人而言,我会推荐第一个选项。 list 文件名对所有用户都保持不变,不需要客户端代码,也不会以任何方式影响页面性能。

第二个需要 JavaScript 来更新 list 链接,虽然并不昂贵,但运行的客户端代码越少越好。这也意味着每种语言都有自己的 list 文件,因此如果我更改浏览器语言,系统可能会提示我再次安装 PWA,因为它现在是一个新 list 。

关于progressive-web-apps - 使用 PWA 快捷方式时,是否可以本地化快捷方式名称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66366041/

相关文章:

google-chrome - 关闭应用后Vue PWA黑屏

html - pwa 应用程序没有使用 list 图标在 android 中安装

javascript - "[url]"的 FetchEvent 导致网络错误响应 : the promise was rejected

progressive-web-apps - 如何更改 Vue PWA 应用程序的应用程序名称?

javascript - 由于客户端未注册,在服务 worker 的第一次页面加载中未执行获取事件

javascript - Vue Cli 3 项目不会生成 manifest.json (PWA)

node.js - 使用 Angular2 的 Service Worker 推送通知

ios - 作为主屏幕启动的 Web 应用程序在页面更改后切换到浏览器模式

angular - Ionic 4 PWA 仅应用程序需要 cordova-plugin-ionic-webview

progressive-web-apps - 为什么我的渐进式移动 Web 应用程序的初始屏幕和呈现的内容之间有一个白色屏幕,有没有办法将其删除?