ITBox 使用教程
每个工具的用途、操作步骤与使用提示
📝 格式化
JSON 可视化
用途:把杂乱 JSON 一键格式化、压缩或转 XML,并提供树形展示与错误定位。
操作步骤
- 把 JSON 字符串粘贴进左侧编辑器
- 选择视图:分屏 / 树形 / 原始
- 点击「格式化」或「压缩」按钮
- 如有错误,根据提示的行列定位修正
适用场景
调试 REST API 返回、检查日志中 JSON 字段、对比多版本 JSON 差异
XML 格式化
用途:XML 美化、压缩与基础语法校验。
操作步骤
- 粘贴 XML 文本
- 选择「美化」或「压缩」
- 查看输出,错误会在状态区高亮
适用场景
排查 SOAP 接口响应、整理 Maven / Spring 配置、检查 RSS 文档
SQL 格式化
用途:SQL 美化、压缩,并支持关键字大小写统一。
操作步骤
- 粘贴 SQL
- 选择方言(MySQL / Postgres / Oracle 等)
- 点击「美化」或「压缩」
- 切换关键字大小写
适用场景
审查复杂 JOIN、整理代码中的字符串 SQL、还原日志中的单行 SQL
HTML / CSS 格式化
用途:HTML 与 CSS 的美化与压缩。
操作步骤
- 选择语言(HTML / CSS)
- 粘贴源码
- 选择操作(美化 / 压缩)
- 复制结果
适用场景
查看压缩后的网页源码、整理脚手架模板、准备代码示例文档
Markdown 预览
用途:左侧编辑、右侧实时渲染的 Markdown 预览。
操作步骤
- 在左侧编辑 Markdown
- 右侧实时预览渲染效果
- 「复制 HTML」可拿到 HTML 输出
适用场景
撰写 GitHub README、博客草稿、项目文档
JSON Schema 验证
用途:按 JSON Schema 校验数据是否符合规范并展示错误路径。
操作步骤
- 左侧粘贴 JSON Schema
- 右侧粘贴待校验的 JSON 数据
- 查看校验结果与错误路径
适用场景
校验接口返回结构、检查配置合规、API 契约测试
Markdown 表格
用途:把零散的行列数据快速转成规范的 Markdown 表格,免去手敲管道符和对齐分隔线的麻烦。
操作步骤
- 用工具栏的加列/删列、加行/删行按钮调整表格规模,首行作为表头
- 在每个单元格输入内容,并用表头下方的对齐按钮设置该列左/中/右对齐
- 也可在导入框粘贴 CSV 或 TSV(自动识别逗号或制表符)一键替换整张表
- 在 Markdown 输出区复制文本或下载 .md,下方实时预览渲染效果
适用场景
写 GitHub README 或技术文档时,先在 Excel/表格里整理好数据,复制粘贴到导入框即可生成对齐工整、单元格内竖线与换行已转义的 Markdown 表格。
JSON 对比
用途:在不受对象键顺序干扰的情况下,精确找出两份 JSON 之间的结构差异,定位到具体路径。
操作步骤
- 把原始 JSON 粘到左侧、目标 JSON 粘到右侧(支持 JSON5 宽松语法)
- 查看顶部汇总:新增 / 删除 / 变更数量,或提示完全一致
- 逐行查看差异列表,每条带路径(如 user.roles[0])和 old→new 值
- 若数组元素顺序无意义,勾选「忽略数组顺序」按多重集匹配
适用场景
对比接口返回的两个版本响应体,快速锁定哪个字段被改动,避免肉眼逐行核对键值。
🔐 编码加密
Base64 编解码
用途:文本 / 文件 / 图片 与 Base64 互转,支持标准 / URL 安全 / MIME 模式。
操作步骤
- 选择模式:文本 / 文件
- 输入或上传内容
- 选择「编码」或「解码」
- 复制或下载结果
适用场景
嵌入小图到 CSS、生成 JWT / Cookie、调试加密接口
URL 编解码
用途:URL Encode / Decode,处理中文参数与特殊字符。
操作步骤
- 粘贴 URL 或参数文本
- 选择「编码」或「解码」
- 查看结果
适用场景
调试带中文参数的 GET 请求、整理日志 URL、拼接含特殊字符的链接
Hash 生成器
用途:对文本或文件计算 MD5 / SHA1 / SHA256 / SHA512 摘要。
操作步骤
- 选择输入:文本 / 文件
- 粘贴文本或上传文件
- 查看所有算法的摘要值
- 可切换大小写复制
适用场景
校验下载文件、生成签名 / 密钥摘要、调试服务端密码哈希
UUID 生成器
用途:批量生成 UUID v4,可配置带 / 不带连字符与大小写。
操作步骤
- 设置生成数量
- 切换大小写 / 连字符选项
- 点击「生成」
- 一键复制全部
适用场景
造测试数据、数据库主键、临时唯一标识
JWT 解析器
用途:解析 JWT Token 的 Header、Payload、Signature 三段并 JSON 美化。
操作步骤
- 粘贴完整 JWT
- 自动解码并展示三段内容
- 查看 Payload 中的 claim 与过期时间
适用场景
排查 OAuth / SSO 鉴权、检查 Token claim、调试登录态接口
AES / DES 加解密
用途:AES / DES 对称加密与解密,支持多种模式与填充方式。
操作步骤
- 选择算法(AES / DES)
- 选择模式(ECB / CBC 等)
- 输入明文 / 密文与密钥
- 点击「加密」或「解密」
适用场景
调试服务端加密接口、分析抓包数据、生成加密测试用例
密码生成器
用途:为账号注册、数据库口令、API 密钥等场景快速生成无偏、不可预测的高强度随机密码。
操作步骤
- 设定长度(4–64)和生成数量(1–20)
- 勾选要包含的字符集:大写 / 小写 / 数字 / 符号,并按需排除易混字符
- 点击生成,逐条复制或一键复制全部,并参考熵值强度条评估安全性
适用场景
给数据库 root 账号设密码时,开启符号集并把长度拉到 20 以上,让强度条进入「非常强」,再复制存入密码管理器。
Unicode 转义
用途:读写源码、配置和数据文件里的 Unicode 转义序列,在可读文本与转义码点之间双向转换。
操作步骤
- 选择「文本 → 转义」或「转义 → 文本」模式
- 转义时选风格(\uXXXX / ES6 码点 / &#x; / &#; / \xHH)并按需勾选「仅非 ASCII」
- 左侧粘贴输入,右侧实时得到结果并一键复制
适用场景
读 Java properties 或 JSON 里形如 \u4F60\u597D 的转义时,用「转义 → 文本」一次性还原成可读中文。
HTML 实体
用途:把会破坏 HTML 结构或显示乱码的字符转成安全的实体引用,或把含实体的源码还原成可读文本。
操作步骤
- 选择「编码」或「解码」模式
- 在左侧输入框粘贴文本,右侧实时输出结果
- 编码时可选命名 / 十进制 / 十六进制格式,并勾选是否转义全部非 ASCII
- 点复制按钮取走结果
适用场景
往 HTML 模板里插入用户昵称、富文本或带 < > & 的代码片段前先编码,可防止 XSS 注入和标签错位。
🔄 转换
时间戳转换
用途:Unix 时间戳与日期时间互转,支持秒 / 毫秒和多时区。
操作步骤
- 输入时间戳或日期
- 选择秒 / 毫秒
- 选择时区
- 查看转换结果,或点「当前时间」一键取
适用场景
排查带时间戳的日志、调试 createTime 字段、生成测试日期
YAML / JSON 互转
用途:YAML 与 JSON 双向转换。
操作步骤
- 粘贴 YAML 或 JSON
- 选择转换方向
- 查看输出
- 错误会标明行号
适用场景
K8s YAML / JSON 互换、把 YAML 配置贴入接口测试、整理 Helm values
进制转换
用途:二 / 八 / 十 / 十六进制任意互转。
操作步骤
- 输入待转换数字
- 选择源进制
- 查看所有目标进制的结果
适用场景
嵌入式寄存器位计算、二进制协议分析、CTF 解题
颜色转换
用途:HEX / RGB / HSL 三方互转,内置取色器和色块预览。
操作步骤
- 输入色值或用取色器选取
- 查看三种格式的转换结果
- 复制需要的格式
适用场景
对接设计稿色值、调试 CSS 主题色、生成配色方案
Properties / YAML 互转
用途:Spring Boot properties 与 YAML 互转。
操作步骤
- 粘贴 properties 或 YAML
- 选择转换方向
- 查看输出
适用场景
Spring Boot 配置迁移、统一项目配置风格、从教程复制配置
命名转换
用途:驼峰 / 帕斯卡 / 下划线 / 烤串 / 常量等命名风格互转。
操作步骤
- 粘贴变量名(可批量,一行一个)
- 查看所有目标风格的结果
- 复制需要的风格
适用场景
数据库字段转 Java / Go 变量、前后端命名对齐、批量重命名
汉字转拼音
用途:汉字转拼音,支持全拼、首字母、带声调与多音字处理。
操作步骤
- 粘贴中文文本
- 选择输出格式(全拼 / 首字母 / 带声调)
- 查看转换结果
适用场景
生成 URL Slug、按拼音排序中文姓名、SEO 友好链接
XML / JSON 互转
用途:XML 与 JSON 双向转换,保留属性、文本节点、命名空间。
操作步骤
- 粘贴 XML 或 JSON
- 选择转换方向
- 查看转换结果
适用场景
SOAP 接口数据落地、老系统 XML 接口对接、配置文件迁移
日期计算
用途:日期加减天 / 月 / 年,或计算两个日期的天数 / 工作日差。
操作步骤
- 选择「加减」或「差值」模式
- 输入日期与数值
- 查看计算结果
适用场景
合同到期日、项目排期、统计离截止日的工作日
CSV ⇄ JSON
用途:在表格型 CSV 与结构化 JSON 之间互转,便于在电子表格与代码 / API 之间搬运数据。
操作步骤
- 选择转换方向 CSV → JSON 或 JSON → CSV
- 选好分隔符并按需勾选首行表头
- 粘贴或加载示例数据查看实时结果
- 复制结果或下载为 data.json / data.csv
适用场景
把 Excel 导出的 CSV 贴进来,一键得到可直接喂给接口的 JSON 数组。
人民币大写
用途:财务、发票、合同、支票场景下,把小写金额一键转成防篡改的人民币中文大写,避免手写大写出错。
操作步骤
- 在输入框填入金额,支持小数和负号,自动四舍五入到分
- 实时查看生成的中文大写、千分位金额和规范小写金额
- 点击复制按钮把大写金额粘贴到发票或合同中
适用场景
开发票或写合同金额时,先填小写再复制大写,零、整、角、分的写法都按财务规范自动补全,杜绝‘壹万零壹’之类的人工笔误。
单位换算
用途:在六大常用单位类别间快速换算,并一次性查看目标分类下所有单位的换算结果。
操作步骤
- 选择单位类别(数据存储 / 时间 / 长度 / 重量 / 温度 / 面积)
- 输入数值并选择源单位
- 在结果表中查看所有单位的换算值,点旁边按钮复制
适用场景
排查磁盘或带宽问题时,可把 GB 与 GiB 同时对照,避免十进制与二进制单位混淆导致的容量误差。
📋 文本处理
正则表达式
用途:正则匹配 / 替换实时高亮,内置常用模板。
操作步骤
- 输入正则表达式
- 粘贴目标文本
- 查看匹配高亮与分组捕获
- 可切换到替换预览
适用场景
提取日志关键信息、验证表单输入、批量替换文本
文字对比
用途:两段文本逐字符 / 词 / 行对比,颜色高亮增删改。
操作步骤
- 左侧粘贴原文
- 右侧粘贴对比文本
- 选择粒度(行 / 词 / 字符)
- 查看高亮差异
适用场景
对比两份配置、检查文档修订、审查代码片段
文本去重 / 排序
用途:按行去重、排序、反转、去空行等批处理。
操作步骤
- 粘贴多行文本
- 选择操作(去重 / 升序 / 降序 / 反转 / 去空行)
- 查看处理结果
适用场景
整理邮箱 / ID 列表、清洗日志数据、生成有序参考
字符统计
用途:实时统计字符 / 字符(不含空格)/ 单词 / 行 / 字节。
操作步骤
- 粘贴或输入文本
- 立刻查看各项统计指标
适用场景
控制博客 / 公众号字数、检查论文字符限制、分析日志长度
占位符替换
用途:用变量表批量替换模板中的 ${var} 占位符。
操作步骤
- 输入模板,使用 ${var} 占位
- 填写变量表(每行一条 key=value)
- 点击「批量替换」
- 查看所有结果
适用场景
批量生成 SQL、个性化邮件正文、造结构化测试数据
日志脱敏
用途:自动识别手机号、身份证、银行卡、邮箱等敏感信息并打码。
操作步骤
- 粘贴日志或文本
- 选择要打码的字段类型
- 查看脱敏后结果
- 可自定义打码字符
适用场景
公开分享生产日志、给第三方提交问题样例、合规审计
字符串转义
用途:把含特殊字符的文本安全嵌入各类代码字符串,或把已转义文本还原成原文。
操作步骤
- 选择目标语言(JSON / Java / JS / SQL / C/C++ / Shell)
- 切换转义或反转义模式
- 左侧粘贴文本,右侧实时得到结果并一键复制
适用场景
把多行 SQL 或带引号的 JSON 片段安全粘进源码字符串时尤其顺手。
🛠 开发辅助
Cron 表达式
用途:解析 Cron 表达式含义并预览未来 N 次执行时间。
操作步骤
- 输入 Cron 表达式(5 / 6 段均可)
- 查看每个字段的语义解释
- 查看未来 10 次执行时间预览
适用场景
写 K8s CronJob / Quartz 任务、排查定时任务不触发、跨时区调度
HTTP 请求测试
用途:浏览器内的轻量 HTTP 调试,类 Postman 的 API 测试。
操作步骤
- 选择 HTTP 方法(GET / POST 等)
- 输入 URL
- 填 Header / Query / Body
- 点击「发送」查看响应
适用场景
快速验证后端接口、调试 Webhook 回调、演示 API 请求
SQL 转 Entity
用途:解析 CREATE TABLE,生成对应 Java POJO / Lombok / JPA 实体类。
操作步骤
- 粘贴 CREATE TABLE 语句
- 勾选注解(Lombok / JPA)
- 复制生成的 Java 代码
适用场景
新建表后快速生成 POJO、后端代码脚手架、从 DBA 给的 SQL 开始开发
MyBatis 日志转 SQL
用途:把 MyBatis 的 Preparing / Parameters 日志还原为可执行的 SQL。
操作步骤
- 粘贴 Preparing 行
- 粘贴 Parameters 行
- 点击「还原」
- 复制可执行的 SQL
适用场景
复现线上慢 SQL、把日志 SQL 贴到 Navicat、排查 ORM 拼参问题
IP 地址计算
用途:IPv4 + 掩码或 CIDR,算出网络 / 广播地址、可用主机数等。
操作步骤
- 输入 IP 与掩码(或 CIDR)
- 查看所有相关地址信息
适用场景
规划内网网段、排查路由配置、IP 计算教学
Lombok 注解生成器
用途:为现有 Java 类批量添加 Lombok 常用注解。
操作步骤
- 粘贴 Java 类源码
- 勾选需要的注解({'@'}Data / {'@'}Builder 等)
- 查看生成的类
适用场景
对接缺少注解的旧 POJO、去掉手写 getter/setter、统一团队代码风格
Mock 数据生成
用途:批量生成姓名 / 邮箱 / 手机号等假数据,可导出 JSON / SQL / CSV。
操作步骤
- 定义字段(名称 + 类型)
- 设置生成数量
- 选择导出格式
- 点「生成」并复制 / 下载
适用场景
填测试库、给前端造接口数据、演示 Demo 数据
JSON 转 SQL
用途:把 JSON 数组转为 INSERT / REPLACE 语句。
操作步骤
- 粘贴 JSON 数组
- 填写目标表名
- 选择 INSERT / REPLACE
- 查看生成的 SQL
适用场景
造库初始化数据、把日志数据导回测试库、把第三方接口数据落库
二维码工具
用途:文本 / URL / WiFi 等编码为二维码,或上传图片识别二维码内容。
操作步骤
- 切换「生成」或「识别」模式
- 输入文本或上传图片
- 调整尺寸 / 纠错等级 / 颜色
- 下载 PNG 或复制识别内容
适用场景
名片 / 海报二维码、活动签到、解析未知二维码
JSON 转类型
用途:从一段 JSON 样本快速生成强类型的数据模型,省去手写接口 / 结构体 / POJO 的重复劳动。
操作步骤
- 粘贴 JSON(支持 JSON5、尾随逗号)到左侧编辑器
- 选择目标语言并填写根类型名
- 按需勾选「null 值转可选 / 可空」
- 右侧查看生成结果并复制
适用场景
对接第三方 API 时,把一条真实响应粘进来即可一键得到 TypeScript 接口,再贴回项目里直接用。
HTTP 速查
用途:在写接口、调试请求或配置响应头时,快速查到某个 HTTP 状态码的含义或某类文件对应的 MIME 类型,无需翻文档。
操作步骤
- 切换顶部「状态码 / MIME 类型」标签页
- 在筛选框输入状态码、名称、扩展名或关键词实时过滤
- 查看着色徽标快速判断状态码类别
- 点击任意行复制「状态码 名称」或 MIME 类型
适用场景
配 Nginx/后端响应头时,搜 .woff2 直接复制 font/woff2,避免字体因 MIME 错误被浏览器拒绝。
curl 转代码
用途:开发者经常拿到一条 curl 命令(来自接口文档、抓包或同事分享),需要把它移植到自己项目的语言里。本工具在浏览器本地完成解析与代码生成,免去手工翻译请求头和 body 的繁琐。
操作步骤
- 把 curl 命令粘贴进输入框,或点「示例」载入一条带多请求头的 POST 命令
- 在下方分段选择目标语言:Fetch / Axios / Python / Go / Java
- 右侧实时生成对应语言的请求代码,点复制按钮取走
适用场景
从浏览器 DevTools 的 Network 面板右键请求「Copy as cURL」,粘贴进来即可一键得到 Python requests 代码去写自动化脚本。
JSONPath 测试
用途:在浏览器里实时调试 JSONPath 表达式,从复杂 JSON 中精准提取字段或过滤数组
操作步骤
- 粘贴 JSON(支持 JSON5 的注释与尾逗号),或点示例载入经典书店数据
- 在表达式框输入 JSONPath,或点下方示例芯片快速填入
- 右侧即时显示匹配值数组与命中数量,可一键复制
- 表达式或 JSON 有误时下方会提示具体错误
适用场景
调接口时把响应体粘进来,用 $..author 这类表达式快速取出深层字段,核对数据是否符合预期
gitignore 生成
用途:为新仓库快速拼装一份覆盖多技术栈的 .gitignore,自动合并并去除重复规则。
操作步骤
- 在搜索框筛选并勾选你用到的技术栈(如 Node、Python、macOS)
- 也可点「常用一键选」加入 macOS/Windows/IDEA/VSCode 等编辑器与系统规则
- 在下方查看合并去重后的结果,复制或下载为 .gitignore
适用场景
新建 Vue 项目时勾选 Vue/Vite + JetBrains + macOS + Windows,团队不同系统的临时文件都会被忽略。
UA 解析
用途:User-Agent 是浏览器或客户端在每个 HTTP 请求头里上报的身份字符串,格式松散难读。本工具用纯正则在本地解析它,快速看清是什么浏览器、引擎、系统和设备。
操作步骤
- 粘贴一段 User-Agent,或点「用我的 UA」自动填入当前浏览器的 UA
- 也可点 Chrome / Safari / Firefox / Googlebot / Edge 等示例按钮快速试验
- 在「解析结果」中查看浏览器、引擎、操作系统、设备类型、CPU 架构
- 点复制按钮把汇总文本(原始 UA + 各字段)复制走
适用场景
排查线上日志里某条诡异请求时,把日志里的 UA 字符串贴进来,立刻判断是真人浏览器、移动端还是爬虫/机器人。