我又做了一个开发者工具...

88 阅读2分钟

我做了什么?

Json编辑器/格式化/校验:使用基于Monaco Editor的Web JSON编辑器和格式化工具,编辑和格式化JSON数据。只需粘贴或输入JSON数据,即可使用直观的功能获得整洁有序的结果。支持功能:格式化,压缩,排序,查找,转义,折叠,复制、全屏,分享等。

极致的JSON工具 json.png

文本比较/对比/DIFF:使用基于Monaco Editor的Web编辑器和文本比对工具,编辑和格式化文本数据。只需粘贴或输入两段文本,即可使用文本比较的功能。同时支持语言识别、文本排序、全屏、分享等操作。

极致的Diff工具 image.png

为什么建设这个站点呢?

我在开发工作中,常遇到需要处理 json 数据的情况,需要格式化、排序、查找、修改等操作;常遇到需要对比文本、对比代码等情况,需要预处理、排序、对比等操作。

通常我会用搜索引擎找某个工具来用,但这些工具要么加载较慢、要么页面丑陋、要么功能缺失。这种 json 编辑需求、文本对比需求本质比较简单,更应该有简单易用的工具来满足。

现在已经 2024 年了,我们不应该再使用那些体验很差的工具了。

每天每小时,我们都对着电脑工作,我们应当尽可能享受,而不是承受;我们应当尽可能轻松,而不是繁琐。

所以,我决定自己做一套极致的小工具,满足特定场景,让我们的工作更轻松更愉悦。

如何实现的?

动态站点太慢了,所以我决定用静态站点,用 hugo 静态网站生成器来搭建。

css,js 加载太慢了,所以我做了前端优化,使这些资源能够充分利用浏览器缓存。

其他很多工具都利用某个开源库套个壳,就上线了;而本站点做的工具,是基于最朴素的 HTML 或是开源最流行的库,精心设计必要功能,让你免受莫名其妙的干扰。

每一个工具页面,都设置有评论区,可以把你的需求评论一下,我会尽快完善它。

所以,当你再次访问某个页面时,你会发现页面加载速度非常快。