iKode Blog icon iKode Blog
返回文章列表

Article

让每个 Lab 都能说中英文,也把交互细节说清楚

技术笔记2026年6月19日 09:002 min

一次国际化改造不只是替换文案,还要保护用户输入、修正状态重置,并让切换后的结果真正生效。

给 Lab 加中英切换,看起来像是一轮文案工作,实际碰到的却大多是状态问题。

所有工具现在共享同一套本地化入口。标题、说明、按钮、状态、校验提示和页面 metadata 都会跟随语言变化。统一入口的价值不只是少写几次判断,更重要的是让后续新增工具自然遵守同一套规则。

但示例内容不能简单地在语言切换时强制覆盖。用户可能已经在 Markdown、SEO 文本或 Token 模拟器里写了自己的内容。如果切一次语言就把输入清掉,界面虽然完成了国际化,体验却退了一步。因此示例只会在内容仍是默认值时同步切换,已经编辑过的文本会被保留。

Slug Generator 也暴露了类似的问题。大小写控件变得更好看还不够,右侧预览必须真正使用同一份状态。最终不仅标题部分会变化,前缀回退逻辑也会尊重当前大小写模式,lab-notesLab-Notes 的差异会完整反映到路径中。

Token Speed Simulator 的进度条则调整了重置时机。模拟完成后,进度应该停在 100%,让结果有一个明确的结束状态;下一次点击 Start 时,再从 0 开始。这个顺序避免了完成瞬间消失,也避免了再次启动时从 100% 倒退的奇怪视觉。

这些修改都不算大功能,但它们决定了工具是否可信。控件说会切换,结果就应该切换;进度说完成,就应该稳稳停住;语言变了,也不应该拿走用户刚写的东西。

比起不断增加功能数量,我更愿意先把这些细节磨到自然。

Comments

留言

需要 GitHub 登录。新评论会先进入待审核,别急,它只是先坐到门口等一会儿。

使用 GitHub 登录后可以评论。

已通过评论

0

还没有通过审核的评论。桌子很安静,第一杯茶还没端上来。