开发者免费工具 — JSON、正则、哈希、Favicon 套件、浏览器内运行 | ToolKoala
开发者工具包
"我自己是开发者。这些是我一直钉在浏览器标签里的工具——Favicon、JSON、正则、哈希、编码器。不用装 CLI、不用注册、零遥测。 — Milo 🐨"
这些工具大部分时候用不到。但当你某一天需要一个字符串的 SHA-256，或者一个不卡的正则测试器，或者从一个 SVG 出 17 个尺寸的 favicon——你会非常需要。这一页是策展的开发者工具架。一切都在你浏览器本地运行；什么都不会回传；没有调用次数限制。
你会用得最多的 3 个工具
- JSON 格式化 / 校验 — 粘贴、美化、校验、压缩。处理深嵌套结构，对错的 JSON 给清楚的错误提示。在你不信任终端管道输出时用它调 API。
- 正则测试器 — 实时高亮、捕获组、匹配数。测的是 ECMAScript flavor 正则（和你 JS 用的同一引擎）。带快速 replace 预览。
- Favicon 生成器 — 一张源图 → 所有需要的尺寸（16、32、48、64、128、256、512，Apple Touch 用 180，加 manifest.json）。一个 ZIP，丢进
public/文件夹，搞定。
真实 workflow：给新 app 出 favicon 全套
常见场景：设计给你一张 SVG logo。你要给 web app、iOS 安装横幅、Android manifest 和 Apple Touch 出完整 favicon 套件。下面是 5 分钟的流程：
- SVG 转 PNG：打开 SVG 转 PNG，按 512×512 透明背景导出。存为母版 PNG。
- 生成套件：把母版丢进 Favicon 生成器。得到完整套装（favicon.ico、.png 变体、Apple Touch、manifest.json）打包 ZIP。
- 解压到
public/：复制粘贴进项目；manifest.json 里有标准 link 标签可以直接丢进<head>。 - 跨平台验证：在 Safari（Apple Touch Icon）、Android Chrome（manifest）和裸浏览器标签页（.ico fallback）都测一遍。
5 分钟。不用 CLI。不用 npm install。没有"免费仅限 3 次生成"的 SaaS 限制。
完整开发者工具包（按场景）
🧪 数据检查 & 转换
- JSON 格式化 — 美化、压缩、校验
- CSV ↔ JSON — 格式互转，保留类型
- YAML ↔ JSON — 无损双向转换
- Markdown ↔ HTML — 快速渲染或提取
- 文本 Diff — 并排对比带高亮
🔐 编码 & 哈希
- 哈希生成器 — MD5、SHA-1、SHA-256、SHA-512 浏览器内运算
- URL 编码 / 解码 — URL 和查询串的 percent-encoding
- 图片转 Base64 — 在 CSS/HTML 里内联图片的 data URL
- 时间戳转换器 — Unix ↔ ISO 8601，多时区
🎨 资产准备
- Favicon 生成器 — 一张源图出完整 favicon 套件
- SVG 转 PNG — 任意分辨率栅格化、透明背景
- 图片格式转换 — HEIC、WebP、PNG、JPG 互转
- 图片压缩 — 给 app/web 交付的资产压缩
- 二维码生成器 — URL、WiFi、联系人；输出 SVG 和 PNG
🧪 速查工具
- 正则测试器 — ECMAScript flavor，实时捕获组
- 颜色转换器 — HEX ↔ RGB ↔ HSL ↔ 命名色
- 颜色选取器（从图） — 从截图里取精确十六进制
- 单位换算 — 字节、时间、距离、温度
- 字数 / 字符数 — LLM token 预算时有用
- 大小写转换 — camelCase ↔ snake_case ↔ kebab-case
"为啥不用 CLI 直接搞？"
说实话：对一次性操作，你不想写 10 行 Python 脚本，你想要 3 秒的答案。算个 token 的 SHA-256、查个正则、出一套 favicon——一个零安装、不要 requirements.txt、不弹权限对话框的浏览器工具，比你打开终端还快。
另一个场景：在你装不了软件的机器上——借来的笔记本、公司锁死的工位机、共享办公空间的公共电脑。它们刚好在你日常工具箱不在的时候有用。
其他场景（批处理、脚本、CI/CD）继续用 CLI。这些工具是终端的补充，不是替代。
常见问题
这些工具准吗？我的哈希函数不能有 bug。
加密函数（MD5、SHA 系列）用的是浏览器原生 SubtleCrypto API——和 Chrome 处理 HTTPS 用的同一实现。正则用的是 V8 正则引擎（和 Node.js 同款）。JSON 解析用原生 JSON.parse。你的浏览器对，这些就对。
我的源码或数据会泄漏吗？
不会。工具在你浏览器标签里运行。处理在你 CPU 上发生。可以在 DevTools → Network 面板验证：丢文件或粘贴文本，看 network 面板——没有任何带你数据的出站请求。
能在脚本或 CI 里用吗？
这些工具是交互式的（浏览器）。脚本和 CI 用专门的 CLI 工具——它们更适合那种场景。浏览器工具适合"我现在就要这个答案，在这个标签页里"的场景。
为啥没有 X 工具？
告诉我。[email protected]。路线图很大程度上是读者驱动的；你要 JWT 解码、YAML linter、UUID 生成器或任何其他开发者工具，会被快速安排。约束是"必须能在浏览器里跑"——任何需要服务端算力（LLM 推理、大型编译）的不行。
为啥输出面板没暗色/亮色主题？
有——右上角切换按钮。设置跨访问保留。站点默认跟你系统的 prefers-color-scheme。
钉住这一页。你真会用到的开发者工具架。
或者直接去 正则测试器 → · JSON 格式化 →
— Milo 🐨 · [email protected]