56 免费开发者工具。单页。零依赖。
发布: (2026年3月5日 GMT+8 09:13)
5 分钟阅读
原文: Dev.to
Source: Dev.to
概览
我构建了 56 个基于浏览器的开发者工具。每一个都是独立的 HTML 文件 —— 无需 npm、无需构建步骤、无需注册、无需追踪。
核心原则
- 单文件 HTML —— 查看源码，所有内容尽在其中
- 在浏览器中运行 —— 内容不离开你的机器
- 无任何依赖 —— 首次加载后即可离线使用
- 深色主题 —— 因为已经是 2026 年了
通用工具
| 工具 | 功能描述 |
|---|---|
| JSON Format | 美化、校验、压缩、树形视图 |
| Regex Test | 实时匹配、捕获组、12 种预设 |
| Diff Text | 并排行 + 词差异对比 |
| Cron Explain | 以自然语言描述 + 接下来 10 次运行时间 |
| Base64 | 文本和文件的编码/解码 |
| Hash Gen | MD5、SHA‑1、SHA‑256、SHA‑512 |
| JWT Builder | 创建与解码 JWT |
| URL Parser | 将 URL 拆分为各组成部分 |
| UUID Gen | v4 UUID，批量生成 |
| Timestamp | Unix ↔ 人类时间，时区转换 |
| HTML Escape | 编码/解码 HTML 实体 |
| Lorem Gen | Lorem ipsum 段落、句子、单词 |
| Password Gen | 可配置的安全密码生成器 |
| CSV ↔ JSON | 双向转换并提供表格预览 |
| YAML ↔ JSON | 包含 Docker Compose 示例 |
| TOML ↔ JSON | 为 Cargo.toml、pyproject.toml 提供预设 |
| SQL Format | 美化 + 压缩 SQL 查询 |
| Markdown Table | 可视化编辑器 → 格式化的 Markdown 表格 |
CSS 与设计工具
| 工具 | 功能描述 |
|---|---|
| Color Palette | 6 种配色方案，WCAG 对比度检查 |
| Color Convert | HEX ↔ RGB ↔ HSL ↔ HSB ↔ CMYK |
| Font Pair | 20 组 Google 字体搭配 |
| CSS Shadow | box‑shadow 生成器 |
| CSS Gradient | 线性/径向渐变构建器 |
| CSS Flex | Flexbox 练习场 |
| CSS Grid | Grid 布局生成器 |
| CSS Animation | 关键帧动画编辑器，12 种预设 |
| CSS Filter | 模糊、对比度、复古等滤镜 |
| Border Radius | 8 点控制，10 种预设 |
| Box Model | 交互式 margin/padding 可视化 |
| Spacing Calc | 设计系统比例尺生成器 |
| CSS Units | px ↔ rem ↔ em ↔ vw ↔ vh |
| Aspect Ratio | 计算并转换宽高比 |
| SVG Preview | 粘贴 SVG，即时预览 |
| Favicon Gen | 从文字/表情生成 favicon |
| Text Transform | camelCase、snake_case、UPPER 等转换 |
| Image Resize | 浏览器内调整尺寸，保持比例 |
| Emoji Picker | 搜索并复制表情符号 |
网络与系统工具
| 工具 | 功能描述 |
|---|---|
| chmod Calc | 权限计算器 |
| HTTP Status | 所有状态码解释 |
| DNS Lookup | A、AAAA、MX、NS、TXT 记录查询 |
| SSL Check | 证书有效期检查 |
| Headers Check | HTTP 响应头查看器 |
| IP Info | 查看你的 IP、地理位置、ISP |
| Meta Tags | OG / Twitter 元标签生成器 |
| QR Code | 生成二维码 |
内容与分析工具
| 工具 | 功能描述 |
|---|---|
| Word Count | 统计词数、字符数、阅读时间 |
| Title Score | 博客标题分析 |
| README Score | README 质量检查 |
| GitHub Stats | 仓库分析仪表盘 |
| npm Health | 包健康评分 |
| LLM Price | 对比 AI 模型定价 |
| Prompt Price | 计算 Prompt 成本 |
| Model Picker | 选取合适的 AI 模型 |
| AI ROI Calc | AI 投资回报计算器 |
| Dev.to Stats | 文章分析统计 |
| Markdown Preview | 实时 Markdown 渲染预览 |
所有工具均托管在 GitHub，用户名为 yurukusa。欢迎 fork、自行托管或修改——它们仅是 HTML 文件。