国际化应用搭建指南

概述

本指南提供了一种简洁高效的国际化（i18n）实现方案，通过浏览器原生语言支持与轻量级数据结构，实现应用语言的自动切换与动态渲染。

核心思路

基于浏览器原生语言支持（navigator.language），结合本地化字符串表，实现语言的自动检测与动态切换。通过扩展字符串原型方法，提供简洁的国际化字符串获取接口。

实现方案

语言检测与切换

应用自动检测浏览器语言环境（如 en,zh,ko ），并据此选择对应语言的字符串资源。

字符串扩展方法

通过原型扩展，为String类型添加tr方法，提供简洁的国际化字符串获取接口：

String.prototype.tr = function(tr_str_page) {
 return tr_str_page.value[this]?.[navigator.language] ?? this;
}

语言资源配置

采用JSON格式定义语言资源，结构清晰且易于维护：

{
    "你好":{
        "en": "hello",
        "ko": "안녕"
    }
}

在UI中使用

{{"你好".tr(str_page)}}

通过本方案，您可以轻松实现应用的国际化支持，同时保持代码简洁优雅，无需依赖大型国际化库，让您的应用轻松走向全球。