每个后端开发者都应收藏的10个免费浏览器工具
Source: Dev.to
作为后端开发者，我在一些小而重复的任务上花费了惊人的时间——转换子网掩码、解码 JWT、格式化 SQL 查询，或在演示前生成测试数据。这些并不是难题，但每次都要寻找合适的工具时会拖慢你的进度。
工具
1. IP / 子网计算器
Handy Dev Tools — IP Calculator
粘贴类似 192.168.1.0/24 的 CIDR，即可瞬间获取网络地址、广播地址、通配符掩码、可用主机范围以及二进制/十六进制表示。配合 Subnet Split 工具，可按数量、主机需求或前缀长度将网络划分为等量子网——结果可导出为 CSV。设计 VPC 地址空间或编写防火墙规则时，需要快速核对计算结果时非常实用。
2. CloudFront 签名 URL 生成器
Handy Dev Tools — CloudFront Signer
在浏览器中使用 RSA‑SHA1 完全本地生成 AWS CloudFront 签名 URL。支持 Canned Policy（仅到期时间）和 Custom Policy（IP 限制、开始时间、通配符资源模式）。私钥永不离开浏览器，仅在内存中处理。快速测试签名 URL 行为，而无需先把代码写进应用程序。
3. JWT 解码器
粘贴 JWT，即可立即看到解码后的头部、负载以及签名验证状态。表现如预期——如果你已经在使用它，就没有理由换别的工具。
4. S3 路径格式化工具
Handy Dev Tools — S3 Path Formatter
在同一页面中转换所有 S3 格式：s3:// URI、ARN、路径式 HTTP URL、虚拟主机 URL、CloudFront URL 以及 AWS 控制台 URL。粘贴任意一种格式，即可瞬间得到其余所有形式。省去记忆 AWS CLI、SDK、IAM 策略或 CloudFront 源配置所需的不同格式的麻烦。
5. JSON / YAML / SQL 格式化工具
快速的浏览器端格式化工具，支持 JSON、YAML、SQL（含方言支持）、XML、GraphQL 和 Markdown。SQL 格式化在保持语义不变的同时统一缩进和关键字大小写——在提交迁移文件前非常有用。
6. 正则表达式测试器
最佳的专用正则工具。支持 PCRE、JavaScript、Python、Go 和 Java，并提供详细的匹配解释和内置的已保存表达式库。处理复杂模式时的理想选择。
7. 测试数据生成器
Handy Dev Tools — Test Data Generator
一次生成多达 10,000 行的真实感虚拟数据，涵盖 50 多种字段类型：UUID、姓名、地址、电话号码、IP 地址、JWT 令牌、API 密钥、信用卡号、日本年号日期等。输出格式包括 JSON、CSV、SQL INSERT 和 Laravel Seeder。Laravel Seeder 输出可直接粘贴到 DatabaseSeeder.php 中。
8. 哈希生成器
Handy Dev Tools — Hash Generator
支持 MD5、SHA‑1、SHA‑256/512、SHA‑3、bcrypt、scrypt、Argon2、HMAC 系列以及 CRC32——可对文本或文件进行哈希。所有哈希运算均在客户端完成，这在处理敏感数据时尤为重要。
9. cURL 转代码转换器
粘贴 cURL 命令，即可得到等价的 Python（requests）、JavaScript（fetch/axios）、PHP、Go、Ruby 等语言代码。当你从浏览器 DevTools 复制请求并需要在后端代码中复现时，这个工具非常宝贵。
10. HTTP 状态码查询
Handy Dev Tools — HTTP Status Search
可按状态码数字或关键字（如 “redirect”、 “auth”、 “rate”）搜索，返回状态名称、含义、常见原因以及使用场景。离线工作——数据库已打包在页面中。决定使用 400 还是 422，或 301 与 307 时的快速参考。
总结
大多数这些工具各自专注于一件事，并且不会打扰你的工作流程。我最常使用的是子网计算器、S3 路径格式化工具和测试数据生成器——它们解决了那些足够繁琐以致拖慢工作进度，但又不够复杂到需要编写自定义脚本的问题。
如果你知道还有哪些工具值得加入此列表，欢迎在评论中分享。
Tools 1, 2, 4, 5, 7, 8, 10 are from Handy Dev Tools — a free, open toolkit with 69+ browser‑based tools available in 7 languages.