Developer Tools

开发者在线工具

181 个开发者在线工具,涵盖数据、文本、网络、CSS、图片转换与编辑、SVG、图标生成,以及图片尺寸、EXIF、元数据与颜色分析,全部在浏览器本地运行。

无需登录即可处理数据与文本、转换和编辑图片、制作网站与 App 图标,查看图片尺寸和 EXIF,提取配色、读取像素与分析直方图。

JSON 与数据工具

JSON Formatter

把合法 JSON 按 2 或 4 个空格重新排版,并指出常见语法错误的位置。

进入工具

JSON Validator

验证 JSON 语法并显示有效状态、具体原因及可计算的错误位置。

进入工具

JSON Minifier

将有效 JSON 压缩为单行,并比较压缩前后的大小。

进入工具

JSON Viewer

在 Raw 与可折叠 Tree 视图之间切换,清晰区分不同 JSON 类型。

进入工具

JSON → CSV

把对象数组转换为标准 CSV,正确处理引号、逗号、换行和缺失字段。

进入工具

CSV → JSON

按 RFC 4180 基本规则解析 CSV,包括引号内逗号、换行和双引号。

进入工具

XML / YAML 工具

XML Formatter

检查并格式化 XML,保留属性、注释与 CDATA。

进入工具

XML → JSON

按固定规则将 XML 节点、属性、文本与重复元素转换为 JSON。

进入工具

JSON → XML

递归转换对象和数组,安全转义文本并拒绝非法 XML 标签名。

进入工具

YAML → JSON

将 YAML 对象、数组和标量转为 JSON,并查看语法错误提示。

进入工具

JSON → YAML

把标准 JSON 转成易读 YAML,正确处理对象、数组与各种标量类型。

进入工具

编码与文本转换工具

Base64 Encode

把 UTF-8 文本编码为 Base64,正确支持中文、日文和 emoji。

进入工具

Base64 Decode

严格检查 Base64 后按 UTF-8 解码,恢复多语言 Unicode 文本。

进入工具

URL Encode

在 URL Component 与 Full URL 模式下正确编码中文和特殊字符。

进入工具

URL Decode

解码百分号序列,并在编码不完整或无效时提供友好错误。

进入工具

Hex → Text

把十六进制字节严格解析并按 UTF-8 还原为多语言文本。

进入工具

Text → Hex

把 Unicode 文本编码为 UTF-8 字节,并以三种常用十六进制格式输出。

进入工具

Binary → Text

严格按 8 位字节解析二进制,并使用 UTF-8 解码为可读文本。

进入工具

Text → Binary

把 Unicode 文本编码成 UTF-8 字节,再输出固定八位二进制。

进入工具

ASCII Converter

在字符、ASCII 十进制、十六进制和二进制之间转换,并标记非 ASCII 字符。

进入工具

Unicode Converter

逐个 Unicode Code Point 查看编码信息,并支持 U+ 与 JavaScript 转义反向转换。

进入工具

HTML Entity Encoder

编码 HTML 中常见的特殊字符,并可选择把非 ASCII 字符转为数字实体。

进入工具

HTML Entity Decoder

解码命名及数字 HTML 实体,并将结果显示为普通文本。

进入工具

开发辅助工具

Regex Tester

测试 JavaScript 正则表达式,查看匹配内容、索引与捕获组;耗时过长的测试会自动停止。

进入工具

UUID Generator

用密码学随机源批量生成 1~100 个 UUID v4,并控制大小写和连字符。

进入工具

Unix Timestamp Converter

在 Unix 秒/毫秒与日期之间双向转换,并显示设备时区、UTC 和 ISO。

进入工具

代码格式化工具

HTML Formatter

格式化 HTML 文档和代码片段,可选择 2 或 4 个空格缩进,并整理标签、属性和支持的内嵌内容。

进入工具

CSS Formatter

解析并美化 CSS 选择器、声明、媒体查询、关键帧与自定义属性。

进入工具

JavaScript Formatter

格式化现代 JavaScript,支持类、可选链、模板字符串和 async/await,不会执行输入代码。

进入工具

SQL Formatter

按 Standard SQL、MySQL、PostgreSQL 或 SQLite 方言格式化查询文本。

进入工具

代码压缩工具

HTML Minifier

使用成熟 HTML minifier 安全压缩文档,并保护预格式化与行内空白语义。

进入工具

CSS Minifier

压缩 CSS,支持选择器、字符串、calc() 与自定义属性,并查看压缩前后大小和节省比例。

