世界上最好用的 json 预览工具

已于 2023-03-31 23:29:23 修改
阅读量616 收藏
点赞数
文章标签： java javascript vscode 算法 数据结构
于 2023-03-31 23:26:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45026245/article/details/129890739
版权

世界上最好用的 json 预览工具

在线地址：https://json.thunder.pub/

项目部署在 vercel 上，首次访问可能有点慢

image.png

已实现的功能

  • 调整缩进
  • json字符串可以转成对象
  • 控制显示数组索引
  • 面对大数据量时支持虚拟滚动
  • 缩进线高亮
  • 复制对应的数据
  • 展开/收起
  • 按住 shift 键后点击 展开/收起按钮，将对直接子级进行展开收起 （行为类似于 vscode 里的代码折叠）

未来要实现的功能

  • 不定高度的虚拟滚动
  • 在虚拟滚动的时候支持搜索
  • 更好看的UI
人美声甜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【好物推荐】JSONView，一款查看json数据的神器
本本本添哥
03-19 1万+
通过访问后端API，返回的JSON数据如下（真的很丑）
json预览工具
11-20
一款非常好用的Json解析预览工具，比网上好多直接在线预览的要好用！
IntelliJ IDEA使用技巧（JSON、XML预览）
文章作为学习记录以及工作中遇到的问题，不一定完全正确，如发现错误请指正。
01-12 1446
IDEA使用技巧，格式化JSON字符串和XML
探索与预览JSON的利器：nvim-jqx
最新发布
gitblog_00074的博客
05-25 360
探索与预览JSON的利器：nvim-jqx 项目地址:https://gitcode.com/gennaro-tedesco/nvim-jqx 在Neovim的世界里，处理和浏览JSON文件往往需要一些便捷的工具。今天，我们向你推荐一个名为nvim-jqx的小巧而强大的插件，它能让你的JSON文件管理工作变得更加轻松。 项目介绍 nvim-jqx是一个专门针对Neovim设计的插件，它可以将JSO...
idea好用的json格式化预览插件
菜鸟阿都
10-20 7527
Idea好用的json解析格式化插件，比在线json解析网站好用百倍
vue3项目实现文档 JSON 格式和 Excel 表格的在线预览，（智能搜索，未验证）
xiaoming4965的博客
12-05 1013
若要实现文档 JSON 格式和 Excel 表格的在线预览，你可以使用第三方库来实现。对于文档 JSON 格式，你可以使用。库来展示美观的 JSON 数据；对于 Excel 表格，你可以使用。如果你需要加载远程的 Excel 文件，可以使用合适的 URL 替换。组件来展示 JSON 数据，使用。3 在 Vue 模板中，使用。
Python Qt学习（一）一个简单的JSON数据预览界面
08-28 347
这个项目使用Qt Designer创建的。
json 预览工具
11-13
在处理JSON数据时，拥有一个可靠的JSON预览工具至关重要，能够帮助开发者快速检查JSON的结构和格式，确保数据的准确无误。 "Json View" 是一款专门用于预览JSON数据的工具，它的主要功能包括： 1. **实时预览**：...
MAC下Json编辑器Json Editor
05-19
在MAC操作系统上，对于JSON数据的处理，一个直观且高效的工具——"MAC下Json编辑器Json Editor"显得尤为重要。这款编辑器提供了一个图形化的用户界面，使得查看和编辑JSON对象变得轻松快捷。 在JSON Editor中，你...
Excel2JsonTxt
02-09
值得注意的是，"Excel2JsonTxt"的压缩包文件名为"ExcelTool"，这暗示了它可能是一个包含多组件的工具包，除了主要的转换工具外，可能还包含了辅助工具，如数据预览、格式验证或批量转换等功能，以满足更复杂的使用...
Vulnogram:Vulnogram是用于创建和编辑CVE JSON格式的CVE信息的工具
05-03
外阴图自2017年以来，一次让世界变得更安全一个CVE ID。介绍Vulnogram是用于以CVE JSON格式创建和编辑... 这是一个基于Javascript的工具，用于打开，导入，编辑，预览和保存符合给定JSON文档。 它是一种类似于JIRA或bug
UNICODE转换工具
08-17
UNICODE，全称Universal Multiple-Octet Coded Character Set，是一种字符编码标准，旨在为世界上所有文字提供一个统一的表示方式。Unicode转换工具是专门用来处理和转换文本中字符编码的软件，尤其对于处理多语言...
如何使用JS格式化展示json数据
做一个有情怀的技术人
06-29 1483
简简单单，直接上代码： layer.open({ type: 1, content: '<pre>'+JSON.stringify(sourceData, null, 4)+'</pre>', title: '查看JSON数据', area: ['600px', '500px'], }); 效果如下，格式化展示： ...
Android json动画（Lottie）解决：json中有图片、在线预览json动画效果
热门推荐
ihoudf
01-14 1万+
在线预览json动画效果:https://lottiefiles.com/preview 一、bundle gradle中加入lottie包 implementation 'com.airbnb.android:lottie:3.1.0' 二、在工程app/src/main/下创建文件夹assets，新建时选择Directory，完整路径就是app/src/main/as......
Vue实现JSON格式数据预览 插件 vue-json-viewer
web_wp的博客
01-06 3356
npm installvue-json-viewer -S <template> <div> <div class="center" v-loading="loading"> <JsonViewer :value="jsonData" :expand-depth="3" /> </div> </div> </template>..
Excel表格js读取数据（json）并进行前端页面表格预览展示
weixin_38355349的博客
12-21 2608
项目环境：Vue+Ant Design 使用到的依赖库: xlsx ( yarn add xlsx) npm链接：xlsx - npm 使用的Web API :FileReader MDN链接：FileReader - Web API 接口参考 | MDN 使用到的关键方法：readAsBinaryString会读取指定的Blob或File对象，当读取完成的时候，readyState会变成DONE（已完成），并触发loadend (en-US)事件，同时result属性将...
前端必备的谷歌浏览器JSON可视化插件：JSON-Handle
风中追风
05-18 1万+
功能简介： 日常开发过程中，对接后台返回的数据接口时，数据格式常常是各种json格式字符串，在netWork里面查看十分不便，需要在网上找一个json格式化的工具再查看，然后再取数据字段，然后绑定到页面上，十分不便，推荐这么一款前端开发的浏览器插件工具给大家使用。 返回数据: {"l1": {"l1_1": ["l1_1_1","l1_1_2"],"l1_2": { "l1_2_1": 121}},"l2": {"l2_1": null,"l2_2": true,"l2_3": ...
如何导出项目到本地_动效不知如何落地？看完这个就明白了
weixin_39996096的博客
11-27 269
一直有很多朋友会问一些关于移动端实现动效的方法，平时也会给大家做一些解答，但是可能没有那么系统性，这次抽点时间总结归纳下这方面的内容，跟大家分享下我日常设计中是如何完成动画实现的。实现动画的方式设计输出的方式大概可以分为位图和矢量两种，与常规的图片输出并无太大的差异。位图方式：PNG序列帧、APNG、GIF；矢量方式：Lottie、SVG动画。当然除了以设计提供的方式之外，还可以设计完成...
JS格式化json并展示
HaleyTiger的博客
03-30 9767
格式化json数据展示区域 <div id="showJsonData" contenteditable="true" style="width:100%;height:300px;border:1px red solid;">测试</div> <#form:textarea path="showJsonData" maxlength="10000" class="f...
好用的json解析工具
09-20
好用的JSON解析工具有很多，以下是几个常用的工具： 1. JSONLint：这是一个在线的JSON验证和格式化工具，可以帮助开发人员验证JSON的语法是否正确，并自动格式化JSON数据，使其易于阅读和理解。 2. JSON Editor On...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值