当前位置: 首页 > news >正文

JSON-handle工具安装及使用

目录

  • 介绍
  • 下载安装
  • 简单操作

介绍

JSON-Handle 是一款非常好用的用于操作json的浏览器插件,对于开发人员和测试人员来说是一款很好用的工具,如果你还没有用过,请赶紧下载安装吧,下面是安装过程和具体使用。

下载安装

点击下载JSON-Handle

  1. 360浏览器安装
    打开360浏览器 -> 将下载好的JSON-handle_0.6.1.crx拖到浏览器中 -> 然后点击添加,如下图所示
    在这里插入图片描述
    安装好后,在右上角会有一个新图标JH,点击JH图标就可以打开了
    在这里插入图片描述
    打开后的界面
    在这里插入图片描述
  2. Chrome 浏览器安装
    打开Chrome 浏览器 - > 在地址栏输入 chrome://extensions/ ->将下载的 .crx 插件包拖放到打开的页面中
    在这里插入图片描述
    点击添加扩展程序
    在这里插入图片描述
    点击箭头所指的图标,打开扩展程序,即可看到JSON-handle,点击JSON-handle即可打开其界面
    在这里插入图片描述
    在这里插入图片描述

简单操作

进入JSON-handle界面后,将要查看的json串粘贴到文本框中后,点击ok
在这里插入图片描述
点击上图红框位置,出现操作界面
在这里插入图片描述
上图中的1处:

copy:复制选中的结点
deURI:对uri解码;
deBase64:对base64的文本解码;
aLine:将选中的结点去掉换行符.

上图中的2处:

+Expand all:将左边的json全部展开;
Collapse all:将左边的json全部收缩;
Expand node:将文本框中的结点展开;
scroll to node:将划块置到最上面。

上图中的3处:

show value:显示值;
show img:没有搞明白;
show array length:显示数据长度
show ico:显示值的数据类型.

当结点的值为url时,在1处会显示 Link链接,点击会打开对应的网页,如下图所示:
在这里插入图片描述
在上图右下角处,有个齿轮状的图标,点击它即可打开设置面板
在这里插入图片描述
在打开的面板中可以对JSON-handle作相应的设置,包括字体,样式等,大家自行去探索吧!

http://www.lryc.cn/news/287291.html

相关文章:

  • kali安装LAMP和DVWA
  • 上门服务小程序|预约上门服务系统开发有哪些功能?
  • uniapp vue3版本引用 jsencrypt加密库报错:“default“ is not exported by……
  • 【WPF.NET开发】WPF中的双向功能
  • Pytest 测试框架与Allure 测试报告——Allure2测试报告-L3
  • 【机器学习300问】16、逻辑回归模型实现分类的原理?
  • OPC【4】:物理包
  • 关于 Go 协同程序(Coroutines 协程)、Go 汇编及一些注意事项。
  • 深入剖析BaseMapperPlus扩展接口及其在MyBatis-Plus中的实践价值
  • Linux之安装配置VCentOS7+换源
  • [极客大挑战 2019]LoveSQL1
  • 网络安全的介绍
  • django邮件通知功能-
  • C++ 类定义
  • IntelliJ IDE 插件开发 | (五)VFS 与编辑器
  • 金融OCR领域实习日志(一)
  • CC++编译和链接介绍
  • Element-UI中的el-upload插件上传文件action和headers参数
  • 在IntelliJ IDEA中通过Spring Boot集成达梦数据库:从入门到精通
  • docker相关
  • 生产力工具|卸载并重装Anaconda3
  • 大模型学习与实践笔记(十二)
  • Vulnhub靶机:FunBox 5
  • 性能优化(CPU优化技术)-NEON指令介绍
  • 【极数系列】Flink环境搭建(02)
  • 仓储管理系统——软件工程报告(需求分析)②
  • 立创EDA学习:PCB布局
  • tomcat与Apache---一起学习吧之服务器
  • Vue3的优势
  • 鸿蒙开发案例002