进入工具

JavaScript Minifier

压缩现代 JavaScript 并缩短局部变量名,查看语法错误、原始大小、压缩后大小和节省比例。

进入工具

Hash 与安全工具

SHA256 Generator

为 UTF-8 文本生成 64 个十六进制字符的 SHA-256 摘要,可选择大小写并复制结果。

进入工具

SHA512 Generator

为 UTF-8 文本生成 128 个十六进制字符的 SHA-512 摘要,可选择大小写并复制结果。

进入工具

MD5 Generator

为 UTF-8 文本生成 32 个十六进制字符的 MD5 摘要,适合旧系统兼容校验,不适合安全用途。

进入工具

File Hash Calculator

选择本地文件并在浏览器内计算 SHA-256、SHA-512 或 MD5,无需上传。

进入工具

JWT Decoder

本地解码 JWT 的 Header 与 Payload,并解释常见 Unix 时间声明;不验证签名。

进入工具

Basic Auth Generator

以 UTF-8 安全生成 Basic Authorization Header,并提醒 Base64 不是加密。

进入工具

Cron 与时间表达式

Cron Generator

通过常用计划选项生成标准五字段 Cron,并同步显示自然语言解释。

进入工具

Cron Parser

验证并解释标准五字段 Cron,支持星号、列表、范围与步长语法。

进入工具

URL 与 HTTP 工具

Query String Parser

解析查询字符串并保留重复参数、空值和标准百分号编码语义。

进入工具

Query String Generator

从多行键值参数生成正确编码的 Query String,并允许重复 Key。

进入工具

URL Parser

拆分完整或相对 URL,查看协议、主机、端口、路径、查询参数和片段;相对地址需提供 Base URL。

进入工具

Cookie Parser

解析粘贴的 Cookie Header,并并列显示原始值和安全解码结果。

进入工具

HTTP Header Parser

解析纯文本 HTTP Headers,保留重复字段和值中的冒号,并输出 JSON。

进入工具

HTTP 请求辅助

Curl Generator

从结构化请求信息生成正确转义的 cURL 命令,但不执行请求。

进入工具

Curl → Fetch

把常见 cURL 命令安全解析为 fetch 代码,并明确报告不支持的选项。

进入工具

Fetch → Curl

将支持的 fetch 调用转为可复制的 cURL 命令,输入代码不会运行。

进入工具

文件类型工具

MIME Type Lookup

通过文件扩展名查找 MIME 类型,或根据 MIME 类型查找扩展名,并支持关键词搜索。

进入工具

网络与 IP 计算工具

IPv4 Validator

严格验证 A.B.C.D 格式、0~255 范围与前导零规则,并显示各段和 32 位二进制。

进入工具

IPv6 Validator

验证完整、压缩及 IPv4-mapped IPv6,并查看展开和规范压缩格式。

进入工具

IPv4 → Binary

把 IPv4 的四个十进制 Octet 转成固定 8 位二进制,并显示带点与连续格式。

进入工具

Binary → IPv4

验证恰好 32 个 0/1,并把连续、带点或空白分组的二进制转换为 IPv4。

进入工具

CIDR Calculator

从 IPv4 与 CIDR 前缀计算掩码、Network、Broadcast、地址范围和主机数量。

进入工具

Subnet Calculator

使用 CIDR 或连续子网掩码完成综合子网计算,并显示边界、位数和主机范围。

进入工具

Subnet Mask Calculator

双向转换 CIDR Prefix 与 Subnet Mask,并严格验证二进制 1/0 是否连续。

进入工具

IP Range Calculator

计算 CIDR 覆盖的起止地址、可用范围和数量,不展开整个大型 IP 列表。

进入工具

Network Address Calculator

用 IP AND Subnet Mask 精确计算 Network Address,并展示三行二进制过程。

进入工具

Broadcast Address Calculator

用 Network OR Wildcard 精确计算 Broadcast Address,并展示二进制运算过程。

进入工具

CSS 与前端开发工具

HEX → RGB

将 3 位或 6 位 HEX 转成 RGB,显示各通道数值与颜色预览。

进入工具

RGB → HEX

验证 R、G、B 整数范围并生成 HEX,支持大写输出和颜色预览。

进入工具

HEX → HSL

将 HEX 转换为 HSL,查看色相、饱和度、亮度与真实颜色预览。

进入工具

CSS Gradient Generator

创建线性或径向渐变,调整 2~6 个颜色节点、位置和角度。

