工具库
平时会用到的在线工具,都是打开网页就能用的,不用装东西。
下面每一个链接我都实际打开确认过能访问(大陆网络环境)。这类小站靠个人维护,哪天打不开了很正常,跟我说一声我换掉。
开发调试
IT-Tools —— 一堆小工具的合集:时间戳转换、哈希、Base64、UUID、JSON 格式化、正则测试……一个页面全有。开源,也可以自己部署一份内网用。
Hoppscotch —— 接口调试工具,网页版的 Postman。支持 REST、GraphQL、WebSocket,改完参数直接发请求,不用装客户端。
regex101 —— 正则表达式测试。最好用的地方是它会把每一段匹配逐块解释给你听,写完能看懂为什么这么匹配。
crontab.guru —— 把 cron 表达式翻译成人话。「
0 2 * * 1」输进去,它会告诉你这是「每周一凌晨两点」。Transform Tools —— 各种格式互转:JSON 转 TypeScript 类型、HTML 转 JSX、CSS 转 JS 对象等等,写代码时能省不少手工活。
Can I use —— 查某个 CSS 或 JS 特性在各浏览器的支持情况。用新特性之前先来这里看一眼能少踩坑。
画图 / 设计
Excalidraw —— 手绘风格的白板。画流程图、架构图特别快,画出来不像软件生成的那么呆板,很适合放进文章里。
Photopea —— 网页版 Photoshop。能直接打开 PSD 文件,图层、蒙版、滤镜都有。偶尔改个图不用为了这个装个几 GB 的软件。
Mermaid Live —— 用文本画流程图、时序图、甘特图。左边写代码右边出图,很多 Markdown 编辑器支持这种语法。
Cubic Bezier —— 调 CSS 缓动曲线。拖动控制点,实时预览动画效果,满意了直接复制
cubic-bezier()那行。Iconify —— 图标集合搜索。收录了上百套开源图标库,可以按图标名或形状搜,支持直接复制 SVG。本站的导航图标就是这类图标库。
图片处理
Squoosh —— 图片压缩。可以左右分屏对比压缩前后的画质,实时看体积变化,调到你满意为止。
TinyPNG —— PNG 和 JPEG 压缩,拖进去就完事,几乎不用设置。压完的画质损失很小。
TinyWow —— 文件处理工具合集:格式转换、PDF 拆分合并、图片去背景、视频剪辑等,种类非常多,大部分免费。
比特虫 —— 在线生成 favicon。上传一张图,它会输出各个尺寸的 ico 文件。
草料二维码 —— 二维码生成。可以把文字、网址、文件都做成二维码,也支持美化样式。
代码截图 / 徽章
Carbon —— 把代码变成好看的图片。可以选主题、配色、窗口样式,写文章或者发朋友圈贴代码常用。
Ray.so —— 和 Carbon 类似,界面更简洁,出图风格偏干净。
Shields.io —— 生成徽章。README 里那些「build passing」的小牌子就是它做的,支持各种自定义。
一点说明
以上都是第三方网站,各自有自己的隐私政策,用之前留意一下。本站只是收集链接,不对它们的内容和可用性负责。
如果上面有哪个打不开了,或者你有更好用的想加进来,告诉我。