后端 / 前端日常调试：整理一些高频在线工具，附使用场景-平芜编程栈

摘要：开发联调时经常要格式化 JSON、解析 JWT、时间戳转换、curl 转代码。每次来回切换多个网站很麻烦，本文整理我平时用到的一类浏览器本地运行在线工具，介绍各类工具对应的开发场景，以及选做接口开发、线上问题排查的时候，总会遇到很多零散的数据处理工作。
后端返回压缩后的 JSON 串、日志里的 Unix 时间戳、JWT 鉴权调试、curl 命令转成 Go/Python 请求代码，还有正则、Cron 表达式校验。
以前我的习惯是收藏一堆不同站点，遇到问题逐个打开标签页，来回切换，思路很容易被打断。这类工具的核心诉求很简单：浏览器本地运算，不上传数据，开箱即用。

下面以 gojs.top 这个在线工具站点为例，梳理下这类工具覆盖的开发场景，方便大家判断是否符合自己的使用习惯。型时需要关注的点。

一、JSON 相关工具（最常用）

接口联调中 JSON 处理是最高频操作：压缩后的单行 JSON 格式化、语法校验、查看树形结构。
支持多种格式互转：XML、YAML、TOML、CSV 互相转换，也可以 JSON 转 SQL。
还有一个比较实用的能力：粘贴 JSON，自动生成 Java、Go、TS、Python、C# 等语言实体类 / 结构体，省去手动敲字段的重复工作。
同时内置 JWT 解析，可查看 token 头部、载荷，支持密钥校验签名，排查鉴权问题。
字符串转义、Unicode 中文互转、Python dict 字符串和 JSON 互转、JSON 转 GET 参数，也都集成在这个模块。

注意：这类在线工具解析 JWT 只能读取 payload，无法破解签名，签名校验必须依赖原始密钥。

二、编码与哈希工具

开发接口签名、数据完整性校验场景会用到：Base64 编解码、MD5、SHA 系列哈希、Bcrypt，还支持 GUID 生成、文件哈希计算。
适合做参数编码排错、密码摘要测试、生成请求唯一 ID。

三、代码格式化 & 命名转换

支持 JS、CSS、HTML、Python、C 代码美化与压缩；
Cookie 格式化、URL 参数解析；变量命名转换：驼峰、下划线互相切换，写代码统一命名风格时很方便。

四、网络调试工具

接口调试利器：curl 命令转换为多语言 HTTP 请求代码（Java、Go、Python、JS 等）。
附带 IP 查询、子网掩码计算、URL 解析、UA 查看、robots.txt 生成。
本地写接口 Demo，不用手动拼装请求代码，粘贴 curl 一键转换。

五、前端开发工具

色值格式互转（HEX/RGB/HSL）、CSS 渐变 / 动画生成；图片压缩、图片与 Base64 互转、SVG 压缩；Lottie 预览、Mock JSON 生成。
页面静态资源、样式开发时可以临时使用。

六、后端与脚本类工具

支持小段代码在线运行：Go、Python、Rust、Lua 等；YAML 编辑器、SQL 在线运行，还可以从 SQL 结构反向生成实体类。
适合快速验证小段代码逻辑，不需要本地开 IDE。

七、其他通用调试工具

时间戳转换：秒 / 毫秒时间戳和日期双向换算，日志排查、数据库时间字段、JWT 过期时间校验很常用；
正则测试、Cron 表达式校验：实时预览正则匹配结果，Cron 预览执行时间，减少定时任务配置错误；
文本对比、Markdown 编辑器、XPath 测试、文本批量处理（去重、清理空行、字符串统计、全角半角转换）；
图片工具：图片转换、Exif 查看、裁剪加水印；还有进制转换、单位换算等小工具。

工具选型重点：浏览器本地计算的意义

这类在线工具最大的区分点，是计算逻辑是否在浏览器本地执行。
如果工具所有解析、格式化、哈希运算都在前端完成，原始文本不会上传到服务端。处理包含内部接口 JSON、业务日志、JWT 等敏感内容时，数据不会外传，风险更低。
反之，如果工具是把文本提交后端处理，敏感数据就会上传站点服务器，内部业务数据不建议使用。