前端开发者工具箱免费
零上传、零等待、零账号。从 CSS 格式化到 JSON 转 TS 类型，每一个工具都在你的浏览器里完成计算——数据永远不离开这台机器。
- JSON 格式化格式化、压缩、实时校验 JSON，缩进可调，支持转 YAML / SQL
- JSON / CSVJSON 与 CSV 双向转换：自动检测方向、可选分隔符、嵌套值序列化并统计行列
- JSONPath / jq用 JSONPath 表达式实时查询、筛选、提取 JSON 数据，支持递归与通配符、表格 / 纯文本视图与多组示例数据
热门推荐
8编辑精选的高频工具，即点即用
样式与 CSS
13CSS 生成与格式化、Tailwind 类名互转、兼容性检查、选择器特异性计算、骨架屏、流式排版 Type Scale、OKLCH 广色域、颜色对比度、SVG 优化——写样式时反复要用的都在这一类，全部本地运算
数据与格式化
12JSON / HTML / XML / YAML / SQL 美化压缩、JSONPath 查询、JSON 转 TS 与多语言类型、JSON 与 CSV 互转对比、Mock 测试数据
JSON 转 Go / Java / Python / Rust
把 JSON 示例一键生成 Go struct / Java POJO / Python dataclass / Rust struct，自动区分整数与浮点、合并数组元素、标记可选字段
文本与 Markdown
16Markdown 预览与表格、HTML 转 Markdown、正则测试与替换库、文本 Diff 与去重、字符统计、大小写与命名格式、Mermaid 图表、Markdown 转公众号与 PDF、占位文本与剪贴板
编码与转换
10Base64 / URL / HTML 实体编解码、进制与时间戳转换、乱码修复、批量文件处理——前端常见的编码问题一站式解决
接口与调试
8cURL 转代码、JWT 解码、HTTP 状态码
图片与媒体
14图片压缩与格式转换、缩放裁剪、Base64 互转、二维码与条形码、EXIF 清除、PDF 工具箱、GIF、OG 分享图与 Favicon 整包生成——全部浏览器本地处理，图片不上传
效率与 AI
8Token 估算与成本对比、Prompt 清洗 / 压缩 / 版本对比 / 模板库、代码块与正则转 AI 输入、词频统计——喂给模型前先整理好
更多工具
15密码与哈希、chmod、Cron、Git / Linux 速查、ASCII / Unicode、坐标转换等长尾实用工具
边做边查
66基于站内真实工具整理的实操指南：写代码时真正会踩的坑，每篇都能边读边练。
人人都遇到过的 7 种 JSON 校验错误（附一行修复法）
JSON 校验失败 90% 落在这 7 种：中文引号、尾随逗号、单引号、注释、裸键、真实换行、非法数字——每种附一行修复，另加报错对照表、BOM 隐形杀手与「校验通过 ≠ 数据正确」的 schema 底线。
贪婪、懒惰与灾难回溯：解释大多数正则 Bug 的三种行为
正则匹配多了、匹配少了、偶尔永远跑不完——三种症状对应贪婪、懒惰与灾难回溯。讲清回溯怎么发生、如何一眼认出危险写法、以及三条上线前的自查清单。
CORS 报错怎么排查：从「预检过了还是失败」到一行响应头修好
控制台那句 CORS policy 说的不是「服务器拒绝了你」，而是「服务器少回了一个响应头」。按症状反查：为什么 Access-Control-Allow-Origin: * 配了还失败、withCredentials 为什么不让用通配符、预检 OPTIONS 返回 200 但实际请求仍被拦、Vary: Origin 缺了导致缓存串味。
XSS 转义怎么做：别再手动 replace 尖括号，四个上下文各有各的规则
记不住 < 不是问题，问题是不知道自己在哪个上下文里输出。HTML 正文、属性值、JavaScript 字符串、URL 四套规则各不通用：正文用 textContent，属性要加引号再转义引号，脚本里要转义斜杠和引号，URL 要做协议白名单。附上下文对照表与一份最小可用 CSP。
URL 特殊字符怎么编码：&、+、%、# 各走哪条路，一条规则说清
参数莫名被截断、多出一个 key、加号变空格、中文变乱码、签名怎么都对不上——五个症状都源于「该用哪条编码路径」没分清。给出三条规则：哪些字符必须编码、encodeURI / encodeURIComponent / URLSearchParams 各自的分工、以及二次编码是在哪一层被叠加进去的。
图片格式怎么选：WebP、AVIF、SVG、JPEG 各自的取舍和转换时机
格式选择不是「谁更先进」，而是「谁来解码」。给出一张真实对照表（体积、是否无损、透明、动画、兼容性），讲清 WebP 为什么能当默认项、AVIF 更大的收益要付出哪三个代价、JPEG 在哪些场景仍然是对的、SVG 什么时候值得退回位图，以及一张图「缩放 → 转格式 → 压缩」的正确顺序。
文件上传多大合适：体积、格式与限制一次说清
「文件太大」不是一句提示能解决的。梳理真实存在的几档体积限制（1MB / 2MB / 5MB / 10MB 各适合什么场景）、Base64 为什么会涨三分之一、格式白名单怎么设计才不给后端留坑、图片先压到目标大小的顺序，以及批量上传时最常翻车的三个细节。
#999999 放在白底上为什么看不清？对比度怎么改到 4.5:1
设计稿挑了一档灰做次要文字，肉眼「挺淡」，审计却判不过 AA——症结在相对亮度不在色号。本文讲清 WCAG 对比度的计算式、AA 与 AAA 四个阈值分别管什么、半透明色叠加后对比度为什么反而更差，以及不改设计稿也能把文字改到 4.5:1 的四步做法。