开发者工具

一个浏览器工具箱，专治那些打断正经活儿的小任务

大多数编程难题既宏大又有趣。而真正拖慢你的，偏偏都不是这种。你面前摆着一段压缩过的 API 响应、一个读不懂的 JWT、一个把查询字符串搞乱的 URL，还有一个差一点就能跑通的正则表达式。这些都不值得为它装个依赖、装个命令行工具，或者打开一个满是广告的标签页。它们值得的，是三十秒和一个干净的文本框。

这就是这套工具背后的全部理念：把免费的开发者实用工具集中在一个页面上，瞬间加载、完全在你的浏览器里运行，从不要求你注册。JSON 格式化、Base64、URL 编码、JWT 解码、颜色转换、正则测试、时间戳换算，还有一份 HTTP 状态码参考，全都集中在一处。你不再把数据粘进 Google 最先搜出来的那个网站，也不再担心那个随便冒出来的站点是不是在记录它。

每个工具到底做什么

JSON 格式化工具能把一大坨转义过、挤成一行的 JSON 变成人能扫读的样子。比方说一个 webhook 触发了，而你的日志把原始消息体捕获成了一个巨长的字符串。把它粘进去，选两格或四格缩进，你就得到一棵可读的树，如果有语法错误，还会被精准指出来。它在格式化的同时进行校验，所以多余的尾随逗号或没加引号的键会被点名，而不是默默失败在你应用深处的第三层里。

Base64 编码/解码是你不假思索就一直在用的主力工具。数据 URI、Basic Auth（基础认证）请求头、塞进配置文件里的二进制数据块、令牌的各个分段——全是 Base64。解码一个请求头的值，确认凭据是按你预期的方式发送的；或者编码一张小图片，把它内联进去。它能干净地处理 UTF-8，一旦你的输入不是纯 ASCII，这一点就很关键。

URL 编码/解码工具能修好那个经典的 bug：查询参数里包含一个空格、一个 & 号或一个加号，悄悄就把你的请求弄坏了。如果你在手动拼一个链接，而值是 name=John & Co，你就得把那个 & 号转义成 %26，否则服务器会把它当成参数分隔符来读。粘贴、编码、复制。当你盯着一条满是百分号编码的日志 URL、想弄清到底请求了什么时，解码则反着帮你做。

令牌工具，以及一个重要的提醒

JWT 解码器把一个令牌拆成由点分隔的三段，并把头部和载荷以普通 JSON 显示给你。当你在调试认证时，这简直是金矿：查看是哪种算法签发了令牌、读取 sub、确认 exp 声明还没有过期，并清楚看到你的网关交给客户端的究竟是哪些作用域或角色。

人们常常忘了这一点。解码一个 JWT 并不等于验证它。载荷只是 Base64url——任何持有令牌的人都能读到其中的每一项声明，而这个工具做的恰恰就是这件事，仅此而已。它不检查签名，所以一个解码后的令牌只告诉你这个令牌声称了什么，而不是它是否货真价实。绝不要把解码器读出的声明用于授权决策；那是你服务器的活儿，要用签名密钥来做。用这个解码器去理解和调试，永远别用它来做验证。

正则测试器给所有实用工具中最让人抓狂的那一类画上了句号。写下你的模式，放进一些示例文本，看着匹配项随你打字实时高亮。捕获组会被一一列出，这样你就能确认第二组真的抓到了年份，而不是抓到了整个日期。它胜过在你真实代码库里测试模式那套「改—存—重跑」的循环，也是搞清楚为什么一个贪婪量词吞掉了超出你本意范围内容的快捷办法。

收个尾：HEX↔RGB 转换器能把 #1a2b3c 翻成 rgb(26, 43, 60) 再翻回来，专治你的设计令牌和 CSS 对不上号的时候。Unix 时间戳转换器能把 1718900000 变成一个真实的日期和时间，每当数据库存的是纪元秒、而你的眼睛却没法解析它时，你就会用上。而 HTTP 状态码参考能省得你在一次 API 调用出岔子时，去猜到底 422 还是 409 才是正确答案。

本地处理，所以敏感内容你也能放心粘贴

对于任何接触生产数据的人来说，最要紧的就是这一点。这里的每个工具都在浏览器里以 JavaScript 客户端方式运行。你的输入绝不会离开浏览器——没有上传、没有到服务器的往返、没有任何东西被记录。这意味着你可以粘贴一个真实的访问令牌去查看它的声明、解码一个含有凭据的 Base64 请求头，或者格式化一段满是客户数据的 API 响应，而它们从不会跨越网络。想要证据？打开你的开发者工具，盯着网络标签页，尽管粘。你会看到没有任何东西发出去。对于敏感的数据，纯本地工具不是锦上添花，而是唯一负责任的选择。

常见问题