博客

在线工具箱

共 108 个纯前端在线工具:编码转换、加密解密、国密算法、哈希摘要、文本处理、数据格式转换、图片处理、开发调试、财务与生活计算。全部在浏览器本地计算,数据不上传服务器,无需注册即可使用。

编码转换

8 个

加密解密

8 个

哈希摘要

2 个

文本处理

17 个

数据格式转换

21 个
JSON 格式化 / 压缩 / 校验美化、压缩并校验 JSON,支持排序键与 Unicode 转义,报错会给出行列定位JSON ↔ XML对象/数组互转 XML,自动识别方向与根节点名JSON ↔ YAMLYAML 与 JSON 双向转换,依赖 js-yaml 本地解析JSON ↔ CSV对象数组与 CSV 互转,可自定义分隔符并保留表头JSON ↔ SQL对象数组生成 INSERT 语句,或把 INSERT 解析回 JSONJSONPath 查询用 $.a.b[0].c 或 $..* 语法从 JSON 中提取数据XML 格式化 / 校验XML 缩进美化与合法性校验YAML 格式化 / 校验重新缩进 YAML 并校验语法CSV 格式化 / 分列对齐成表格视图或按分隔符分列提取指定列TOML 解析 / 格式化TOML ↔ JSON ↔ YAML 互转(支持表、数组、布尔与数字类型)INI 解析 / 格式化INI 配置文件 ↔ JSON 互转,支持 section、分号与井号注释Properties 文件解析Java properties ↔ JSON 互转,支持多层 key 与续行SQL 格式化关键字大写、换行对齐,支持多种 SQL 方言SQL 压缩 / 混淆压缩为单行、去注释,或做可逆的简单混淆(Base64 包裹)正则表达式测试实时匹配并高亮结果,展示捕获组与常用正则库时间戳转换Unix 时间戳 ↔ 日期时间互转,支持秒/毫秒与多时区,自动跟随当前时间Cron 表达式解析 / 生成解释 5/6/7 位 cron 含义并计算接下来 5 次执行时间颜色格式转换HEX / RGB / HSL / HSV 互转,支持透明度颜色拾取器取色器 + 明暗调节 + 相近色推荐,支持 EyeDropper 屏幕取色单位换算长度 / 重量 / 温度 / 面积 / 体积 / 存储 / 速度 / 时间 / 功率 / 压强百分比计算器求百分比、增减百分比、折扣价与数值变化

图片处理

22 个
图片压缩JPG / PNG / WebP 压缩,可调质量与最大边,依赖 browser-image-compression图片格式转换JPG / PNG / WebP / BMP / AVIF 互转,本地完成图片调整尺寸按百分比或指定宽高缩放,支持等比锁定图片裁剪拖动/输入裁剪框,支持固定比例(1:1 / 4:3 / 16:9 等)图片旋转 / 翻转90° / 180° / 270° 旋转,水平 / 垂直翻转图片加水印文字或图片水印,可设置位置、透明度与旋转角图片转 Base64生成 Data URL / 纯 Base64,可直接用于 CSS 与 img 标签Base64 转图片把 Data URL 或纯 Base64 解码为图片并下载图片拼接多张图横向或纵向拼接,可统一对齐尺寸图片分割按行列切图(九宫格等),可逐张下载图片取色提取主色调、明暗色板与平均色(点击色块复制)图片滤镜灰度 / 反相 / 复古 / 模糊等预览,可导出结果图二维码生成(含 Logo / 颜色)文本或 URL 生成二维码,支持容错等级、前景色与 Logo 嵌入二维码解析上传二维码图片,本地识别其中的文本内容条形码生成Code128 / EAN13 / UPC-A / Code39 等一维码生成条形码解析读取一维码图片中的数字(依赖 ZXing)图片元信息查看读取尺寸、格式,以及 EXIF / GPS 拍摄信息图片去元信息重绘像素清除 EXIF / GPS / 缩略图等隐私信息ICO 图标生成PNG / JPG 转 Windows ICO 图标(多尺寸打包)SVG 优化 / 压缩清除注释、metadata、冗余空格与空属性,压缩 SVG 体积SVG ↔ PNG / JPG矢量图转位图,或把 Base64 / Data URL 的位图转为 SVG 包裹favicon 生成器生成 16/32/48/64/180/192/512 多尺寸图标,逐个下载

开发调试

19 个
JWT 解码 / 验证解析 Header / Payload / Signature,支持 HS256/384/512 验签与过期检测JWT 生成自定义 Header / Payload 与密钥,签发 HS256/384/512 TokenURL 解析 / 拼接拆解 scheme / host / path / query / hash,支持参数增删修改HTTP 状态码查询1xx ~ 5xx 完整状态码对照表HTTP Header 解析逐行解析请求头 / 响应头并提取关键字段User-Agent 解析识别浏览器 / 操作系统 / 设备 / 引擎信息MIME 类型查询扩展名 ↔ Content-Type 对照(支持通过 /data:image/png 反查)HTML 转义 / 反转义特殊字符与 HTML 实体互转,支持斜杠与引号CSS 格式化 / 压缩美化或压缩 CSS,自动换行缩进JavaScript 格式化 / 压缩美化 JS 代码,或做简单压缩(去注释与多余空白)HTML 格式化 / 压缩美化 HTML 结构,或压缩为单行代码语法高亮多语言代码高亮预览并可复制 HTML / 粘贴到文档代码行数统计统计总行数 / 代码行 / 注释行 / 空行与字符数代码 diff 对比两段文本逐行 diff,按行 / 按字符高亮差异在线正则可视化把正则表达式转成流程图(序列 / 分组 / 字符集 / 量词 / 分支)HTML 实体对照表常用 HTML 实体/字符对照查询颜色对比度检测WCAG AA / AAA 前景背景对比度检测与建议设备像素比 / 视口检测显示当前屏幕、DPR、视口、UA、语言与时区等运行环境信息WebSocket 测试客户端连接 WS/WSS 服务并收发消息,带状态与时间戳日志

财务 / 生活

11 个