ARTICLE DETAIL

资讯详情

深耕编程入门与网站建设的一线实战洞察。

Hoppscotch 多语言支持:3 步切换 34 种界面语言,本地化测试不再依赖英语

Hoppscotch 多语言支持:3 步切换 34 种界面语言,本地化测试不再依赖英语 Hoppscotch 多语言支持3 步切换 34 种界面语言本地化测试不再依赖英语【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem Cloud • Web, Desktop CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch你的团队有人只看英文界面API 又要验证各国语言下的返回内容Hoppscotch 的多语言支持一次解决界面语言三步切换、自动记住语言包可以自建还能配合环境变量批量测试Accept-Language行为。快速上手三步切换 Hoppscotch 界面语言先说结果切换后界面上所有按钮、菜单和状态文案都会变成目标语言下次打开时自动记住不用反复设置。操作步骤打开设置页在地址栏进入/settings路由。点击页面右上角的“选择语言”按钮会弹出 34 种语言的列表。在搜索框里直接输入语言名比如“简体”点击对应条目确认。切换即时生效无需刷新——语言文件是按需懒加载的。原理上就三点语言文件放在 packages/hoppscotch-common/locales/ 目录每种语言一个 JSON中文对应cn.json。你的选择写入浏览器 localStorage本地存储下次启动直接读取。首次访问且没有记录时会按浏览器语言推断zh-CN会自动匹配到cn推断失败则回落到英语。⚠️避坑如果你是从源码构建部署的改过语言文件后要重新构建并清浏览器缓存官方 Web 版切换即生效无需任何操作。进阶配置按使用场景定制语言不按功能模块讲按场景挑你需要的那组。场景一自部署希望新成员开箱即用Hoppscotch 没有“服务端统一指定默认语言”的开关每个浏览器记住各自的偏好。好消息是首次访问会自动跟随浏览器语言中文用户打开就是中文界面多数情况下不用额外配置。场景二支持从右向左书写的语言RTL如阿拉伯语、希伯来语languages.json里有个dir字段阿拉伯语、希伯来语标注了dir: rtl界面布局会自动镜像。自建语言时如果是右起书写文字记得加上这个字段。场景三语言列表里没有你的语言自建语言包复制en.json为locales/你的语言.json逐条翻译。在languages.json数组里追加一条语言定义{ code: bn, file: bn.json, iso: bn-BD, name: বাংলা }重新构建项目即可在语言列表里看到新条目。⚠️避坑code是短代码中文是cn繁体是tw用来命名文件iso是标准区域码zh-CN两者别混写否则语言加载会直接报错。场景四切换后个别文案仍是英文这不是 bug是“翻译缺口”某个键没翻译时界面自动回落到英文en.json是兜底文件。在目标语言的 JSON 里搜对应键名能确认缺失你可以补上或提交贡献。联动玩法语言设置 × 环境变量 × 请求头界面语言只影响你自己的操作体验API 响应用什么语言通常由Accept-Language请求头决定。把环境变量按场景存一组变量的功能拉进来可以搭一个本地化批量测试流新建环境loc-zh添加变量accept_language值zh-CN。在请求的 Headers 页签添加请求头键Accept-Language值{{accept_language}}。再复制一个环境loc-ja值改成ja切换环境即可快速对比不同语言下的响应。需要对整个集合的每个请求都生效就把这个请求头写到集合的 headers 里全部子请求自动继承。响应查看器对中日韩、阿拉伯文都能正确渲染格式化 JSON 后还能直接搜索关键词。参与贡献一屏讲完的翻译流程先看仓库根目录的 TRANSLATIONS.md 指南确认目标语言没人正在做避免重复劳动。Fork 仓库建一条translation-语言代码分支。复制en.json为locales/代码.json完成翻译并在languages.json里补上新语言条目。提 PR翻译没做完也能先提在评论区继续迭代。翻译时把握三点同一术语全文一致、别破坏文案里的占位符插值变量、句子尽量短因为界面空间有限。量大时用 VS Code 加 i18n-ally 插件能提速。常用语言代码对照文件均在packages/hoppscotch-common/locales/下语言code语言文件简体中文cncn.json英语enen.json日语jaja.json韩语koko.json德语dede.json俄语ruru.json三步切语言、语言包可自建、Accept-Language能批量测Hoppscotch 的多语言能力就是这些。发现翻译缺口或界面问题欢迎提 issue 或在 Discord 社区讨论。这篇文章如果帮你省了时间点个收藏或转发给同事。【免费下载链接】hoppscotchOpen-Source API Development Ecosystem • https://hoppscotch.io • Offline, On-Prem Cloud • Web, Desktop CLI • Open-Source Alternative to Postman, Insomnia项目地址: https://gitcode.com/GitHub_Trending/ho/hoppscotch创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表