做开发最烦的往往不是写业务逻辑，而是一些"小事"：接口返回的 JSON 挤成一行看不清、Base64 要临时解码、正则写完不确定对不对。装一堆插件既占资源又怕泄露代码，其实一组纯前端在线工具就能解决。

一、JSON 与数据格式

调试接口第一步就是把返回的 JSON 看明白。JSON 格式化工具 一键美化、折叠，还能顺手做语法校验。如果两份 JSON 想看差异，用 JSON 对比工具 直接高亮不同字段，比肉眼快十倍。

需要把 JSON 转成别的形态？JSON 转表格 适合贴到文档里给非技术同事看；JSON 转 YAML 在写配置时很常用；要和后端对类型定义，JSON 转 TypeScript 能省下大把手写 interface 的时间。

二、编码与加解密

Base64 几乎是天天见。Base64 编解码 支持文本和文件的互相转换。URL 里那些 %E4%BD%A0 看得头疼？URL 编解码 一键还原。

涉及鉴权时，JWT 解析工具 可以把 header.payload.signature 三段拆开看明文，排查 token 过期、字段错误非常方便。注意：解析只是本地解码，不要在不信任的网站上贴生产 token。

三、正则与时间

正则写完后一定要验。正则测试工具 支持实时匹配、分组高亮，还能保存常用表达式。时间处理上，时间戳转换 在秒/毫秒、UTC/本地时间之间互转；定时器类需求用 Cron 生成器 可视化配置，避免记不住 0 0/2 * * ? 的含义。

四、杂项但高频

  • UUID 生成器：造测试数据、填数据库主键时用。
  • 强密码生成器：本地生成高强度密码，不联网。
  • 代码美化：把压缩过的 JS/CSS/HTML 还原，读第三方库源码很香。
  • 二维码生成：把调试用的长链接变成二维码，手机一扫就能打开。

小结

以上工具全部在浏览器本地计算，不把你的代码、token、密码传到任何服务器，对在意数据安全的开发同学尤其友好。把它们放进书签栏，遇到"小事"就不用再开一堆网页或装插件了。

提示：本站的每个工具页都标注了使用说明，第一次用先扫一眼示例，能少踩很多坑。