写了个 JSON 格式化的工具,欢迎来试用一下🥳

2021-05-17 19:39:03 +08:00
 smilemm

🔗 json.pink

预览:

3595 次点击
所在节点    Web Dev
24 条回复
DOLLOR
2021-05-17 20:03:08 +08:00
JS 本身就自带格式化 JSON 功能。
我是直接用控制台的,比如:
JSON.stringify({"a":1,b:"1"},null,' ')
第三个参数可以换成 4 个空格或者 tab,用来缩进。
vchroc
2021-05-17 21:33:56 +08:00
SyntaxError: Unexpected token 他 in JSON at position 14288
Biebe
2021-05-17 22:14:13 +08:00
编辑器是自己写的还是开源组件?
smilemm
2021-05-17 22:17:47 +08:00
@Biebe 自己写的
smilemm
2021-05-17 22:18:53 +08:00
@vchroc 解析直接用的 JSON.stringify
en20
2021-05-17 22:19:49 +08:00
lululau
2021-05-17 22:41:00 +08:00
pbpaste | jq .
edk24
2021-05-17 23:16:34 +08:00
安装个 jq 它不香? 哈哈
chroming
2021-05-17 23:18:57 +08:00
这么简洁的小网站竟然备案了 😳
JerryCha
2021-05-17 23:27:13 +08:00
你已经实现了格式化,接下来该实现一个 monaco 了
ClericPy
2021-05-17 23:28:19 +08:00
试了下, 是实时预览, 平时如果 JSON 做配置文件略微改改还可以, 如果大量改还是用习惯了 VSCODE 的多行编辑, 巨量改直接用 Python 了... 习惯的力量太大了, 之前用过 JSON Viewer 和 FE-Helper

挺多地方其实可以借鉴一下 JSON-HANDLE 扩展, 特别多的功能基本离不开了:

图片预览, 折叠记忆, JSON-Path, Tab 打开, 右键选中, 单行压缩, base64 decode.
Dragonphy
2021-05-18 09:05:25 +08:00
复制了一个 package-lock.json,大概两万行,网页响应需要 3s 左右
smilemm
2021-05-18 09:58:06 +08:00
@ClericPy 嗯嗯,如果需要更完善的操作肯定 VSCode 更专业了,主要是做一些简单的预览,查看 API 返回结果之类的,直接打开网页会方便些。
smilemm
2021-05-18 10:00:05 +08:00
@Dragonphy 两万行[捂脸]...其实超过了 999 行 行号那边就会有问题了,主要还是针对于少量的文本啦,做一个快速的预览嘛。
reiji
2021-05-18 10:48:35 +08:00
@smilemm 如果是这个目的的话我推荐 Json Viewer Chrome 拓展,可以直接格式化返回的数据,还可以更改样式,折叠啥啥的
ytily95
2021-05-18 11:26:46 +08:00
http://www.json.yppcc.com/
=====================
国外一个作者写的,被 bejson 扒了加了个双击格式化,连个作者都不贴,然后我给 bejson 扒了
smilemm
2021-05-18 11:32:54 +08:00
@reiji 哈哈哈,主要平时不用 Chrome ~ ~
smilemm
2021-05-18 11:34:59 +08:00
@ytily95 😂
l4ever
2021-05-18 12:56:16 +08:00
buffzty
2021-05-18 14:43:10 +08:00
f12 不香吗

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/777504

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX