在竞品泛滥的今天，我为何还要做一款在线开发者工具箱

[star7th]

前言

作为一个程序员，我经常都在使用各种小工具来满足不同的需求，比如格式化 JSON 、转换时间戳、编码解码 URL 、查询 IP 地址等。这些小需求虽然看似不起眼，却频繁出现，并且偶尔使用时也常让人感到烦恼。因此，我决定开发一个名为「极速箱」的高颜值在线开发工具集合。

市面上开发者工具箱的问题

• UI 设计糟糕
  许多工具在界面设计上缺乏美感，使得使用体验相对较差。

• 工具多而乱
  用户在面对众多工具时往往难以找到自己需要的，造成了使用效率的低下。

• 广告干扰
  一些工具里夹杂着大量广告，严重影响使用体验，令人分心。

为何还要再做一个「极速箱」？

1. 这就是刚需，没办法

JSON 格式化、时间戳转换、URL 编解码、IP 查询等，这些功能虽然简单，却是程序员经常会用到的。一个集合了所有常用工具的平台，不仅能提升工作效率，还能节省宝贵的时间。

2. 有了 AI ，写起来快多了

以前开发这样一套工具集需要花费一到两个月的时间，但如今借助 AI 的力量，开发效率显著提升，编写代码的速度快了很多。因此，我们不需要投入太多时间就能完成这些工具的开发。

3. 运营成本低得很

大多数小工具都是在浏览器中本地运行 JavaScript ，几乎不需要后端计算，对服务器的压力微乎其微。这意味着长期运营成本几乎为零，不必担心由于运营导致的亏损。

4. 顺便给自己其他产品引流

说实话，我本来就在运营一些面向开发者的产品。制作工具箱不仅方便自己使用，同时也能够为其他产品带来流量，实在是个双赢的机会。

「极速箱」是什么样的？

1. 颜值高，不伤眼

我为「极速箱」设计了一套深色主题，视觉效果既高级又不刺眼。所有工具保持了统一的界面风格，使用起来感觉十分流畅。夜间编程时，这种配色设计让眼睛倍感舒适。

2. 功能实用不花哨

目前，「极速箱」已实现多款常用工具，比如 JSON 格式化、时间戳转换、编码转换、IP 查询等。我并不追求工具的数量，但每个工具的实用性和稳定性才是我关注的重点。

3. 可以收藏常用工具

用户可以将经常使用的工具进行收藏，下次访问时便无需再次查找。我自己有些工具几乎每天都在用，这大大提高了工作效率，省去不必要的寻找过程。

这能赚钱吗？

老实说，基本赚不了什么。这类工具的付费意愿普遍较低，许多程序员习惯使用免费工具，真正愿意为此付费的人屈指可数。不过，考虑到工具的运营成本低，即使长期提供免费服务，也完全没问题。

最后附上网址

访问「极速箱」网站

[SmiteChow]

因为你喜欢造轮子

[LawlietZ]

太闲了 😂

[LawlietZ]

大部分工具 AI 都可以做了，这个已经过时了

[star7th]

@LawlietZ

不是这样的。
举个例子，你要查看一个接口返回的 json 数据。要格式化方便查看。你选择问 ai 还是找一个格式化查看工具？ 相信很多人是选择使用格式化工具。
我自己都算是一个 AI 重度使用者，但日常还是很多功能不用 AI 去做。这个工具箱是刚需来的。只是说，每个人有自己趁手的工具。

[fengci]

你要做个浏览器插件 做在 tab 页 ，还需要不打扰 需要的时候 可以快速 点开 不需要的时候 就当没有 。

[star7th]

@fengci

确实有在考虑做浏览器扩展。

[oott123]

挺好的，可惜没有浅色主题

[lizhenda]

有些人不喜欢深色的

[xz410236056]

@star7th #4 你把 json 数据直接扔 AI ，告诉他格式化，这种需求不需要深度思考，1 秒出结果。

[zy445566]

关注 OP 有段时间了 冒昧的问下 OP 一直都是在创业么 还是上班班

[star7th]

@oott123
@lizhenda

已经加上浅色主题了。右上角有切换按钮。

[star7th]

@xz410236056

某些场景是可以。但如果 json 很大呢，很多层嵌套呢，我要折叠某些层查看呢。json 格式化肯定是专业工具好用。只是 ai 能解决部分问题。

[star7th]

@zy445566

嘘。我不在这里说个人信息。因为这里的帖子无法修改。

[ixcode]

想知道 OP 有方法变现吗，还是说只是业余爱好

[star7th]

@ixcode

其实文章中有大概提到过。我自己有在运营开发者相关的商业产品，比如说 https://www.showdoc.com.cn/ 这个产品是有盈利的。
然后，我针对开发者群体做一些周边工具。这个工具箱，没打算赚钱，能赚点人气，引流一下，赚下吆喝就好。何况也是我自己用得上的工具，也没多少运营成本。

[xfn]

提个建议，每种工具加一些方便搜索关键词。工具很多，我可能不知道我想要的工具在你这里叫什么，比如时间类工具，我可能输入的时 shijian,date,time ，甚至是 sj ，shj ，等等。

具体的关键词都可以让 AI 帮你生成

[star7th]

@xfn

好的，我晚点用 AI 加上

[fengYH8080]

我自己做了个浏览器插件自己用，全部功能前端实现，根本不需要服务器

[star7th]

@xfn

已经使用 AI 加上模糊搜索了。比如搜索 sj ，也是有结果的

[star7th]

@fengYH8080

后续我也考虑着做浏览器扩展

[xz410236056]

@star7th #12 那我可要抬杠了啊，我生成了一个 30M 的 JSON 数据，用 vscode 格式化用了 10 秒，你这网站用了 2 3 分钟，然后页面崩溃了。

