经常要整理KOOTD API返回的JSON数据。尤其做YouTube Shorts的时候,得一个一个复制各个字段,每次拖拽选中真的太烦了。
现有工具要么只能"全部复制",要么就是太简陋。我想要的是只复制某个特定的值。所以自己做了一个。
这是什么
粘贴JSON进去,就会以树形结构展开显示。每个值旁边都有复制按钮,点一下就好。嵌套对象可以折叠/展开,也能按键名排序。
我实际怎么用的
做Kortress YouTube Shorts的时候经常要处理JSON数据。以前要一个一个拖拽选中复制,现在点一下按钮就搞定。开发时查看API响应也很方便。
踩过的坑
一开始想直接原样显示JSON,结果嵌套一深可读性直接归零。换成树形视图加上折叠/展开之后好多了。
复制功能最初也只能复制整个JSON。但实际用下来发现,更多时候只想复制某个具体的值。于是给每个值都加了复制按钮。用Clipboard API实现起来很简单。
手机上测试的时候发现树形视图的按钮太小,根本点不到。调大了按钮尺寸,又调了移动端布局。
本来是当"JSON格式化工具"做的,结果我真正需要的是"能方便地复制单个值的工具"。
想试试的话,去JSON工具看看吧。