使用 JavaScript 和 JSON 在 Web 应用程序中进行本地化

2023-12-20

我正在尝试设置一个脚本来自动本地化 Web 应用程序。由于Web应用程序旨在使用HTML5的离线缓存功能,因此它需要能够离线工作。因此,在我看来,JavaScript 是最好的选择。

我更喜欢将所有本地化的所有字符串放在一个 JSON 文件中,如下所示:

{
    "en": {
        "application_description": "This is the application's description in English.",
        "application_name": "This is the application's name in English."
    },
    "ja": {
        "application_description": "This is the application's description in Japanese.",
        "application_name": "This is the application's name in Japanese."
    }
}

我想也许给所有将被本地化的元素一个链接到预期消息的自定义属性(例如:i18n =“application_name”)。

我可以使用检索浏览器的语言navigator.language,尽管我认为某些结果必须分成第一部分(例如:“en-US”、“en-GB”和“en-AU”都应该指“en”)。

然而,我的 JavaScript 知识很基础,虽然我已经考虑过,但我无法确定如何实际实现它。

非常感谢任何可以提供任何提示或示例的人!


您可以使用维基媒体jQuery.i18n https://github.com/wikimedia/jquery.i18n/.

  • 文档:https://github.com/wikimedia/jquery.i18n/wiki/API https://github.com/wikimedia/jquery.i18n/wiki/API
  • Demo: http://thottingal.in/projects/js/jquery.i18n/demo/ http://thottingal.in/projects/js/jquery.i18n/demo/
  • 消息语法:https://github.com/wikimedia/jquery.i18n/wiki/Message-Syntax https://github.com/wikimedia/jquery.i18n/wiki/Message-Syntax
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JavaScript 和 JSON 在 Web 应用程序中进行本地化 的相关文章

  • 如何从外部域设置 iframe 内部的样式?

    我有一个网站 其中嵌入了来自 3 个不同域的 3 个 iframe 每个 iframe 都位于单独的页面上 将样式表应用于所有 3 个 iframe 的最佳方法是什么 谢谢你 这可以在某些网站上完成 但由于 同源政策 而并非全部 Twitt
  • Jquery:表单验证不起作用

    我对 Jquery 很陌生 希望你们能帮助我解决这个 jquery 验证问题 一直在尝试验证表单 但它根本没有验证 它接受我在字段中输入的任何内容 无论我设置什么限制 请帮忙 谢谢 这是我的代码
  • LitElement 不更新列表中的复选框

    我有一个简单的清单 每个项目都有一个删除按钮 当我选中第一个项目然后删除它时 列表会更新 删除该项目 但会选中下一个项目的复选框 下一项的属性是正确的 这是我的代码 import LitElement html from lit eleme
  • Jquery onclick 更改图像 - 3 个产品支架

    EDIT 我想添加另一个按钮 因此总共有 3 个按钮 而不是 2 个 我怎样才能做到这一点 我尝试添加产品支架 3 但如果我先单击按钮 1 然后单击按钮 3 则两个按钮都具有相同的背景图像 预览 http gyazo com 6698586
  • req.body 为空 Express js

    我花了几个小时试图找出为什么 req body 是空的 我在 stackoverflow 上到处查看并尝试了所有方法 但没有运气 Express js POST req body 空 https stackoverflow com ques
  • 处理重叠 SVG 图层中的鼠标事件

    我正在使用 d3 js 构建地图可视化 我正在为美国各州和县绘制填充多边形 县的 SVG 图层位于州图层下方 状态已填充 但填充不透明度设置为 0 我认为 需要填充来捕获点击事件 我想捕获州级的点击事件 但我想捕获县级的鼠标悬停事件 但是
  • React 和 ES6 继承

    Note 这篇文章是在 React 不支持 ES6 v12 时发布的 我有一个 ES6 课程 class BaseClass getInitialState return message Hello render return div di
  • 如何从 JQuery - IonRangeSlider 获取值?

    我怎样才能得到低值和高值ion rangeSlider http ionden com a plugins ion rangeSlider en html通过单击按钮来组件 这是我的 jQuery 代码
  • HTML 5 视频:使用 javascript 播放多个“剪辑”

    我在 HTML 视频和 JavaScript 方面遇到问题 因此编写了一些简单的代码来演示 有一个视频包含三个 剪辑 全长五秒 显然 在现实世界中 它们要长得多 一个在 25 30 秒 一个在 55 60 秒 最后一个在 85 90 秒 我
  • 如何并排展开和折叠三个div?

    document ready function toggle click function if this data name show sidebar animate width 10 hide map animate width 89
  • 是否可以使用 JavaScript 导入 HTML?

    我有一些具有相同页脚的 html 页面 使用 JavaScript 并且仅使用 JavaScript 我可以在其中导入另一个 html 页面吗 下面介绍了如何仅使用 JavaScript 向页面添加页脚 2022 代码 使用fetch ht
  • HTML 和 BeautifulSoup:当结构事先不知道时如何迭代解析?

    我从一个简单的 HTML 结构开始 如下所示 感谢 alecxe 的帮助 我能够创建这个 JSON 字典 u Outer List u Inner List u info 1 u info 2 u info 3 使用他的代码 from bs
  • fs.statSync 与缓冲区“错误:路径必须是没有空字节的字符串”

    我已经读入这样的文件缓冲区 let imageBuffer try imageBuffer fs readFileSync some path to image jpg catch e console log error reading i
  • 具有 jsonObject 的 android 列表视图

    我正在开展一项活动 该活动请求服务器上的一个 php 文件 此 php 文件将返回给我一个JSONArray having JSONObjects作为它的元素 我明白了jArray并提取其内容 例如所有jsonObjects 每个 json
  • 使用 jquery 选中和取消选中所有复选框

    我正在使用此脚本来选中和取消选中所有复选框 checkall click function var checked this data checked chkall find checkbox attr checked checked th
  • Javascript:如何捕获使用 window.location.href = url 导航到的页面上的错误

    我正在使用 REST 服务生成一个 CSV 文件 我想提示用户下载该文件 该服务的示例如下 https localhost 8444 websvc exportCSV viewId 93282392 为了提示用户下载文件 我使用以下代码 w
  • Angular 4 - “等待操作”的正确方法是什么?

    我遇到了一个简单的问题 有一个很奇怪的解决方案setTimeout 0 看看这个简单的代码 Component selector my app template div div
  • 如何使用 javascript 获取 html5 视频的缩略图?

    我找到了根据 URL 获取视频缩略图的 JavaScript 代码 不过 我只在 YouTube 和 Vimeo 上找到了这个 似乎没有人列出如何处理旨在嵌入 html5 视频标签的视频的示例 能做到吗 谢谢 是的 您可以使用视频作为画布的
  • 如何使用 PHP 读取/显示 XML

    有没有办法使用 PHP 读取 external xml 来自不同网站的 xml 文件 我知道有一种方法可以使用 JavaScript 读取 XML 但前提是它们都位于同一根目录中 您能否提供有关如何获取 xml 文件的示例 然后阅读以下内容
  • 如何将react-native与php一起使用并获取返回数据始终为空

    我的回报始终为空 我似乎无法让它发挥作用 我如何将react native与php一起使用并获取json 任何人都可以帮忙吗 PHP myArray array myArray lat POST lat myArray lng POST l

