谷歌json插件_谷歌浏览器插件:json阅读神器json-handle

5b02f379601e42f290d38bed9a1aae3e.png

环境准备

  1. chrome浏览器
  2. JSON-handle_0.5.6.crx插件
  3. github地址:https://github.com/dunzung/json-handle

第一步 下载JSON-handle插件

输入github地址:https://github.com/dunzung/json-handle,下载json-handle.crx文件。

第二步 打开谷歌浏览器,输入扩展程序地址:

chrome://extensions

ba42812f94d9081d801b53e0ffaaa85c.png

第三步 安装JSON-handle插件

先把扩展程序的“开发者模式”开关打开,不然有可能添加不上。

e84bc2ca533d096492df491eaf436b44.png

选择已下载的json-handle.crx文件,然后拖拽至扩展程序页面。

efad559afac658528813224f22245e0c.png
8979524e4c69393d168058bf634c5533.png

然后谷歌浏览器会提示“要添加JSON-handle吗?”,直接点击“添加扩展程序”按钮,完成添加。

e077ed7fa2ed634985cd7d5ce2061ae3.png

第四步 重新打开谷歌浏览器,有个"JH"小图标显示

c8f513d2eb3ec40594c010668ed22fbe.png

第五步 json展示效果

示例一、 json数据编辑框展示

点击"JH"小图标,会弹出JSON-handle对话框,提示”input JSON String“

a9267a39caa3879f6ab9751d05413114.png

在输入框输入json数据,点击右下角OK按钮,数据呈树形结构展示,非常直观。

44b13a3d4d810e1ffa30bbf98f54e626.png

示例二、 json数据浏览器展示

在谷歌浏览器输入

https://studygolang.com/friend/links

数据直接在浏览器中呈树形结构展示,简洁直观,一目了然。

e6bdff3b42e0c55d1a05c85ac037ea63.png

示例三,如果是json数据格式错误,会有高亮错误提示

e4692b093bc0e7748544ed1075e67927.png
6630573e72f2baecdea7e5800a74be33.png

如果觉得本文对您有帮助的话,记得关注、转发哦,我会为大家持续提供干货。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值