开发工具82 个工具

开发者每天都在和数据格式、编码、正则打交道。这一类集中了 JSON 格式化与校验、Base64 等编解码、正则测试、时间戳换算等高频工具——全部在浏览器本地运行,粘贴即用,代码和数据不会上传到任何服务器。

JSON 格式化

格式化和压缩 JSON 数据，支持语法高亮和错误提示

AI 角色工坊

一个精选且持续扩充的库，收录适用于 Cursor、Windsurf、Claude Code 等 AI 编程工具的系统提示词、Agent 规则和工作流片段。

Open Design Studio

把 Open Design 风格工作流变成可生成、可预览、可下载的设计产物,支持本地、免费和自带 Key 多模型引擎

正则表达式测试

在线测试正则表达式，实时匹配高亮和捕获组显示

UUID 生成器

生成 UUID v1/v4/v5，支持批量生成和格式验证

SQL 格式化工具

SQL 语句格式化和压缩，支持多种数据库语法

代码格式化

在浏览器中用 Prettier 引擎格式化 JavaScript、TypeScript、CSS、HTML、JSON、Markdown 等代码。

时间戳转换

时间戳与日期时间的相互转换工具，精确到毫秒

Cron 表达式生成器

可视化生成 Cron 定时任务表达式，支持预览下次运行时间

URL 编解码

URL 编码和解码工具，处理特殊字符和中文

Base64 编解码

快速编码和解码 Base64 字符串，支持中文和特殊字符

User Agent 解析器

解析 User Agent 字符串，识别浏览器、操作系统和设备信息

IP 地址工具

查询公网 IP 信息，计算 IPv4 和 IPv6 子网，进行 CIDR ↔ 子网掩码互转，并查看地理位置和 ASN 数据。

CSS clamp() 计算器

为流体排版生成响应式 CSS clamp()。

YAML ↔ JSON 互转

YAML 与 JSON 双向转换，缩进可调、错误友好

Slug 生成器

把标题转成干净的 URL slug，可选保留中文

gitignore 生成器

按技术栈勾选生成 .gitignore。

EditorConfig 生成器

生成 .editorconfig 让代码风格保持一致。

约定式提交生成器

生成格式规范的 Conventional Commits 提交信息。

命名风格转换

camelCase、snake_case、kebab-case、PascalCase 一次转 12 种

Base32

Base32 编解码（RFC 4648 标准）

JSON 转 TypeScript

从 JSON 样本自动推断 TypeScript interface

JSON 转 Go 结构体

从 JSON 样本生成带 json 标签的 Go 结构体。

HTML 转 JSX 转换器

粘贴 HTML,在浏览器本地得到可用于 React 的 JSX。

curl 转 fetch 转换器

粘贴 curl 命令,在浏览器本地得到 JavaScript 的 fetch() 调用。

CSS 转 JS 对象转换器

粘贴 CSS,在浏览器本地得到 JavaScript 样式对象。

CSS 优先级计算器

计算并比较 CSS 选择器的权重。

CSS 滚动条样式生成器

设计自定义滚动条并复制 CSS。

缓动曲线编辑器

拖动两个控制点调整 CSS 缓动曲线,带实时预览。

Flexbox 生成器

可视化搭建 CSS flex 布局并复制代码。

CSS Grid 生成器

可视化搭建 CSS 网格并复制布局代码。

网格渐变生成器

用纯 CSS 做柔和的网格弥散渐变背景。

假数据生成器

生成姓名/邮箱/UUID 假数据，JSON / CSV / SQL 输出

URL 解析器

把 URL 拆分为各个组成部分

JSON ↔ 查询字符串

在查询字符串和 JSON 对象之间转换。

XML 格式化

XML 格式化与压缩

代码截图

用主题美化代码生成图片

JSON 对比

可视化对比两个 JSON

玻璃拟态 CSS 生成器

用滑块调出毛玻璃效果,实时预览并复制 CSS。

新拟态生成器

用实时预览设计新拟态(Soft UI)柔和阴影。

CSS 滤镜生成器

在示例图或你自己的图片上实时叠加 CSS 滤镜。

CSS 动画生成器

做 CSS 关键帧动画,带实时循环预览。

CSS 加载动画生成器

生成纯 CSS 加载动画,带实时预览。

AI 对话

与 OpenAI / Gemini / 自定义模型对话 — 使用你自己的 API Key

CSS 压缩与美化

压缩或美化 CSS 代码

HTML 实时预览

编写 HTML/CSS/JS 并实时预览

IP 查询

查询你的 IP 或任意 IP 地理位置

子网计算器

按 IP 与前缀计算 IPv4 子网:网络、广播、掩码、通配符、可用主机范围、主机数、类别与公网/私有

MIME 类型查询

查询扩展名对应的 MIME 类型,或反查内容类型对应的扩展名,可搜索并按分类筛选

屏幕与设备信息

查看屏幕分辨率、实时视口尺寸、设备像素比、颜色深度、触控支持、系统偏好与浏览器,全部本地读取

JSON ↔ CSV 互转

JSON 数组与 CSV 双向转换

屏幕尺

测量屏幕像素距离

宽高比计算器

计算和转换宽高比

chmod 计算器

Unix 文件权限计算

圆角生成器

可视化 CSS border-radius + Tailwind 输出

clip-path 生成器

可视化创建 CSS clip-path 形状:拖动多边形顶点或选预设,切换圆形、椭圆或 inset,预览并复制 CSS

CSS Transform 生成器

用滑块可视化构建 CSS transform:位移、旋转、缩放、倾斜与 3D 透视,带实时预览与复制

CSS Transition 生成器

构建带属性、时长、延迟与缓动(含现成 cubic-bezier 曲线)的 CSS 过渡,实时预览并复制 CSS

阴影生成器

可视化 CSS box-shadow 多层阴影

文字阴影生成器

在实时文字上设计多层 CSS text-shadow 效果。

JSON 树形查看器

可折叠展开的 JSON 树形视图

HTTP 状态码

全部 HTTP 状态码速查手册

Crontab 监控

监控多个定时任务和下次执行

正则表达式库

常用正则表达式一键复制

HTML 实体参考

可搜索的 HTML 实体表

JWT 解码器

解码和检查 JWT Token

文本转二进制

将文本按 UTF-8 编码转换为 8 位二进制字节

Unicode 字符检查器

逐字符检查文本:码点、UTF-8 和 HTML 实体。

二进制转文本

将 8 位二进制字节解码为 UTF-8 文本

JSONPath 查询

用 JSONPath 表达式查询 JSON

TOML 转 JSON

TOML 配置转 JSON

文本对比

并排对比两段文本

OG 标签预览

预览任意 URL 的 Open Graph 标签

Meta 标签生成器

生成 SEO、Open Graph 与 Twitter 卡片 meta 标签。

robots.txt 生成器

生成带爬虫规则和 sitemap 网址的 robots.txt。

十六进制编辑器

邮箱格式验证

DNS 查询

JSON Schema 生成

YAML 校验器

SVG 有机形状生成器

生成平滑的有机 SVG blob 形状。

端口速查表

典型场景

1
调试接口时,把一坨压缩成一行的 JSON 响应粘进来一键格式化、定位字段
2
写正则前先在测试器里拿真实样本反复试,确认捕获组和边界再贴回代码
3
把小图标转成 Base64 内联进 CSS,或反过来解码排查传输问题

探索我们的工具分类

文档处理媒体工具安全加密实用工具