[sakuraT1]

现在用 utools 了

[star7th]

@xz410236056

没有支持那么大 json 的打算。一般不会遇到这种极端情况，所以不打算优化这种极端情况了。大部分就是几百 K 的样子。

[jonty]

[star7th]

@sakuraT1

这个产品看起来不错。不过由于是需要下载，体验成本高，所以我就不下载测试了。

[star7th]

@jonty

你这个时间戳，不在合理的范围内的吧。一般不会有这种时间戳吧

[thomas0356]

只是你觉得方便了，不代表别人觉得方便
你需要用的工具不代表其他程序员也会用到

[jonty]

@star7th #26 你试试吧，正常应该 4 位后就切到月份了。工具里面可以输入到 6 位

[star7th]

@jonty

我明白你的问题了。我只需要代码里限制输入的最大年份是 9999 四位数就可以达到你说的效果。我已经发版更新了。

[star7th]

@thomas0356

确实如此，每个人用自己趁手的工具就好。我只是额外提供了一个 UI 和体验尚可的选择。选择用不用还是要看需要与否。

[wangwei216]

太卡了，最好能秒开

[distance7509]

体验了一下，感觉还不错，就是切换工具的时候为啥还要加载一下，不是前端实现的吗

[star7th]

@wangwei216

@distance7509

技术上是用 nextjs 写的。它为了照顾搜索引起 SEO ，会部分服务端渲染，以及按需加载不同工具的 js 。我觉得我可能设置预加载好一点，这样用户切换工具不需要等待加载 js ，会快一点。我晚点优化下。

[cocalrush]

挺好的 我一直想自己写一个 还是 OP 执行力强

[star7th]

@distance7509
@wangwei216

已经发了一个版本，做了预加载功能。现在打开工具详情页以及切换工具，应该很快了

[star7th]

@cocalrush

想写就写吧，有 AI 的加持，不难写。如果你不想写，则可以用我的。

[krixaar]

又是个在线的，能不能用取决于你续不续费，那我为啥不用 cyberchef 去呢

[pingfan520]

都想赚开发人员的钱

[gechang]

开源吗😛

[yb2313]

因为你这个人, 真是满脑子都想着自己呢

[McGrady222]

现在这些工具，谷歌还收录吗

[cleveryun]

暗色模式适合夜间环境暗时使用，白天感觉还是亮色模式好一些

[star7th]

@krixaar

还好吧，我有个运营了十年的产品。我跟 那些过阵子就失效的网站运营者 还真不一样。你可以翻翻我的贴子历史记录。我做过好多长期运营的产品。所以说如果你只是担心可用性的话，则不用担心。

[star7th]

@pingfan520


这个工具箱赚不了钱的，只能赚点人气赚点吆喝，甚至人气都没多少。

[star7th]

@McGrady222

不好说，至少现在还没收录。

[star7th]

@cleveryun

确实。亮色模式是后面增加的，看起来也不错。

[FlorentinoAriza]

utools 够了啊

[OWLS]

能够按照用户的使用频率来排序吗？

[mach9452]

提不起兴趣啊，我一个常用的浏览器插件比这功能更多、更方便[狗头]

[star7th]

@OWLS

你倒提醒我了。我不如尝试做一个拖动功能，用户自己拖动顺序展示即可。然后顺序保存到浏览器本地。

[zsh2517]

json 格式化为什么需要有一个一秒左右的 loading ？ F12 看了一下，也没过后端。

示例 json 只有不到 300 个字符，试了一下其他工具（ bejson, sojson, jsonformatter.org, utools JSON 插件、CTools 插件、FEHelper ）都是立刻出结果的，只有 jsonhero 需要加载一个新页面，但是也比 op 这个要快（ jsonhero 过后端，提供的能力比其他处理工具强很多）

[zsh2517]

@zsh2517 以及配色需要考虑一下，效果看起来有点差。双引号太显眼了，然后 xx items 这个很难看清楚，划选效果也一般（比如我想从 JSON 里面复制一个片段，比如 FEHelper ，直接划选一个括号区域，就是标准 JSON ，也提供了按节点的复制按钮）
另外嵌套的呈现效果也有点怪：{"a": 1, "b": [1]} ，a 和 b 是同一层的，但是在渲染后 b 的位置被展开/收缩按钮占了。建议调整到同一层

---

其他功能也简单试了试

https://jisuxiang.com/tools/ip_lookup “查询我的 IP”，返回 127.0.0.1
https://jisuxiang.com/tools/url_encoder “原始文本 URL 编码文本 URI 编码 URI 组件编码”，这里交互很不明显。而且设计风格不统一，比如 https://jisuxiang.com/tools/html_markdown_converter 这里就不是转换按钮，而是两个不同按钮
jwt 不知道能不能参考一下 https://jwt.io/ （其他地方设计也可以参考），不区分谁像谁转换，一个变更的时候直接重新生成另一侧
正则表达式处理有问题，输入“c”，“acaaccaccacacc“，匹配结果有一堆尖括号不知道什么情况“acaaccaccacacccccccccan>>n>>n>n>>”
https://jisuxiang.com/tools/http_tester 有内网内容泄漏风险，过滤不完全： http://127-0-0-1.nip.io:3000 （还有其他很多绕过方式，可以问 AI ）

[Xinu]

开发人员强烈建议 试试 utools

[zsh2517]

http://127.0.0.2:3000/ （ 127.0.0.0/8 都是本地地址）
https://xxxxx/test_redirect.php （内容是 header("Location: http://127.0.0.1:3000"); 。如果默认有跟随重定向，就会被跳到内网 IP ）
http://127-0-0-1.nip.io:3000 （通过一个解析到 127 的域名来访问）

[star7th]

@zsh2517

你提了好多实用的建议。我一一优化下。