Web 开发人员工具包：您每天都会使用的 10 个免费工具
开发人员一天的大部分时间都没有花在编写出色的算法上，而是花在了一些小的、重复性的琐事上：格式化 JSON 的 blob、解码令牌、转义 URL 的字符串，或者找出两个文件不同的原因。每一个都很小，但它们组合在一起就会破坏你的流程。
您不需要付费订阅或臃肿的桌面应用程序来实现这一切。这里有十个基于浏览器的免费工具，可以解决日常问题。每个都运行客户端，因此您的数据永远不会离开您的计算机 - 这在您粘贴令牌或配置时很重要。
1。 JSON 格式化程序和验证程序
API 返回无法读取的缩小 JSON。将其粘贴到我们的 JSON 格式化程序 中，立即获得干净、缩进、经过验证的输出 - 如果逗号不合适，则会显示清晰的错误消息。 JSON 的语法比大多数人记忆中的更严格；规范参考是 json.org，格式化程序正是强制执行的。
2。 JWT 解码器
JSON Web 令牌看起来像是乱码，但它们只是三个 Base64URL 编码的部分。使用 JWT 解码器，无需离开浏览器即可检查令牌的标头和负载。如果您想要规范，它是 RFC 7519 - 但大多数时候您只需要查看声明即可。
3 & 4. Base64 编码/解码
数据 URI、基本身份验证标头和 JSON 中的二进制文件都依赖于 Base64。快速编码或解码字符串和数据URI。请记住：Base64 是编码，而不是加密。
5。正则表达式测试器
正则表达式功能强大，但很容易出错。在正则表达式测试器中使用实时突出显示的示例文本构建和测试模式。当您陷入困境时，MDN 正则表达式指南是最好的配套参考。
6 & 7. URL 编码/解码
带有空格、& 符号或 unicode 的查询字符串需要百分比编码。使用URL编码器和URL解码器来正确地完成此操作，而不是猜测哪些字符是安全的。
8。差异检查器
两个“看起来相同”但行为不同的配置？将两者粘贴到差异检查器中并逐个字符地查看每个更改的行。比目测更快。
9。 HTML 美化器和压缩器
清理缩小的标记以使用 HTML 美化器进行调试，然后使用 HTML 缩小器缩小其以进行生产。当您希望无需构建步骤即可快速获得大小优势时，CSS 和 JavaScript 也是如此。
10。颜色转换器
设计师给你十六进制，你的代码需要RGB或HSL。使用颜色转换器在每种格式之间进行转换，或直接跳转到十六进制到RGB。
奖励：UUID 和网站图标
需要记录或测试装置的唯一标识符？使用 UUID 生成器 生成 v4 UUID。运送新网站？使用favicon 生成器一次性创建所有所需的图标尺寸。
为什么基于浏览器的工具胜过已安装的应用
为每一个工具安装一个桌面实用程序是很诱人的，但浏览器工具通过三种方式胜过日常工作。首先，无需更新或维护任何内容 - 您始终可以获得当前版本。其次，它们是跨平台的，因此在机器和操作系统之间遵循相同的工作流程。第三，最重要的是，对于任何敏感的、构建良好的工具，完全在客户端运行：您的令牌、您的配置、您的数据永远不会离开选项卡。当您将 JWT 或 API 响应粘贴到工具中时，这正是您想要的保证。
关于安全和信任的说明
在将真正的秘密数据粘贴到任何在线工具之前，请确认它在浏览器中处理内容，而不是上传到服务器 - 网络选项卡会在几秒钟内告诉您。对于真正敏感的秘密（生产密钥、客户数据），无论如何都更喜欢离线处理。上面的工具是为在本地精确运行而构建的，因此您不必为日常任务三思而后行，但检查的习惯是一个好习惯。
构建您自己的快速访问工具包
真正的生产力提升不是任何单一工具 - 它不会打破流程去寻找一个工具。将您最常访问的三到四个添加为书签，或将它们固定在浏览器文件夹中，以便在您执行任务时只需单击一下即可获得它们。大多数开发人员发现 JSON 格式化程序、Base64 工具、差异检查器和正则表达式测试器涵盖了大部分日常中断。
底线
您不需要付费订阅或安装一堆应用程序来处理小事情。将您最常使用的少数内容添加为书签，依靠它们在浏览器中运行的事实来实现便利性和安全性，并每周实时恢复。
