开发工具箱

📄 约 618 字 · ⏱ 大约 2 分钟

开发工具箱

八个小工具合一,写代码时随手就能用。

👉 打开开发工具箱 →

1. JSON

左边粘贴,点「格式化」就排版好;「压缩」去掉所有缩进和换行。 写错的时候下面会红字提示大概哪里不对。

  • 格式化支持 2 空格和 4 空格
  • 右上角显示解析后的字符数
  • 结果可以直接「复制结果」

2. Base64

按 UTF-8 编解码,中文不会乱码。 常见用途:把图片转成 base64 塞进 CSS、接口传二进制、看懂别人给的编码串。

3. URL 编码

把中文、空格、&、? 之类转成 %XX 形式。 拼接口参数时用得到,比如 path=指南/快速开始.md 要编码之后才能放进 URL。

4. 进制转换

二进制 / 八进制 / 十进制 / 十六进制任意互转,用 BigInt 算,多大的数都行。 十六进制大小写不敏感,二进制允许用空格分隔(方便看)。

5. 时间戳

  • 顶部实时显示当前的秒级和毫秒级时间戳
  • 「时间戳 → 日期」:填秒或毫秒都行(10 位当秒,13 位当毫秒),同时给出本地时间和 UTC
  • 「日期 → 时间戳」:选个日期,给出秒和毫秒

6. MD5 / SHA

  • MD5 是本地纯 JS 实现的,任何环境(包括 http 页面)都能算
  • SHA-256 走浏览器自带的 crypto.subtle,只有 https 或 localhost 下才可用,http 页面会提示不支持

MD5 常见的用途是校验文件、做简单的签名,别拿来存密码。

7. 颜色转换

  • 选色器 / 手填 HEX 都能用,实时给出 RGB 和 HSL
  • 顺便给出互补色
  • 反过来也能 59, 130, 246 → #3b82f6

8. UUID

生成 UUID v4(随机 128 位 ID),可以一次生成 5 个,支持转大写。 适合当数据库主键、临时文件名、会话 ID。

小贴士

  • 八个工具都在同一个页面里,切换标签不会丢已经输入的内容
  • 所有计算都在浏览器本地完成,输入的内容不会离开你的电脑
  • 复制按钮用的是浏览器剪贴板接口;在很老的浏览器上会提示你手动选中

📰 每日速递 更多 →