随机推荐

  • 如何在 Angular 中不返回数据的 http.post 请求上使用“toPromise()”?

    我最近开始学习 Angular 4 并遵循 Angular io 的教程 但现在我正在尝试构建自己的应用程序 但遇到了一些问题 我花了一整天的时间试图解决这个问题 但我失败了 我正在开发一个目前只有登录和注销功能的身份验证服务 The lo
  • “如果不存在则创建表” - 如何检查架构?

    是否有 或多或少 标准方法不仅检查名为mytable存在 而且其架构是否与应有的相似 我正在尝试H2数据库 http www h2database com and CREATE TABLE IF NOT EXISTS mytable 语句显
  • 如何从字符串中获取字符数组?

    在 JavaScript 中如何将字符串转换为字符数组 我想得到一个像这样的字符串 Hello world 到数组 H e l l o w o r l d 注意 这不兼容 unicode I U split 结果在 4个字符数组 I u 这
  • 包含仅具有静态方法的类的模块

    我有一个包含许多类的 Python 模块 每个类代表一种特定的物理材料及其属性 例如密度 比热 有些属性只是float该类的成员 但许多取决于某些参数 例如温度 我通过实现这个 staticmethods 即所有的类看起来像 class C
  • 使用 Tkinter 命令“iconbitmap”设置窗口图标

    我有一个带有 Tkinter 窗口的程序 我想为该窗口设置一个图标 我使用这段代码 window iconbitmap os path dirname os path abspath file icon png 但抛出以下错误 Traceb
  • 一起使用 javascript 和 php 进行验证

    如何同时使用 php 和 javascript 从我自己的研究来看 这似乎是不可能的 我知道他们是不同的 他们每个人都有自己独特的事情 但假设您正在验证表单 您使用 javascript 验证表单 然后如果没有错误 则运行 php 插入一条
  • 为什么我的线程在 iOS 上启动几个线程后似乎失败了?

    我有这个代码 UITableViewCell tableView UITableView tableView cellForRowAtIndexPath NSIndexPath indexPath代表电话 dispatch async di
  • 如何在 Windows 中远程编辑文本

    注意 这个问题也发布在technet https social technet microsoft com Forums scriptcenter en US 99ac267f a235 4a67 b733 4a2581f6728e rem
  • adb shell 命令在 bash 脚本中不起作用

    我正在尝试编写一个 bash 脚本 运行时可以找到通过 USB 连接的设备的 IP 地址 执行此操作的 bash 脚本 usr bin bash ip adb shell sudo ip f inet addr show 然后我将在稍后的脚
  • 使用 Preact + Typescript 的类型安全事件处理程序

    我正在用 Preact 编写一个简单的组件 它使用onChange处理程序
  • 插入到已排序的数组中

    我想将一个元素插入到排序列表中顺序保持的正确位置 我为数组分配了 2 n 大小 并用 999 填充其余部分 因为它们当前未使用 ordered insert int number int array int size int i 0 int
  • 灵活数字格式

    我想将数字格式化为印度格式 例如 x 123456 应格式化为 1 23 456 我怎样才能在Flex中做到这一点 Thanks 使用数字格式化程序
  • 了解 HKSourceQuery 或一般来源的结果

    我刚刚做了一个 HKSourceQuery 并得到了一些结果 当我做一个println结果 我得到了这个
  • 在 Ruby 中解析非常大的 JSON 文件的正确方法是什么?

    我们如何在 Ruby 中解析 json 文件 require json JSON parse File read data json 如果文件非常大并且我们不想立即将其加载到内存中怎么办 那么我们该如何解析它呢 既然您说不想立即将其加载到内
  • 带智能感知的内置 C#/VB.Net 编辑器 - Roslyn、VSTA 还是其他?

    我需要在我的应用程序中提供脚本功能 允许客户使用我们的对象模型扩展其功能 我希望提供某种带有智能感知的集成 C VB Net 编辑器 但在查看 AvalonEdit 和 ScintillaNet 等产品后 它们似乎并没有提供真正的代码完成功
  • Node JS 覆盖标准模块

    朋友问了一个有趣的问题 我尝试了一些方法但无济于事 有没有办法覆盖 Node JS 模块 例如 我想重写 readFile 函数以使用 S3 存储桶而不是文件系统 IE var fs require fs fs readFile my te
  • 表单元格子视图迭代未找到 TextField

    我创建了一个表格 其中每个单元格都包含一个文本标签和一个文本字段 我正在添加文本字段 cell addSubview passwordField 从视觉角度来看 它们出现并且可以编辑 等等 当我尝试从文本字段检索输入的值时 就会出现问题 我
  • PHP 只允许在表单中选择一个单选按钮

    一个非常基本的问题 如何只允许选择单选按钮列表中的一个选项
  • 通用实体基类

    我刚刚读过一篇关于通用实体基类的文章 简单地说 如果我没有错的话 后面的主要思想是在一个接口中收集所有通用的 非实体特定的字段 而不是在主要实体中实现它 这将是一篇 TL DR 让我们看一些代码 这是基本实体接口及其对另一个接口的通用实现
  • 使用 JavaScript 和 JSON 在 Web 应用程序中进行本地化

    我正在尝试设置一个脚本来自动本地化 Web 应用程序 由于Web应用程序旨在使用HTML5的离线缓存功能 因此它需要能够离线工作 因此 在我看来 JavaScript 是最好的选择 我更喜欢将所有本地化的所有字符串放在一个 JSON 文件中