const Base64 解码 = () => {

将 Base64 还原为原始文本。
零网络请求，原始数据不离开浏览器。

40+ 本地工具 · JSON 处理 · 格式互转 · 编解码 · 文本辅助

点击或拖入图片（本地处理，不上传）

点击或拖入图片

质量最长边格式

就绪体积: 0 B 耗时: 0 ms

UTF-8 缩进: 4空格 JSON

选工具

在下方工具库点分类，再点卡片。工作区标题会立刻切换到对应能力。

贴内容

把 JSON、代码或密文粘到左侧。多数工具会在输入后自动出结果，无需点「运行」。

看结果

右侧是处理结果。JSON 格式化可切「树状 / 可视化」。对比类工具会高亮增删改。

复制或分享

复制结果、下载文件，或点「分享」生成 Hash 链接。数据只写在浏览器地址栏，不上报服务器。

工具库菜单

按分类选择模块，下方卡片和示例场景会一起切换

示例与场景

当前 ·JSON 核心

点「填入」会切工具并写入样例，可直接看结果。

JSON 格式化

接口响应美化

压缩 JSON 展开缩进，可切树状视图

{
  "status": "success",
  "code": 200,
  "data": { "user": { "id": 1001, "name": "Ada" }, "list": [1, 2, 3] }
}

JSON 语法校验

找出多余逗号

会标出错行，而不是笼统的 Unexpected token

{
  "ok": true,
  "msg": "多余逗号会报错",
}

JSON5 解析

JSON5 → 标准 JSON

注释、单引号、尾逗号会转成可 parse 的 JSON

{
  // 配置注释
  env: 'dev',
  retries: 3,
  hosts: ['a.local', 'b.local',],
}

JSONPath 查询

抽出 price > 20 的书名

表达式$.store.book[?(@.price>20)].title→ 三体、算法

{
  "store": {
    "book": [
      { "title": "三体", "price": 48 },
      { "title": "JSON 手册", "price": 12 },
      { "title": "算法", "price": 88 }
    ]
  }
}

JSON 对比 Diff

两份部署配置

replicas 变更，debug 删除，region 新增

A 旧

{"env":"prod","replicas":2,"debug":false}

B 新

{"env":"prod","replicas":4,"region":"cn-east"}

JSON Key 排序

按字母排 key

嵌套对象也会重排，方便再 diff

{
  "z": 1,
  "m": 2,
  "a": { "c": 3, "b": 2 }
}

JSON ↔ YAML

JSON → YAML

方向已选 JSON → YAML，给 K8s 草稿用

{
  "service": "api",
  "replicas": 2,
  "ports": [80, 443]
}

生成实体代码

JSON → TypeScript

语言已选 TypeScript，嵌套会拆成多层 type

{
  "id": 1,
  "name": "Ada",
  "tags": ["dev"],
  "profile": { "city": "Shanghai", "vip": true }
}

JSON ↔ XML

JSON → XML

方向已选 JSON → XML，根节点会包一层 root

{
  "user": { "name": "Ada", "age": 18, "tags": ["dev", "ops"] }
}

JSON ↔ CSV

JSON → CSV

方向已选 JSON → CSV，首行作表头

[
  { "id": 1, "name": "Ada" },
  { "id": 2, "name": "Bob" }
]

JSON → SQL INSERT

JSON → INSERT

表名已选 users

[
  { "id": 1, "name": "Ada" },
  { "id": 2, "name": "Bob" }
]

驼峰 / 下划线

snake_case → camelCase

目标已选 camelCase，嵌套 key 一起改

{
  "user_id": 1,
  "nick_name": "Ada",
  "profile_info": { "city_name": "SH" }
}

代码美化 / 压缩

JS 美化

类型已选 JS 美化

function hello(name){if(!name)return;console.log('hi '+name)}

代码美化 / 压缩

SQL 美化

类型已选 SQL 美化

select u.id, u.name
from users u
join orders o on u.id = o.user_id
where o.amount > 100
order by o.created_at desc;

代码美化 / 压缩

CSS 美化

类型已选 CSS 美化

.box{display:flex;align-items:center;background:#2563eb;padding:8px 16px}

Base64 编码

中文 → Base64

解码请改用「Base64 解码」

JSONNote 本地工具箱

URL 编码

查询参数编码

中文和空格会变成 %XX

https://api.example.com/search?keyword=格式化 JSON

哈希

SHA-256

算法已选 SHA-256，同一输入摘要不变

hello-devbox

时间戳

Unix → 本地时间

10 位按秒，13 位按毫秒

1710000000

Unicode 中文互转

汉字 → \u

方向已选汉字 → \u

你好，JSONNote

JWT

解析 Token

贴 Token 后点解析。不要用生产密钥

header.payload.signature

HTML 转义 / 反转义

HTML 转义

方向已选转义，避免标签被当成 DOM

<div class="box">A & B</div>

字符串处理

按行去重

操作已选按行去重，保留首次出现

Ada
Bob
Ada
Cara

正则测试

抽出数字

表达式\d+，flags 已选 g

order-1001 paid 88
order-1002 paid 12

字符串处理

字数统计

操作已选字符 / 行统计

Hello JSONNote
JSON 工具箱

简易 JS 运行

跑一小段 JS

沙箱 iframe，不要贴不可信代码

const sum = (a, b) => a + b;
sum(1, 2);

二维码

文本 → 二维码

填入后点「生成二维码」

https://jsonnote.com

CSS 渐变生成

调 CSS 渐变

改起点 / 终点 / 角度，复制 background

linear-gradient(135deg, #2563eb, #a855f7)

图片压缩

本地压图

拖入即可，不上传。可调质量和最长边

JPG / PNG / WebP

使用说明

按模块了解何时用哪把工具。点「查看工具」会跳到对应分类，再用上面的示例一键填入工作区。

JSON 核心

接口调试、日志排查、配置对比时最常用。建议先格式化看结构，语法有问题时用校验定位行号。

粘贴压缩成一行的响应体，选「JSON 格式化」，右侧即展开；树状视图可直接改键值。需要从地址加载时，确认后点「拉取」（会发起网络请求）。
报Unexpected token时改用「语法校验」，会标出多余逗号、缺括号的行。
带注释或尾逗号的配置用「JSON5 解析」，会输出标准 JSON。
要比两份配置：开「JSON 对比 Diff」；要合成一份用「JSON 合并」。
只取部分字段：开「JSONPath」。推断或校验契约用「JSON Schema」。

缩进空格在右上角「设置」里改，格式化和 Key 排序都会跟着变。

查看工具

多格式互转与实体

和运维配置、后端模型对接时，不必来回找在线转换站。

JSON ↔ YAML / TOML / XML / CSV：先选方向，再粘贴源文本。
XML 需是可解析的文档；根节点在 JSON→XML 时会包一层root。
「生成实体代码」可切 Java、Go、Python、TypeScript、C#、PHP、Kotlin、Swift、Rust、GraphQL 等。
JSON → SQL INSERT、curl / Postman 互转、驼峰下划线改 key 都在互转分类。

转换失败时看右侧报错；先格式化确认 JSON 合法再互转，成功率更高。

查看工具

代码美化与文本 Diff

贴一段挤在一行的 JS / SQL，或对比两份日志、配置草稿。

「代码美化 / 压缩」先选类型（JS 美化、SQL 美化等），结果出现在右侧。
压缩选项会去掉注释和多余空白，适合体积对比，不适合当生产构建器用。
「文本 Diff」左右两栏任意文本，按行高亮差异，不要求是 JSON。

美化类型在工作区右上角切换。

查看工具

编码、哈希、JWT、RSA

全部在浏览器内计算。密钥、Token、明文不要用于生产，也不要贴真实隐私。

Base64 / URL：编码和解码是两个工具，注意不要贴反。
哈希：文本或本地文件；HMAC 需在右侧填密钥。完整性优先 SHA-256 / SHA-512。
JWT：解析会给出 unix / ISO / 本地时间；生成与校验可选 HS256 或 RS256。
AES-GCM：口令派生密钥，密文为 JSON。RSA 仍先「生成密钥」再加解密。
时间戳：纯数字按秒或毫秒自动判断；也可用「当前时间」一键打出本地与 ISO。

密钥只在本机处理，不要贴生产环境数据。

查看工具

文本辅助

转义、去重、正则和字数统计，适合处理名单、日志片段和要插进页面的文本。

HTML 转义：把<div>变成可安全插入页面的实体字符，或反向还原。
字符串处理：去空格、换行、大小写、去重、去空行、字符统计。
正则测试：表达式栏填正则，flags 在选项里选，匹配会高亮。

同一工具换选项就能做去空格、大小写、拆数组。

查看工具

其它小工具

图片、二维码、渐变和短 JS 都在本机处理，不经过服务器。

简易 JS 运行：在沙箱 iframe 里执行短脚本，不要粘贴不可信代码。
图片压缩 / 格式转换 / Exif：本地 Canvas 或解析，不上传。
二维码：输入文本生成，或拖入图片识别。
CSS 渐变：调起点、终点、角度，复制生成的background声明。

图片和二维码都在浏览器里完成，文件不会上传。

查看工具

Base64 解码怎么用

在下方工具库确认当前工具已选中（或从分类 Tab 切换）。
把 JSON 或文本粘到左侧输入区。
右侧自动显示结果；需要时可复制、下载或点「分享」。

常见问题

数据会上传到服务器吗？
不会。本工具在浏览器内完成计算。
粘贴后没有输出？
多数工具输入停顿约 120ms 后自动出结果；RSA、JWT、图片等需点面板按钮。

产品说明文档

01.数据安全与本地计算

JSON 处理、编解码、哈希、JWT、RSA 等均在浏览器内完成。原始文本不会提交到后端。密钥与隐私数据仍不建议粘贴到任何在线页面。

02.实时反馈与分享

输入防抖后即时出结果。分享链接使用#tool=&data=Hash 传参，适配脚本唤起，避免服务端存你的内容。

03.工作区按钮说明

全屏：隐藏顶栏和工具库，只留编辑器。
分享：把当前工具和输入编码进地址 Hash，把完整 URL 发给同事即可复现。
下载：把右侧结果存成文件。
清空 / 复制结果：清空输入或写入剪贴板。

04.常见问题

为什么粘贴后没有输出？

RSA、JWT、图片、渐变、JS 运行器需要点面板上的按钮。其余工具在输入停顿约 120ms 后自动处理。
JSON 明明能看懂，却提示非法？

标准 JSON 不允许注释、单引号、尾逗号。这类文本请用 JSON5 解析，或先删掉注释再格式化。
分享链接特别长？

数据写在 Hash 里，体积受浏览器 URL 长度限制。大文件请本机粘贴，不要依赖分享链接。
深色主题下次打开没了？

主题、缩进、字号存在本机 localStorage，换浏览器或清站点数据后需重新设置。

0 ms

无网络传输延迟

100%

纯客户端运行

40+

本地工具模块

选工具

贴内容

看结果

复制或分享

工具库菜单

示例与场景

使用说明

JSON 核心

多格式互转与实体

代码美化与文本 Diff

编码、哈希、JWT、RSA

文本辅助

其它小工具

Base64 解码怎么用

常见问题

产品说明文档

01.数据安全与本地计算

02.实时反馈与分享

03.工作区按钮说明

04.常见问题

编辑器设置