国际化
Internationalization
中级通用国际化(Internationalization)是让网站或 App 能根据不同语言和地区调整内容与显示方式的开发准备。它解决的是每增加一个市场就得重改界面和代码的问题,例如切换语言时同时调整日期格式。
你可能会说:「帮我把网站做成以后能加多种语言和地区版本,不用每次都重改页面。」
读之前建议先了解
动手看看跨地区查看同一笔订单
订单详情
MS-2048
已付款
无线降噪耳机
下单日期:2026年4月8日
实付金额
US$1,299.00
语言与地区
切换「语言与地区」,对比这笔订单的商品文案、日期和金额。订单号始终不变,变化的是界面如何向当地用户展示它。
中文界面使用中文日期和文案;金额保留原订单的美元币种,用 US$ 避免误认成人民币。
要点做国际化时,我们要提前处理什么?
- 1
把界面文字从代码里分出来
如果按钮文案直接写在组件里,增加语言时就得逐处找代码。我们可以用稳定的标识管理文案,再按当前语言取对应文字,这样翻译和改文案都不用改页面逻辑。
- 2
让地区决定内容的呈现方式
同一个日期或金额,在不同地区可能有不同的显示习惯。你做订单后台时,可以保存可计算的原始值,再按用户选择的地区格式化显示,而不是把某一种写法存成固定文本。
- 3
给不同长度的文字留空间
换一种语言后,导航项或按钮文案可能变长。如果布局只容得下原来的几个字,翻译完成后界面就会溢出。做国际化时,我们也要检查组件能否容纳不同长度的文字。
容易混淆的地方
国际化是提前把产品做成能适配不同语言和地区的结构;本地化是为某个具体市场填入译文、调整内容并检查效果。它也不等于单纯翻译:日期、数字格式和布局都可能受影响。反过来,做了国际化也不会自动得到准确的译文。
什么时候用
适合用
- 你在做面向多个国家的 SaaS 后台,希望新增语言时主要补充文案,而不是重写各个页面。
- 你的电商网站要面向不同地区展示日期、数字和价格,需要让显示格式随地区变化。
- 你正在开发 AI 工具,计划让设置页和操作提示支持多种语言,并给后续版本留扩展空间。
不适合用
- 只是给一次性内部演示页补一段外语说明,而且没有多语言使用计划;直接写好这段内容更省事。
- 产品只在一个地区使用,问题只是手机上文字被挤出屏幕;先处理响应式布局和内容溢出。
- 用户只是想把一份现成文档译成另一种语言;这是翻译任务,不需要改造网站的国际化结构。
练一练选一个答案,看看解释
你的订单后台目前只有中文版,半年后准备提供英文版。日期和金额也要按用户所在地区显示。现在让 AI Agent 改造时,哪种做法最贴近国际化?
让 AI 帮你做复制给 AI Agent 直接用
请为这个订单后台做国际化改造:抽离界面文案,支持按用户选择切换语言;日期和数字按地区格式化,但不改动原始存储值;检查导航和按钮在文案变长时是否溢出。先说明改动范围,再实施。