跳到正文

国际化

Internationalization

中级通用

国际化(Internationalization)是让网站或 App 能根据不同语言和地区调整内容与显示方式的开发准备。它解决的是每增加一个市场就得重改界面和代码的问题,例如切换语言时同时调整日期格式。

你可能会说:「帮我把网站做成以后能加多种语言和地区版本,不用每次都重改页面。」

读之前建议先了解

动手看看

订单详情
Order details
Bestelldetails
MS-2048
已付款
Paid
Bezahlt
无线降噪耳机
Wireless noise-cancelling headphones
Kabellose Noise-Cancelling-Kopfhörer
下单日期:2026年4月8日
Order date: April 8, 2026
Bestelldatum: 08.04.2026
实付金额
Total paid
Bezahlter Betrag
US$1,299.00
$1,299.00
1.299,00 $
语言与地区

切换「语言与地区」,对比这笔订单的商品文案、日期和金额。订单号始终不变,变化的是界面如何向当地用户展示它。

中文界面使用中文日期和文案;金额保留原订单的美元币种,用 US$ 避免误认成人民币。

要点

  1. 1

    把界面文字从代码里分出来

    如果按钮文案直接写在组件里,增加语言时就得逐处找代码。我们可以用稳定的标识管理文案,再按当前语言取对应文字,这样翻译和改文案都不用改页面逻辑。

  2. 2

    让地区决定内容的呈现方式

    同一个日期或金额,在不同地区可能有不同的显示习惯。你做订单后台时,可以保存可计算的原始值,再按用户选择的地区格式化显示,而不是把某一种写法存成固定文本。

  3. 3

    给不同长度的文字留空间

    换一种语言后,导航项或按钮文案可能变长。如果布局只容得下原来的几个字,翻译完成后界面就会溢出。做国际化时,我们也要检查组件能否容纳不同长度的文字。

容易混淆的地方

国际化是提前把产品做成能适配不同语言和地区的结构;本地化是为某个具体市场填入译文、调整内容并检查效果。它也不等于单纯翻译:日期、数字格式和布局都可能受影响。反过来,做了国际化也不会自动得到准确的译文。

什么时候用

适合用

  • 你在做面向多个国家的 SaaS 后台,希望新增语言时主要补充文案,而不是重写各个页面。
  • 你的电商网站要面向不同地区展示日期、数字和价格,需要让显示格式随地区变化。
  • 你正在开发 AI 工具,计划让设置页和操作提示支持多种语言,并给后续版本留扩展空间。

不适合用

  • 只是给一次性内部演示页补一段外语说明,而且没有多语言使用计划;直接写好这段内容更省事。
  • 产品只在一个地区使用,问题只是手机上文字被挤出屏幕;先处理响应式布局和内容溢出。
  • 用户只是想把一份现成文档译成另一种语言;这是翻译任务,不需要改造网站的国际化结构。

练一练

你的订单后台目前只有中文版,半年后准备提供英文版。日期和金额也要按用户所在地区显示。现在让 AI Agent 改造时,哪种做法最贴近国际化?

让 AI 帮你做

请为这个订单后台做国际化改造:抽离界面文案,支持按用户选择切换语言;日期和数字按地区格式化,但不改动原始存储值;检查导航和按钮在文案变长时是否溢出。先说明改动范围,再实施。

接下来学什么