V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
smilemm
V2EX  ›  Web Dev

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

  •  
  •   smilemm · 2021-05-17 19:39:03 +08:00 · 3546 次点击
    这是一个创建于 1275 天前的主题,其中的信息可能已经有所发展或是发生改变。

    🔗 json.pink

    预览: 预览图

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

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

    图片预览, 折叠记忆, JSON-Path, Tab 打开, 右键选中, 单行压缩, base64 decode.
    Dragonphy
        12
    Dragonphy  
       2021-05-18 09:05:25 +08:00
    复制了一个 package-lock.json,大概两万行,网页响应需要 3s 左右
    smilemm
        13
    smilemm  
    OP
       2021-05-18 09:58:06 +08:00
    @ClericPy 嗯嗯,如果需要更完善的操作肯定 VSCode 更专业了,主要是做一些简单的预览,查看 API 返回结果之类的,直接打开网页会方便些。
    smilemm
        14
    smilemm  
    OP
       2021-05-18 10:00:05 +08:00
    @Dragonphy 两万行[捂脸]...其实超过了 999 行 行号那边就会有问题了,主要还是针对于少量的文本啦,做一个快速的预览嘛。
    reiji
        15
    reiji  
       2021-05-18 10:48:35 +08:00
    @smilemm 如果是这个目的的话我推荐 Json Viewer Chrome 拓展,可以直接格式化返回的数据,还可以更改样式,折叠啥啥的
    ytily95
        16
    ytily95  
       2021-05-18 11:26:46 +08:00
    http://www.json.yppcc.com/
    =====================
    国外一个作者写的,被 bejson 扒了加了个双击格式化,连个作者都不贴,然后我给 bejson 扒了
    smilemm
        17
    smilemm  
    OP
       2021-05-18 11:32:54 +08:00
    @reiji 哈哈哈,主要平时不用 Chrome ~ ~
    smilemm
        18
    smilemm  
    OP
       2021-05-18 11:34:59 +08:00
    @ytily95 😂
    l4ever
        19
    l4ever  
       2021-05-18 12:56:16 +08:00
    buffzty
        20
    buffzty  
       2021-05-18 14:43:10 +08:00
    f12 不香吗
    thetbw
        21
    thetbw  
       2021-05-19 09:05:03 +08:00
    输入框不能输入 tab ,感觉蛮难受的
    siweipancc
        22
    siweipancc  
       2021-05-19 09:10:21 +08:00 via iPhone
    推荐使用快捷程序 utools,开发个插件 5 分钟就能用
    unicloud
        23
    unicloud  
       2021-05-19 10:27:44 +08:00
    JSON 校验、格式化、压缩、转义 ---> https://www.dute.org/json
    balabalaguguji
        24
    balabalaguguji  
       2021-05-19 10:41:45 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3512 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 04:45 · PVG 12:45 · LAX 20:45 · JFK 23:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.