我在第二个显示器上打开一个浏览器窗口,除了实用程序选项卡之外什么都没有。 JSON 格式化程序、时间戳转换器、正则表达式测试器、哈希生成器。它已经存在多年了,通过 WP Adminify 版本、通过 Laravel 副项目、通过每个深夜调试会话,其中网络挂钩有效负载最小化,我需要看看其中实际包含哪些内容's。
7个不同的网站, 那些标签页指向很长一段时间, 有的没问题, 有的广告场, 把我的有效载荷上传到服务器I'd从来没有听说过, 其中一个- I'm不打算命名它- 在思想赶上我之前, 我粘贴了一个分期JWT: 那个令牌刚刚越过电线传给了别人's盒子。 是分期令牌,没有烧掉什么,但感觉卡住了,我构建了toolz。dev,部分原因是我想要自己的标签条,部分原因是我再也不想犯那个特定的错误了。
所以这是't从目录中抓取的 500 个工具的列表。它's 's 实际上所在的集合 Toolz.dev rew now - 40-odd of them - 整理了我使用它们的方式: 到工作日当下我达到一个。每一个都在你的浏览器中运行。没有上传。没有帐户。
TL;博士: 我打开最多的五个,一英里: json格式化程序 对于不可读的 API 响应, 时间戳转换器 为日志取证, 正则表达式测试仪 为模式工作, Base64 转换器 对于 JWT 和数据 URI,以及 用户识别器 为种子测试数据。下面的一切都运行客户端- 你的有效载荷永远不会离开标签。如果你只书签一件事,就书签JSON格式化程序。
为什么不直接使用 CLI?
公平的问题,我确实使用 CLI。 jq 比任何用于脚本编写的 Web 工具都要好。 base64 -d 是两个击键,如果一个任务要进入一个 shell 脚本,它就属于一个 shell 脚本。
但在三种情况下,浏览器选项卡真正获胜,并且在执行此操作大约十年后,I'不再对它们感到内疚:
- 视觉反馈循环。 Regex是显而易见的,在输入时看到14个匹配在真实文本样本中亮起,这与运行是不同的活动
grep -P并得到是/否。渐变和颜色相同 - 您无法查看十六进制代码。 - 机器是't你的。 Client 笔电、锁机工作机、别人's 结对环节的办公桌。No
jq、无安装权限、无时间。 - 这项任务确实是一次性的。 Python脚本我不是写一个把一个CSV转换成JSON的,I'm去粘贴,点击,继续我的生活。
Here's诚实的比较I'd给一个初级开发人员询问使用哪一个:
| 浏览器工具 | 克里(jq、 sed、 openssl) |
IDE 插件 | 桌面应用程序 | |
|---|---|---|---|---|
| 设置成本 | 零 | 装 + 学习语法 | 按编辑器安装 | 安装,通常付费 |
| 擅长 | 一次性、视觉、探索性 | 脚本、管道、批量 | 文件中的内联编辑 | 重媒体,线下批量 |
| 视觉预览 | 是的 | 否 | 部分 | 是的 |
| 在锁定机器上工作 | 是的 | 通常不是 | 否 | 否 |
| 数据离开您的设备 | 仅当该工具是服务器端时 | 否 | 否 | 通常没有 |
| CI中可重现 | 否 | 是的 | 否 | 否 |
| I'd在哪里画线 | 工作时间约 30 秒以下 | 任何重复 | 文件中的任何内容都已存在 | 50 MB 以上的任何东西 |
最后一行是我遵循的实际规则。如果 I'm 要做一件事超过两次,它就会进入脚本。其他一切都会得到一个选项卡。
在糟糕的 API 日期间我打开哪些工具?
这是赢得保留的集群。第三方 API 行为不端,您有有效负载,您需要了解它才能修复任何内容。
JSON格式化器 - 一个I'd保留,如果我能保留一个
Minified JSON 是不可读的,更糟糕的是,当它's 无效 浏览器错误告诉您"意外的令牌"以及对人类毫无意义的字符偏移。 json格式化程序 pretty-prints它与真实的缩进和指向实际的线that's打破。90%的时间罪魁祸首是一个尾随逗号, 这是合法的JavaScript对象文字和非法的JSON - 这种区别已经花费了我比我想加起来更深的潜水: 如何在线格式化 JSON。
Base64 转换器 - 适用于 JWT 和数据 URI
JWT 是由点分隔的三个 Base64url 段。将中间的一段粘贴到 Base64 转换器 您可以阅读声明 - 发行人、到期日、范围 - 无需将令牌运送到第三方解码器。 (我使用 jwt解码器 当我想要同时解析所有三个段时,但当有效负载看起来很奇怪并且我想查看字节时,我仍然可以获取原始 Base64。) 统一码 明白了,为什么 btoa() 扔表情符号,在 Base64 编码指南。
时间戳转换器 - 日志取证
1752278400.那是昨天还是2029年?的 时间戳转换器 转动 Unix 秒、毫秒和 ISO 8601 成人类可以推理的东西,在你关心的时区里。我的事件调试中有三分之二是从三个服务排队的时间戳,每个服务都以不同的格式登录,其中一个在 UTC,而其他则在 't。
YAML验证器 - 因为压痕是承载的
Kubernetes 显现、GitHub 操作、docker-compose。YAML 是空白重要的,它会默默地重新解释您的意图而不是错误。 YAML 验证器 捕获选项卡与空格以及未引用的 no YAML 1.1 有助于解析为布尔值 false。(是的,真的。挪威问题是真实的:国家代码 NO 变成 false 除非你引用它。)
JSON Diff - 实际上发生了什么变化?
API 回应两个,一个工作一个不工作,在文本编辑器里并肩盯着他们,是失败的游戏。 JSON 迪夫 向您展示不同的三个键,并忽略 don't 的 200。
调试架的其余部分
- SQL格式化程序- 用于有人在一行上写的带有四个连接的 90 行查询。
- 哈希发生器- MD5/SHA-1/SHA-256/SHA-512,主要用于验证下载或缓存密钥。
- 克朗解析器- 因为
0 */2 * * *並*/2 * * * *相差一个字符,负载约为六十倍。 - 取消序列化- PHP
serialize()a 的输出wp_options行。如果您'曾经调试过一个wordpress插件's存储的设置,您确切地知道为什么会存在这个。
I'm写代码时,我用什么,而不是调试它?
雷格克斯,没有猜测
我在里格克斯写 正则表达式测试仪 在它触摸代码库之前。粘贴逼真的样本,写下图案,观看匹配突出显示。 正则表达式构建器 is 另一半这 - it's for 当你知道你想要的英文和可以't记住是否's \b 或 \B。完整的模式速查表,加上灾难性的回溯陷阱,可以用一个嵌套的量词冻结服务器,在 Regex 构建器指南。
用于播种的 UUID
现在有二十个测试行、二十个唯一的 ID。 用户识别器 v1,v4,v7 是否批量使用 v7 新主键 - it's 时间排序,所以你的 B 树索引不't 被随机插入撕碎,我了解到昂贵的方式,并写在 UUID 生成器指南。
编码,两种口味
URL 编码器 对于包含的查询字符串 & 並 = 还有一个空间。 HTML 实体 目前您需要显示 <script> 1页上作为文字而不是作为事件报告,这2个很无聊,我也经常使用。
格式争论
Data大致总是以错误的形状到达, 转换集涵盖了我实际采取的动作:
- json to csv-当利益相关者要求"数据"和表示电子表格。嵌套对象被压平为点符号列。中的详细信息 JSON 到 CSV 指南。
- CSV 转 JSON- 反之,用于播种。
- JSON 到 YAML- 将配置 blob 变成人类将编辑的东西。
- XML 到 JSON- 每一次传统的 SOAP 集成,永远。
- 二进制翻译- 文本↔二进制/十六进制/十进制/八进制。主要用于教学和奇数协议字节。
整个编码架,以及每个编码架背后的推理,都在 编码工具指南。
我将哪些用于文本和内容?
我写了很多- 插件文档,changelogs,这个博客。这些是草稿和发布之间的工具。
- 字数计数器- 字、字符、阅读时间。也是 Google 截断元描述之前根据 160 个字符的预算检查元描述的最快方法。更多内容在 词反导。
- 箱转换器- camelCase, snake_case, kebab-case, PascalCase。我批量重命名变量的次数比我使用编辑器's重构工具的次数要多,这有点尴尬,但却是真实的。 案例转换器指南。
- 蛞蝓发生器- URL 的标题,并正确处理变音符号。
Café Décor应该成为cafe-decor不是caf-dcor。 - 文本差异- 两个配置文件,或一个段落的两个版本,并排。
- 洛伦·伊普萨姆- 尚未包含内容的布局的占位符副本。
- 字符串反向-利基市场,但它在面试准备和回文检查中比你更能体现出来'd认为。
全文集包含在 文本工具指南。
设计和前端工作怎么样?
我是一个开发者,必须让事情看起来可以接受,而不是设计师。那's一个具体的工作,而这三个人做到了。
- 颜色选择器- HEX↔ RGB↔ HSL, 带有对比度检查所以你不't船3:1正文HSL是使悬停状态成为减法而不是猜测的格式完全治疗: 颜色选择器&转换器指南。
- 梯度发生器- 线性、径向、圆锥形,具有实时预览和可复制的 CSS。写作
conic-gradient()盲目是一种特殊的痛苦。 CSS 梯度生成器指南。 - CSS 迷你器 並 HTML 迷你器- 目前您需要将某些内容内联到 a 中
<style>标记并希望它小。 - 元标记生成器- 标题、描述、 打开图表、推特卡、JSON-LD 一次性建立,因为我在每个项目上手写相同的十四个标签。
我对文件 - 图像、PDF、其他所有内容使用什么?
图像工具都通过浏览器运行's Canvas API,这意味着 4 MB PNG 永远不会离开您的机器。那's 不是营销;它's 只是当处理是 a 时会发生什么 <canvas> 而不是 POST 请求。
- 图片压缩- 质量滑块,实时尺寸读出。大多数屏幕截图我船下降 70 85%,没有明显的差异。查看 图像压缩指南。
- 图像调整大小- 精确尺寸或百分比,纵横比锁定。
- 格式转换器- PNG/JPEG/WebP/AVIF。 WebP 是默认的 I 船舶。
- 后台卸妆师-在浏览器中运行分段模型。it's我注意到第一个加载的一个工具。
- QR 生成器- URL, WiFi凭证, vCards。I手写了ISO/IEC 18004编码器, 这个,纠错等等, 要么是周末的很好用, 要么是很糟糕的。
- 密码生成器- 使用
crypto.getRandomValues()不是Math.random().这种区别比长度滑块更重要。
我建造了一些零碎的东西,因为我需要一次它们,然后继续需要它们: 单向转换器、 百分比计算器、 日期差异、 文本为手写。
更宽的图像集位于 图像工具指南PDF 在 中得到了自己的处理 PDF 工具指南。
这些链条如何在实际工作中协同工作?
1个别的每个工具都省1分钟, 复合是你链他们时发生的, 这里's一个一周前的实际序列, 调试一个正在间歇性地返回401s的集成:
- 复制失败的请求's
Authorizationheader。在点上拆分,将段二粘贴到 Base64 转换器.阅读exp。 exp是一个 Unix 时间戳。进入 时间戳转换器。在请求被解雇前41秒过期。- That's 一个时钟偏斜问题,而不是 auth 问题,用 the 检查刷新 cron 克朗解析器- 对于具有 60 分钟 TTL 的代币,每 60 分钟刷新一次代币。没有保证金。比赛条件。
- 将亲信改为 50 分钟。完成。
4个工具,也许三分钟,答案是一个cron表达式的单字更改,替代方案- 添加日志记录,重新部署,等待它重复出现- 是半天。
我不断运行的另一个链条是内容一:草稿→ 字数计数器 → 蛞蝓发生器 → 图片压缩 对于标头图像 → 元标记生成器 → 发布。
为什么"客户端"实际上很重要?
由于这篇文章顶部的舞台标记故事,大部分。但让我准确地说,主张而不是手波浪形的,因为"隐私优先"是一个被's耗尽所有意义的短语。
器(tool)是客户端时,你粘贴的文件或字符串是由运行在你的选项卡中的JavaScript处理的,它进入你的浏览器's内存中的变量,结果又回来了,没有 fetch()的,不 FormData,上传不得,这点你自己大概十秒钟就可以验证:打开devtools,转到网络选项卡,在toolz。dev上粘贴到任何工具中,看着什么都不会发生,那's整个证明,如果一个网络请求在你点击"转换,"你的数据在某人's服务器上时发生火灾。
这具体给你带来了什么:
- 你可以粘贴秘密。 Staging 代币,内部 API 响应,一个客户端's 客户 CSV。It's 不去任何地方。
- It's快。 No 往返。浏览器解析所需时间内5 MB JSON文件格式。
- 没有文件大小上限 超越您自己的 RAM。
- 没有费率限制, 因为那里's没有服务器来限制您。
权衡是真实的,I'll 命名它:繁重的工作(一个 200 MB 的视频,一个超过 500 页的 OCR 传递)在浏览器中确实比在具有 GPU 的服务器上慢。客户端是正确的默认值,而不是通用的答案。
常见问题
这些开发人员生产力工具实际上是免费的吗?
是 - 没有帐户,没有使用上限,没有过期的试用工具在你的机器上运行,这意味着它们每次使用实际上不需要花费我任何费用,这意味着那里's没有什么可以计量的。
我需要一个帐户才能使用它们吗?
No。打开一个工具,使用它,关闭选项卡。没有注册墙,并且因为处理是客户端那里's没有会话首先附加你的数据。
API密钥或代币等敏感数据粘贴安全吗?
Client端的工具,是的- 而且你可以确认它而不是信任我打开你的浏览器's DevTools网络选项卡,粘贴,并观看出站请求。有't any。I'd仍然避免在任何地方,包括这里,粘贴a 生产 secret you can't旋转- 不是因为工具,而是因为剪贴板、屏幕共享、浏览器扩展都是真正的攻击面。
这些工具离线工作吗?
Page要加载一次,之后大多数工具如果你的连接掉了就一直工作,因为做工作的JavaScript已经在你的标签里了,离线时重新加载页面,你'什么也得不到。
这些与 jq 或 openssl 等 CLI 工具相比如何?
Different jobs。CLI 赢得任何脚本,重复,或在 CI - it's 可组合和可重现。浏览器工具赢得一次性任务,任何受益于视觉预览(复习,渐变,颜色,图像质量),以及机器,你可以't 安装软件。我使用日常和don't认为它's 竞赛。
我应该首先添加哪些工具的书签?
If you write code: JSON Formatter, 时间戳转换器, Regex测试器, Base64转换器 如果你写的内容: 字数计数器, 弹头生成器, 图像压缩 如果你做前端: 颜色选择器, 梯度生成器, 元标签生成器 把它们记为文件夹, 中键单击文件夹, 一次性打开它们。
这些工具在移动设备上工作吗?
They're响应式,它们功能正常,但I'll老实说- 我为键盘和宽视口设计了它们粘贴和复制任务在手机上都很好,任何涉及色谱或正则表达式样本的事情都将是一场战斗。
这些工具有 API 吗?
Not current。everything是客户端在设计上,这与服务器端的API根本不一致,对于程序化使用,底层操作都是一个库调用任何语言 're已经写了- json_encode、 base64_decode、 preg_match如此等等。
开发人员最好的免费在线工具是什么?
这取决于您的工作,但坚实的核心涵盖格式化和检查(JSON Formatter、Base64 Converter)、时间和文本(Timestamp Converter、字数计数器、弹头生成器)、模式工作(Regex Tester)和媒体(Image Compress、Color Picker)。toolz。dev 将 600 多个工具保留在一个地方,全部免费和客户端。最好的工具通常是当您撞击摩擦时已在选项卡中打开的工具。
我可以在不安装任何东西的情况下使用这些开发人员工具吗?
是-没有什么可安装的,也没有扩展可以添加,每个工具都是一个网页,在你的浏览器中运行它的逻辑,所以你打开一个URL,开始在任何操作系统上工作,一旦页面加载了,即使你的连接掉了,它也一直工作。
简短版本
开发人员生产力是't一个大解锁。它's去除一百个小摩擦:你能得到的有效载荷't阅读,你可以得到的时间戳't解析,你're猜测到的正则表达式,截图那个's 4 MB 当它应该是400 KB时,这些单独都不值得一篇博文。总的来说,它们're大部分区别是你发货的一天和你忙碌的一天。
这里的一切都在 Toolz.dev、免费,在您的浏览器中,您的数据保留在您的机器上。从开始 json格式化程序- 如果您只从这篇文章中获取一个选项卡,那么's 就是在午餐时间自费的选项卡。