进入工具

Box Shadow Generator

实时调整卡片阴影的偏移、模糊、扩散、颜色、透明度和 inset。

进入工具

Text Shadow Generator

为自定义文字生成实时阴影,调整偏移、模糊、颜色与透明度。

进入工具

Border Radius Generator

独立或关联调节四个圆角,预览形状并生成简洁 border-radius。

进入工具

CSS Flexbox Generator

调整主轴、对齐、换行与 gap,用真实元素预览 Flexbox 布局。

进入工具

CSS Grid Generator

生成等分 Grid,独立设置行列与间距,最多预览 144 个元素。

进入工具

CSS Clamp Generator

设置最小、首选与最大值,生成可预览的响应式 clamp() CSS。

进入工具

px → rem

按自定义根字体大小将 px 转成 rem,保留合理精度。

进入工具

rem → px

按自定义根字体大小将 rem 转成 px,显示公式与结果。

进入工具

Aspect Ratio Calculator

将宽高约分为最简比例,或按比例与一个尺寸计算另一边。

进入工具

WCAG Contrast Checker

计算前景与背景颜色对比度,检查 WCAG AA / AAA 的四项文字阈值。

进入工具

CSS Filter Generator

实时预览九种 CSS 滤镜,生成 filter 声明并一键恢复默认值。

进入工具

文本与数据工具

Word Counter

实时统计字符、单词、段落与句子,区分中文分词与字符数并估算阅读时间。

进入工具

Character Counter

区分 Unicode 码点、可见字符簇、UTF-16 长度和 UTF-8 字节,准确解释 emoji。

进入工具

Remove Duplicate Lines

按大小写和空白规则删除重复行,默认保留首次出现的原文与顺序。

进入工具

Remove Empty Lines

删除空行或仅含空白的行,默认保留其他行的原始内容和前后空格。

进入工具

Text Sorter

按文本、自然数值或字符长度排序多语言文本行,也可随机打乱。

进入工具

Text Diff

逐行识别新增、删除和未变内容,支持中文与 emoji。

进入工具

CamelCase Converter

识别分隔符和大小写边界,批量生成 camelCase,保留中文和 Unicode 字母。

进入工具

snake_case Converter

将不同命名形式统一为小写下划线格式,识别缩写和已有 camelCase。

进入工具

kebab-case Converter

把短语、驼峰名称和缩写转成单个短横线连接的小写 kebab-case。

进入工具

CSV Viewer

本地读取或粘贴 CSV,按列位置显示表格与统计,支持真实引号字段和有限预览。

进入工具

CSV Deduplicator

按整行或指定列为 CSV 去重,保留首条记录、列顺序与正确的 CSV 转义。

进入工具

CSV → Markdown

把 CSV 转为 Markdown 表格,转义单元格竖线并按明确规则处理换行。

进入工具

Markdown → CSV

识别 Markdown 表头、对齐行和转义竖线,生成正确引用的 CSV。

进入工具

Markdown Preview

实时预览 Markdown 标题、列表、代码和表格,禁用用户 HTML 与远程图片加载。

进入工具

Markdown → HTML

将 Markdown 转为可复制的 HTML 源码,禁用 raw HTML 并安全展示转换结果。

进入工具

生成与代码结构工具

Random String Generator

按长度与数量生成随机字符串,可组合字符集、自定义字符并排除易混淆字符。

进入工具

Random Number Generator

生成指定范围内的随机整数或小数,支持批量、不重复整数和本地下载。

进入工具

Password Generator

使用加密随机源生成密码,保证字符类别,支持排除易混淆字符且不保存结果。

进入工具

UUID Batch Generator

批量生成 UUID v4,调整大小写和连字符,一次输出最多 10000 条。

进入工具

QR Code Generator

本地生成文本或网址二维码,设置纠错、颜色与尺寸,下载真实像素 PNG。

进入工具

Barcode Generator

生成真实的一维条形码,验证格式和校验位,设置尺寸后下载矢量 SVG。

进入工具

JSON → TypeScript

合并所有样本对象,生成包含可选字段、联合类型和嵌套类型的 TypeScript。

进入工具

JSON → Java

将 JSON 结构转为 Java 类,合并数组字段并生成嵌套类型与必要 imports。

进入工具

JSON → Go Struct

生成带导出字段与 json tags 的 Go struct,处理指针、嵌套对象和切片。

进入工具

JSON → Python Dataclass

生成 Python dataclass,处理联合类型、可选默认值、嵌套结构与保留字。

