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

已于 2023-03-31 23:29:23 修改
阅读量609 收藏
点赞数
文章标签： 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数据如下（真的很丑）
Excel表格js读取数据（json）并进行前端页面表格预览展示
weixin_38355349的博客
12-21 2603
项目环境：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预览工具
11-20
一款非常好用的Json解析预览工具，比网上好多直接在线预览的要好用！
vue3项目实现文档 JSON 格式和 Excel 表格的在线预览，（智能搜索，未验证）
xiaoming4965的博客
12-05 965
若要实现文档 JSON 格式和 Excel 表格的在线预览，你可以使用第三方库来实现。对于文档 JSON 格式，你可以使用。库来展示美观的 JSON 数据；对于 Excel 表格，你可以使用。如果你需要加载远程的 Excel 文件，可以使用合适的 URL 替换。组件来展示 JSON 数据，使用。3 在 Vue 模板中，使用。
探索 JSON Viewer：一款强大的在线 JSON 格式化和解析工具
最新发布
gitblog_00092的博客
04-13 559
探索 JSON Viewer：一款强大的在线 JSON 格式化和解析工具 项目地址:https://gitcode.com/kapilratnani/JSON-Viewer JSON Viewer 是一个简洁而实用的 Web 应用，专为开发者设计，旨在简化 JSON 数据的查看、理解和操作。它提供了丰富的功能，帮助你在浏览器中轻松地组织和解析 JSON 对象，无论是调试 API 响应还是处理复杂的...
Python Qt学习（一）一个简单的JSON数据预览界面
08-28 342
这个项目使用Qt Designer创建的。
Vue实现JSON格式数据预览 插件 vue-json-viewer
web_wp的博客
01-06 3337
npm installvue-json-viewer -S <template> <div> <div class="center" v-loading="loading"> <JsonViewer :value="jsonData" :expand-depth="3" /> </div> </div> </template>..
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转换工具是专门用来处理和转换文本中字符编码的软件，尤其对于处理多语言...
如何导出项目到本地_动效不知如何落地？看完这个就明白了
weixin_39996096的博客
11-27 268
一直有很多朋友会问一些关于移动端实现动效的方法，平时也会给大家做一些解答，但是可能没有那么系统性，这次抽点时间总结归纳下这方面的内容，跟大家分享下我日常设计中是如何完成动画实现的。实现动画的方式设计输出的方式大概可以分为位图和矢量两种，与常规的图片输出并无太大的差异。位图方式：PNG序列帧、APNG、GIF；矢量方式：Lottie、SVG动画。当然除了以设计提供的方式之外，还可以设计完成...
vue 处理JSON文件——上传导入、下载导出、在线预览
朝阳39的博客
07-03 5147
上传导入JSON文件 <el-button @click="importData" size="mini">导入</el-button> data() { return { fileList: [], uploadData: [], dialogImport: false, importData() { this.dialogImport = true; }, <el-dialog .
电脑字体在哪个文件夹_实用工具！让你的电脑拥有macOS一样的空格预览功能
weixin_40008339的博客
10-29 145
用过mac电脑的应该都知道，mac有一个非常实用、强大的功能--空格预览。简单的说就是当鼠标选中文件之后，点击空格可以预览文件，再次点击空格可以退出预览，这使得mac电脑非常高效，也非常有特色。从mac迁移到windows之后会想，windows能不能拥有像mac那样的空格预览功能？本文介绍两款工具，让windows系统拥有同macOS一样的空格预览功能。前言学习和工作中会遇到各种类型的文件，wo...
json网页预览插件
08-18 442
转载于:https://www.cnblogs.com/luoxiaolei/p/5782996.html
文件在线预览和下载的实现
wuruijie321的博客
09-21 7898
/** * 查看已签署合同 * @param response * @param contractId * @throws BusinessException */ @RequestMapping(value = "/viewPdfContractSign.json") @ResponseBody public void viewPdfContractSign(HttpServletRe
json文件读取(一)
weixin_44803976的博客
03-31 2895
Cocos Creator 数据存储之 Array 96 StoneHui 关注 2019.01.22 16:32* 字数 67 阅读 152评论 0喜欢 1 Cocos Creator 文档 – 存储和读取用户数据 存取方式 // 存储数据 cc.sys.localStorage.setItem(key, value); // 读取数据 var value = cc.sys.localStor...
JS页面显示JSON格式化数据
Lily_Deng的博客
10-19 3118
1.新建html <div class="col-sm-10 healthName" id="msg" style="height: 550px;overflow-x: auto;overflow-y: auto"> <pre id="data_info"></pre> </div> 2.js声明 var show = document.getElementById('data_info'); var msg = "[{"actName":"02","
好用的json解析工具
09-20
好用的JSON解析工具有很多，以下是几个常用的工具： 1. JSONLint：这是一个在线的JSON验证和格式化工具，可以帮助开发人员验证JSON的语法是否正确，并自动格式化JSON数据，使其易于阅读和理解。 2. JSON Editor Online：这个工具提供了一个交互式的界面，可以帮助开发人员编辑、验证和格式化JSON数据。它还提供了实时预览和错误提示功能，方便快速调试和修改JSON数据。 3. Online JSON Viewer：这是一个简单易用的在线JSON查看器，可以将JSON数据以可视化的方式展示出来，使开发人员能够更清晰地理解和分析JSON结构。 4. JSON Parser：这是一个功能强大的在线JSON解析器，可以将JSON数据解析成可读的格式，并提供了一些额外的功能，如路径查询和数据转换。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值