留下你的 json 格式化查看工具吧, 看看那个更好用

[wenjie0032]

由于经常有 格式化查看 json 的需求,

我的工作流是: 复制 -> 开浏览器 -> 打开 json.cn -> 黏贴看内容

用多了就觉得这个链路太长, 所以想 有没有自动化的一些工具, 没有找到

所以做了这个小应用, 基于 tauri2 + react,

特性是: 当你复制了 json 数据后, 可以自动展示格式化后的数据

口号是: Json 美化, 只需一步!

现在已经支持了 json/sql 的自动美化, 后续考虑增加 xml/curl 等

https://github.com/daodao97/quick-view

<amp-youtube data-videoid="NS6PxVUnEBQ" layout="responsive" width="480" height="270"></amp-youtube>

[qianxaingmoli]

idea 自带

[bigant071]

idea 的 json helper 插件

[jun771480011]

devUtils

[8355]

当然是 FeHelper

[yangxiaopeipei]

idea 新建临时 json 文件

[Soar360]

https://www.coderbusy.com/luyao-toolkit

[exguai]

我是用 html

[Zzdex]

utools 尤其喜欢这个自己写 filter 过滤（ js 语法

[evercyan]

alfred workflow

复制文本 -> 快捷键触发脚本 -> 格式化 JSON -> 写入本地 HTML -> 浏览器自动打开

做的动作就是 "复制文本 -> 快捷键"

好处是格式化 JSON 这一步可以做很多兼容处理, 支持以下文本预览

{\"name\":\"abc\"}
"{\"name\":\"abc\"}"
aaa[1, 2, 3]bbb

写入 HTML 可以使用丰富的插件, 自定义样式

效果如图:
<img src=""/>

同理比对工具也可以这样实现:
<img src=""/>

[kqq19930511]

https://dadroit.com/ daroit json viewer

[SekiBetu]

https://chrome.google.com/webstore/detail/gbmdgpbipfallnflgajpaliibnhdgobh

[happydebug]

fehelper 前端助手 还能对比 挺好用的 https://chromewebstore.google.com/detail/fehelper 前端助手/pkgccpejnmalmdinmhkkfafefagiiiad

[zhangdafoye]

alfred 工作流( https://github.com/hanjm/alfred-json-beautifier-in-fehelper-workflow) + chrome 插件( https://chromewebstore.google.com/detail/fehelper%E5%89%8D%E7%AB%AF%E5%8A%A9%E6%89%8B/pkgccpejnmalmdinmhkkfafefagiiiad)

[kinkin666]

edge 浏览器, f12, a = {ctrl + v}

[wewin]

一直用的这个：
chrome-extension://pkgccpejnmalmdinmhkkfafefagiiiad/json-format/index.html

简洁好用

[Mush]

power json editor

[xxbing]

[forty]

这里是 2 个不同功能：1.格式化 2.查看

格式化，最好是提供更多的配置选项，可以格式化为不同的格式细节。
查看，那就要做好查看的细节，包括但不限于：语法高亮、折叠、跳转、自动换行、长文本显示优化、表格式显示、Schema ；如果还要实现可编辑，那还需要更多交互优化。

OP 的这个，对我来说不太有用，我一般不是这么用的，我是双击 JSON 文件，直接是用某款 JSON Viewer 关联打开，查看效果比你这个强太多了。 如果是没有文件的 JSON ，需要复制，那快捷键呼唤出软件再粘贴一下就行了。

[yyyyhere]

utools

[iikebug]

he3