进入工具

图片转换工具

JPG → PNG

将 JPG 照片转成 PNG,保持原有像素尺寸。

进入工具

PNG → JPG

将 PNG 转成 JPG,可选背景颜色与图片质量。

进入工具

JPG → WebP

将 JPG 转成 WebP,调整质量并比较文件大小。

进入工具

PNG → WebP

将 PNG 转成 WebP,保留透明区域并调整质量。

进入工具

WebP → JPG

将静态 WebP 转成 JPG,填充背景并调整质量。

进入工具

WebP → PNG

将静态 WebP 转成 PNG,保留透明区域和尺寸。

进入工具

BMP → PNG

将浏览器支持的 BMP 转成 PNG,保留像素尺寸。

进入工具

BMP → JPG

将 BMP 转成 JPG,调整质量与背景颜色。

进入工具

GIF → PNG(提取首帧)

提取 GIF 的第一帧,保存为静态 PNG 图片。

进入工具

Image → Base64

把原始图片编码为 Base64 文本,保留文件内容。

进入工具

Base64 → Image

把 Base64 或 Data URI 还原为图片并下载。

进入工具

Image → Data URI

生成带图片类型的完整 Data URI,可复制或下载。

进入工具

图片尺寸与裁剪

Resize Image

调整图片宽高,默认锁定比例,可自由修改尺寸。

进入工具

修改图片宽度

只设置新宽度,自动计算高度并保持原图比例。

进入工具

修改图片高度

只设置新高度,自动计算宽度并保持原图比例。

进入工具

按百分比缩放图片

按百分比同比缩放宽高,支持常用缩放快捷值。

进入工具

保持比例缩放图片

在最大宽高限制内等比例缩放,默认不放大。

进入工具

Crop Image

自由矩形裁剪,拖动选区并精确设置原图坐标。

进入工具

Square Crop

固定正方形选区,默认最大居中裁剪。

进入工具

Circle Crop

裁剪透明圆外区域的圆形头像,默认输出 PNG。

进入工具

16:9 Image Crop

锁定 16:9 宽屏比例,直接裁剪原图区域。

进入工具

4:3 Image Crop

固定 4:3 裁剪选区,默认选择最大居中区域。

进入工具

1:1 Image Crop

按 1:1 比例裁剪,保持输出宽度与高度相同。

进入工具

图片压缩

JPG Compressor

调整 JPG 质量,保持像素尺寸并比较压缩前后大小。

进入工具

PNG Compressor

选择无损优化或减少颜色,保留 PNG 透明区域。

进入工具

WebP Compressor

调整静态 WebP 的质量,保留尺寸与透明效果。

进入工具

Image Quality Adjuster

比较 JPG 和 WebP 质量,也可选择无损 PNG 输出。

进入工具

Image File Size Reducer

设置 KB 或 MB 容量目标,可允许必要时缩小图片尺寸。

进入工具

图片编辑与滤镜

Rotate Image

顺时针、逆时针或自定义角度旋转,完整保留图片内容。

进入工具

Flip Image Horizontal

将图片左右镜像,保持原始像素宽高。

进入工具

Flip Image Vertical

将图片上下镜像,保持原始像素宽高。

进入工具

Grayscale Image

调整灰度强度,在原始颜色与完整灰度之间选择。

进入工具

Sepia Image

调节棕褐色滤镜强度,制作温暖的复古图片。

进入工具

Blur Image

设置模糊半径,为整张图片添加柔化效果。

进入工具

Sharpen Image

调节锐化强度,增强边缘对比与视觉清晰感。

进入工具

Brightness Adjuster

调整整体亮度,100% 保持原始亮度。

进入工具

Contrast Adjuster

调整明暗反差,100% 保持原始对比度。

进入工具

Saturation Adjuster

降低或增强颜色浓度,100% 保持原始饱和度。

进入工具

Hue Adjuster

按角度改变色相,探索不同的图片配色。

进入工具

Exposure Adjuster

按 EV 档位模拟曝光变化,0 EV 保持原样。

进入工具

Invert Image

调整反色强度,保留图片透明度和像素尺寸。

进入工具

Pixelate Image

设置像素方块大小,保持下载图片的原始宽高。

进入工具

Image Opacity Adjuster

设置整体不透明度,默认 PNG 保留透明效果。

进入工具

Add Border to Image

选择边框宽度、颜色与内外位置,核对最终尺寸。

进入工具

Add Rounded Corners

