关于 FormLab
本页说明本工具站的开发目的、适用场景、技术实现,以及坦诚地聊聊它不能做什么。
为什么做这个站
我做 FormLab 的出发点很朴素:作为一个开发者,每天要用到 JSON 格式化、正则测试、配色方案这些"小工具",但网上找到的工具站点往往充满弹窗广告、要求登录、或者把简单功能藏得很深。更关键的是——你输入的 JSON / 文本会被上传到别人服务器。
FormLab 的解决方式是把所有计算都放在你的浏览器里。技术实现上,我们只引入 Tailwind CSS 和 Font Awesome 两个外部 CDN(都是静态资源),没有任何后端 API。所有 JS 都内联在页面中,可以离线工作。
它能解决什么问题
- 开发场景:调试 API 返回的 JSON、写正则做表单校验、给 UUID / 哈希看输出、写 Cron 表达式怕出错。
- 设计场景:取色、生成配色方案、检查文字与背景对比度是否符合 WCAG、写 CSS 渐变。
- 内容场景:Markdown 实时预览、写文章估算字数与阅读时间、生成占位段落。
- 日常场景:生成二维码、压缩图片算大小、估算密码强度、检查 OG/Twitter 分享卡效果。
谁适合用
如果你是开发者、设计师、内容创作者,或者只是偶尔需要一个不耍流氓的在线工具,FormLab 都适用。它对移动端做了适配,能在通勤路上用手机处理一些简单任务。
它不能做什么(坦诚聊局限)
技术实现
本站由一个独立作者开发与维护,所有页面均为静态 HTML。核心技术选择:
- Tailwind CSS (CDN):用于排版与响应式布局。
- Font Awesome (CDN):工具图标,无版权风险。
- 原生 JavaScript:所有工具逻辑内联,无任何打包、无外部 API。
- Web Crypto API:用于 SHA 系列哈希计算,由浏览器原生提供。
- Canvas API:用于图片压缩与二维码渲染。
每个工具页面都可以"另存为"到本地运行,浏览器打开即可,无需任何构建步骤。
未来规划
- 增加更多开发者工具,例如 SQL 格式化、CSS 单位换算、JWT 解码。
- 支持导出 / 导入用户的设置(如正则库、配色方案)。
- 增加多语言界面(先支持英语,再视情况扩展)。
- 如果你有具体需求,欢迎邮件告诉我们。
如何反馈
由于本站无后端,所有反馈请通过邮件发送(地址见 免责声明 末尾)。我们会在合理时间内回复。重大 bug 修复和新工具建议会被优先考虑。