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

root@localhost:~/hello[main]$ echo '{ "face": "\uD83D\uDE02" }' | jq
{
"face": ""
}

utool 里的 json 插件

utools

楼主，没必要整 web app 吧，非要搞个浏览器，太重了

这个，mfc 的
http://tomeko.net/software/JSONedit/

fehelper

浏览器的插件.
https://microsoftedge.microsoft.com/addons/detail/jsonhandle/pogcfcgaeocmmoadpbcfnponnlidodjn

@lichao jq 多利索，哈哈哈

FeHelper

jq
python3 -m json.tool

@archxm 同样的使用的 JSONedit ，简单的可以用 nodepad++的 json 插件，没必要开浏览器，这完全是反人类，我觉得 op 的这个开发需求可以结束了，复杂需求用 JSONedit ，JSON 工具，暂时没有发现比 JSONedit 牛逼的。

utools 的 json 格式化工具，很好用。/div>

pbpaste | jq
pbpaste | jq | less
pbpaste | ijq

( brew install ijq )

编辑器自带的 json 格式化工具。
不过我有个问题，怎么才能去掉转义字符。
有些 json 的 value 就是一个带了转义符 json 字符串
有什么工具能够方便将其转换成正常的不带转义符的 json 字符串呢

vscode 侧栏自带的 outline

sublimeText 拓展 prettyJSON ，设置快捷键 Ctrl+Alt+J

哈哈, 果然大家用的都差不多, 上面很多工具我都用过

@archxm #4 打开浏览器还是打开 JSONedit 是一样, 都会有打开这个动作
@Nosub #11 要的就是不用手动去打开任何软件, 当你复制完后, 自动给你展示
@ZZ74 #14 我这个就支持, 使用的 react-json-view 组件实现

alfred

xclip -o | fx

JSON 可视化工具很多，但 JSON Crack 有些特别，可以将 JSON 使用思维导图的形式展示出来。

除了 JSON 还支持 YAML 、TOML 、XML 、CSV 格式。

https://s.mt.ci/jsoncrack

Github: https://git.new/jsoncrack

VSCode 插件: https://dub.sh/jsoncrack-vscode

我用的是 okjson ，还挺好用的

浏览器扩展 ctool ，自带程序员常用工具库

DevToys

postman

emacs M-x json-pretty-print

有没有可以对比两个 json 的工具

chatgpt

vscode

经历过 json.cn 比较大的 json 文件直接干爆内存

@blackshh vscode

没有什么是 VSCode+插件不能解决的，如果有就再加一些插件。

Nodepad++ 插件 JSON Viewer

utools ，选中，鼠标中键

sublime text 安装 Pretty JSON 插件，设置格式化快捷键
一个页面可以格式化多个 json 字符串，自此之后就不再使用网页了

jsonhero.io+jsonpath.com

utools

shell: echo {"a":"b"}
浏览器: https://github.com/tulios/json-viewer/tree/master 扩展.

shell: echo {"a":"b"} | jq
浏览器: https://github.com/tulios/json-viewer/tree/master 扩展.

neovim+coc-prettier

vscode 插件

bejson 会不会被鄙视.

utools 里面的 JSON 插件

VSCODE Data Preview 插件

console.log(JSON.stringify(JSON.parse('{"a":1,"b":2}'), null, 2))

vs code

@ccbikai 打开网站没法编辑

https://jsoneditoronline.org/ 支持对象转 json 非常好用

@ccbikai 这个带图带好 cool

如果使用 Raycast, 推荐这个 https://www.raycast.com/HerbertLu/json-editor

微软应用商店下载 DevToys

小 JSON 用插件 FeHelper
大 JSON 用 dadroit JSON Viewer

vscode

hapigo 自带

https://www.bejson.com/

完全满足我的需求

idea 自带

idea 的 json helper 插件

devUtils

当然是 FeHelper

idea 新建临时 json 文件

我是用 html

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

alfred workflow

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

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

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

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

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

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

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

https://dadroit.com/ daroit json viewer

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

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)

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

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

简洁好用

power json editor

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

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

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

utools

he3

boop

VSCode ，新开一个标签，把 JSON 贴进去，Alt+Shift+F 格式化。日常开发工具就是 VSCode ，简单方便，原生支持也不需要再安装什么插件

utools +1

Geany 里也可以设置 jq 为 formater ，还能设置快捷键

命令行用 jq ，其他场景用浏览器开发者工具，本地已有文件用 vscode 。无它，我的 json 很大，不用 jq 会卡；我需要灵活的操作和处理，浏览器 F12 正合适~

浏览器插件，FeHelper 。

vscode

直接 pycharm 看

巧了,此时此刻我也正在做一个字符串处理工具的 V2 版本 ,其中就包含了 json 预览

之前也找过几乎所有的 json 预览库

上文提到的 jsoncrack 和 jsonhero 我都用过.是我用过比较不错的三方库
https://www.jsont.run/ 倒是第一次见.感觉像是基于 jsonhero 做的二开

不过我做的是工具比你功能更强一些 . 大部分是基于我日常使用的痛点找的解决方案

https://imgur.com/NZvdkbH

Chrome 插件 JSON Viewer Pro
https://chromewebstore.google.com/detail/json-viewer-pro/eifflpmocdbdmepbjaopkkhbfmdgijcc

vscode ,cmd+n ，新建一个标签页粘贴进去，然后格式化

FeHelper 就很好用了,不想在线的话,vscode 装一个自动格式化的插件,粘贴到文档里面,也能自动格式化

chrome 里插件 json-handle

没有智能纠错提醒的 json 工具是不完整的，
其他人说的 FeHelper 就挺好用，还有我常用的 https://www.sojson.com/simple_json.html

FE Helper + JSONHero 。之前想自己写但是太懒了

JSON-handle 浏览器插件