当前位置:网站首页>This visual tool artifact is more intuitive and easy to use!love so much
This visual tool artifact is more intuitive and easy to use!love so much
2022-08-10 22:42:00 【The elder brother of the migrant workers】
Click "Java Programming Duck" below to follow and star
More exciting, direct access at the first time
Introduction
JSON Hero is a simple and useful JSON tool that makes reading and understanding JSON documents easier and more intuitive with a nice looking UI and enhanced extra features.
Supports multiple views for viewing JSON: column view, tree view, JSON view, etc. Column view is a new way to browse JSON documents inspired by the macOS Finder

Project address:
https://github.com/jsonhero-io/jsonhero-web
Installation
To run JSON Hero locally, first clone the source code and install the relevant dependencies:
git clone https://github.com/jsonhero-io/jsonhero-web.gitcd jsonhero-webnpm installThen run the following command to start, open http://localhost:8787 to use:
npm startUse
Go to https://jsonhero.io/ and drag and drop the JSON file onto the website, or paste the JSON or JSON url in the form provided

Content Preview
JSON Hero automatically infers the content of the string and provides useful previews and properties for selected values.
Date and time

Image URL

Website URL

JSON URL

Tree View
This is also the most used, the tree structure can be clearly displayed, see a set of pictures:

Also supports searching data in JSON data:

Here comes the point!
When you finish editing or reviewing data, you need to share it with the front-end, instead of copying all the data, you only need to generate the specified link, which is very convenient.

In general, JSON Hero supports a variety of attempts to view JSON data, and supports VS Code and other extensions. I believe it is a very powerful tool for small partners who often deal with JSON.
END
Have you gained something after reading this article?Please forward and share with more peopleFollow "Java Programming Duck" to improve your Java skillsPay attention to the Java programming duck WeChat public account, and reply in the background: Code Farmer Gift Pack can get a copy of the latest technical information.Covers Java framework learning, architect learning, and more!If the article is helpful, please read it and forward it.Thank you for your support (*^__^*)边栏推荐
- ASCII, Unicode and UTF-8
- 亲测有效|处理风控数据特征缺失的一种方法
- SDP
- STL-stack
- Black cat takes you to learn Makefile Part 11: When the header file a.h changes, how to recompile all the .c files that depend on the header file a.h
- 企业云存储日常运行维护实践经验分享
- LeetCode Daily 2 Questions 02: Reverse the words in a string (1200 each)
- 解码2022中国网安强星丨正向建、反向查,华为构建数字化时代的网络安全防线
- xshell (sed command)
- shell programming without interaction
猜你喜欢

virtual address space

威纶通触摸屏如何在报警的同时,显示出异常数据的当前值?

"DevOps Night Talk" - Pilot - Introduction to CNCF Open Source DevOps Project DevStream - feat. PMC member Hu Tao

服务——DNS正向反向域名解析服务

What are the concepts, purposes, processes, and testing methods of interface testing?

FPGA - 7系列 FPGA内部结构之Memory Resources -03- 内置纠错功能

LeetCode每日两题02:反转字符串中的单词 (均1200道)

财务年报怎样翻译,为什么要选择专业翻译公司?

Merge k sorted linked lists

从斐波那契 - 谈及动态规划 - 优化
随机推荐
威纶通触摸屏如何在报警的同时,显示出异常数据的当前值?
这款可视化工具神器,更直观易用!太爱了
Shell 编程--Sed
边缘与云计算:哪种解决方案更适合您的连接设备?
Pro-test is effective | A method to deal with missing features of risk control data
LeetCode Daily 2 Questions 02: Reverse the words in a string (1200 each)
Self-organization is a two-way journey between managers and members
LeetCode每日两题01:反转字符串 (均1200道)方法:双指针
BM13判断一个链表是否为回文结构
How to be a Righteous Hacker?What should you study?
音乐播放器(未完成版本)
ASCII, Unicode and UTF-8
How to secure users in LDAP directory service?
带着昇腾去旅行:一日看尽金陵城里的AI胜景
Common interview questions for APP UI automation testing, maybe useful~
The Thread State,
Regular expression of shell programming and text processor
[Maui official version] Create a cross-platform Maui program, as well as the implementation and demonstration of dependency injection and MVVM two-way binding
瑞幸咖啡第二季营收33亿:门店达7195家 更换CFO
Thread State 详解