按像素设置统一圆角,默认 PNG 保存透明四角。

进入工具

图片水印与隐私

Add Text Watermark

设置文字、字体、颜色、位置和透明度,写入下载图片。

进入工具

Add Image Watermark

读取本地主图和 Logo,保持水印比例并调整位置。

进入工具

SVG 工具

SVG Viewer

查看 SVG 尺寸、元素统计、源码与可展开的结构树。

进入工具

SVG Preview

切换预览背景与缩放比例,查看经过安全处理的静态 SVG。

进入工具

SVG Formatter

按 2 或 4 个空格缩进整理 SVG,保留图形和文字含义。

进入工具

SVG Minifier

选择保守压缩或进一步优化,比较 SVG 大小与节省比例。

进入工具

SVG → PNG

将 SVG 转成 PNG,自选尺寸并保留透明背景。

进入工具

SVG → JPG

将 SVG 转成 JPG,可调尺寸、背景与图片质量。

进入工具

SVG → Base64

把 UTF-8 SVG 编码为 Base64 或完整 Data URI,保留原始内容。

进入工具

Base64 → SVG

将 Base64 或 SVG Data URI 还原为 SVG,查看源码与安全预览。

进入工具

SVG Color Changer

识别填充、描边与渐变颜色,批量替换并预览配色效果。

进入工具

SVG Width / Height Editor

修改 SVG 显示宽高,默认锁定比例,保持 viewBox 与路径坐标。

进入工具

SVG ViewBox Calculator

解析或生成 viewBox,计算内部坐标比例与显示缩放比例。

进入工具

SVG Path Viewer

查看 SVG 路径与命令统计,调整描边、填充并检查几何边界。

进入工具

SVG Background Generator

生成纯色、渐变、圆点与网格等背景,设置尺寸后下载 SVG。

进入工具

ICO / Favicon / App Icon 工具

PNG → ICO

将 PNG 转成多尺寸 ICO,保留透明区域,调整裁剪与背景。

进入工具

JPG → ICO

将 JPG 照片转成 ICO,选择完整保留或中心裁剪并设置留白。

进入工具

Favicon 生成器

快速生成网站 ICO 和常用 PNG 图标,提供预览、ZIP 与 HTML 引用。

进入工具

多尺寸 Favicon

自选 16~512 像素组合,批量生成 PNG、多尺寸 ICO 与 ZIP 图标包。

进入工具

Apple 触控图标

制作 Apple Touch Icon,默认 180×180、白色背景与适当留白。

进入工具

Android 图标尺寸

生成 Android 常用 PNG 尺寸与 PWA 192/512 图标,支持目录打包。

进入工具

Emoji → Favicon

将单个 Emoji 制作为 ICO 和 PNG,调整缩放、背景并预览小尺寸。

进入工具

App 图标生成器

生成 Apple、Android、PWA 和通用 PNG 图标,按用途打包下载。

进入工具

图片信息与元数据

图片尺寸查看

查看宽高、最简比例、百万像素和方向,支持手机照片方向校正。

进入工具

图片文件大小

读取文件字节数、KB/MB、KiB/MiB、文件类型与像素尺寸。

进入工具

图片 DPI 查看

读取内嵌 DPI,列出密度来源、冲突值及对应打印尺寸。

进入工具

图片元数据查看

分类查看 EXIF、IPTC、XMP、颜色与 GPS 等可读取的图片信息。

进入工具

EXIF 信息查看

查看照片相机、镜头、曝光、方向和 GPS,保留原始记录来源。

进入工具

Remove Image Metadata

重新保存图片以移除常见拍摄信息,保留正确方向。

进入工具

图片颜色分析

图片取色器

点击图片读取原图像素的 HEX、RGB、HSL、Alpha,支持放大镜。

进入工具

像素颜色查看

输入零起点坐标读取原图像素,逐像素移动并查看颜色与 Alpha。

进入工具

图片主色提取

提取最有代表性的颜色簇,显示主色代码与采样估计占比。

进入工具

图片调色板提取

提取 3、5、8 或 10 色调色板,复制色值列表和 CSS 变量。

进入工具

图片平均颜色

计算线性光或简单 RGB 平均色,正确处理透明像素的权重。

进入工具

图片直方图

显示 256 级 RGB 与亮度直方图,查看各通道数值分布和统计。

进入工具

RGB 通道查看

查看 RGB 通道原色或灰度,下载保持原图尺寸与透明度的 PNG。

进入工具