我花了3个月做了35个免费在线开发者工具,无需注册,数据不上传
本文首发于掘金,欢迎交流。
起因
作为一个开发者,日常工作中经常需要格式化JSON、转换时间戳、编解码Base64、生成UUID这些小操作。每次都要搜半天找到合适的工具,而且很多工具站:
- 要注册才能用
- 数据会上传到服务器(你敢把生产环境的JWT粘贴上去吗?)
- 满屏广告弹窗
- 工具功能单一,用完就走,下次又要重新找
所以我想:为什么不做一个全部免费、无需注册、数据本地处理的开发者工具站?
3个月前开始动手,现在已经有了 35个工具,覆盖格式化、编码转换、生成器、多媒体4大分类。
网站地址
工具一览
格式化工具
| 工具 | 说明 |
|---|---|
| JSON格式化 | 美化/压缩/校验,支持JSON Path查询 |
| XML格式化 | 美化/压缩,XML与JSON互转 |
| 文本对比 | 逐行Diff,差异高亮,支持单行/双行模式 |
| Markdown预览 | 左右双栏实时编辑预览,快捷工具栏 |
| 字符统计 | 中英文/数字/标点/行数/段落/字符频率TOP10 |
| 文本大小写转换 | 12种格式,智能分词,全格式预览 |
| 文本去重排序 | 去重/5种排序/清洗/重复统计 |
| SQL格式化 | 美化/压缩,关键字高亮,自定义缩进 |
| JSON转CSV | 嵌套展开/4种分隔符/预览/下载+BOM中文支持 |
编码转换工具
| 工具 | 说明 |
|---|---|
| ASCII转换 | ASCII码与字符互转,十进制/十六进制/二进制 |
| 时间戳转换 | Unix时间戳与日期互转,毫秒/秒切换 |
| Hash加密 | MD5/SHA-1/SHA-256/SHA-512,批量生成 |
| 正则测试 | 在线调试,匹配高亮,常用正则模板 |
| 二维码生成 | 自定义颜色/大小/容错,即时生成 |
| 颜色转换 | HEX/RGB/HSL互转,取色器 |
| 图片Base64 | 图片与Base64互转,纯浏览器端 |
| JWT解码 | Header/Payload/Signature解析,时间字段自动转可读 |
| URL编解码 | encodeURIComponent/encodeURI双模式 |
| HTML实体编码 | 命名/十进制/十六进制,24个常用实体对照表 |
| Unicode转换 | \uXXXX/&#XXXX;等4种格式,逐字对照 |
| 数字进制转换 | HEX/DEC/OCT/BIN互转,位可视化 |
| User-Agent解析 | 浏览器/OS/设备/引擎识别,18个常用UA模板 |
| Base64编解码 | 标准+URL安全Base64,UTF-8中文支持 |
| HTTP状态码查询 | 60+状态码,1xx-5xx分类,搜索筛选 |
| MIME类型查询 | 70+类型,6大分类,搜索筛选 |
| YAML/JSON互转 | js-yaml库,示例数据,错误提示 |
生成器工具
| 工具 | 说明 |
|---|---|
| UUID生成 | V1/V4批量生成,自定义格式 |
| Cron表达式生成器 | 6字段,5种编辑模式,18个预设模板,下次执行时间 |
| 密码生成器 | 自定义长度/字符类型,5种预设,强度评估,口令短语 |
| 日期计算器 | 日期加减/间隔/工作日,3个Tab |
| Chmod计算器 | 勾选权限,数字/符号互转,12个模板 |
| Slug生成器 | 中文转拼音,3种分隔符,4种输出格式 |
| 占位文本生成 | 英文Lorem Ipsum + 中文千字文 |
多媒体工具
| 工具 | 说明 |
|---|---|
| CSS渐变生成器 | 线性/径向/锥形,可视化角度调节,18个预设 |
| CSS Flexbox生成器 | 可视化调整属性,实时预览,生成CSS代码 |
核心特点
1. 数据本地处理,不上传服务器
这是我最看重的一点。所有工具的运算都在浏览器端完成,你的数据不会离开你的电脑。粘贴生产环境的JWT、数据库配置、API密钥都无所谓,因为没有网络请求。
2. 无需注册,打开即用
没有注册按钮,没有登录弹窗,没有"每天免费3次"的套路。打开网址直接用。
3. 智能识别
首页有个输入框,粘贴内容会自动识别格式跳到对应工具。粘贴一段JSON自动跳转JSON格式化,粘贴一个时间戳自动跳转时间戳转换。
4. 中文友好
所有工具都是中文界面,针对中国开发者的习惯优化。比如密码生成器支持排除中文易混淆字符,Slug生成器支持中文转拼音。
技术实现
- 前端:Vue 3 + Vite + Element Plus
- SEO:预渲染 + sitemap + 结构化数据
- 部署:Nginx 托管 SPA
- 加密:crypto-js(Hash工具)
- 无后端:零服务器成本
写在最后
工具还在持续更新中,如果你有想要的工具可以留言,我会优先开发。
网站地址:uotol.cn
如果觉得有用,帮忙点个赞👍,让更多开发者看到。也欢迎提建议,我在持续优化中。
本文由 uotol.cn 作者原创,转载请注明出处。