加载头像

工具库

平时会用到的在线工具,都是打开网页就能用的,不用装东西。

下面每一个链接我都实际打开确认过能访问(大陆网络环境)。这类小站靠个人维护,哪天打不开了很正常,跟我说一声我换掉。


开发调试

  • 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」的小牌子就是它做的,支持各种自定义。


一点说明

以上都是第三方网站,各自有自己的隐私政策,用之前留意一下。本站只是收集链接,不对它们的内容和可用性负责。

如果上面有哪个打不开了,或者你有更好用的想加进来,告诉我。


评论
✅ 你无需删除空行,直接评论以获取最佳展示效果
avatar
记录学习路上的折腾与积累。主题、部署、踩坑,都写在这里。


网站资讯
文章总数 :
4
建站天数 :
全站字数 :
3.8k
总访客数 :
总访问量 :
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體