当前位置: 首页 > 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作相应的设置,包括字体,样式等,大家自行去探索吧!

相关文章:

  • 2024年可能会用到的几个地图可视化模板
  • 五、详细设计说明书(软件工程)
  • three.js 鼠标选中模型弹出标签
  • Spring Boot3整合Druid(监控功能)
  • 极简Matlab快速傅里叶变换FFT
  • 顶顶通呼叫中心中间件机器人压力测试配置(mod_cti基于FreeSWITCH)
  • Spring5系列学习文章分享---第五篇(事务概念+特性+案例+注解声明式事务管理+参数详解 )
  • 缓存技术—redis
  • 网络安全03---Nginx 解析漏洞复现
  • LightDB 24.1 UNION支持null类型匹配
  • 光明之盒:揭开可解释性人工智能的神秘面纱
  • 一种解决常用存储设备无法被电脑识别的方法
  • 【开源】基于JAVA语言的二手车交易系统
  • js中的内置对象、数学对象、日期对象、数组对象、字符串对象
  • spark-flink设计思想之吸星大法-1
  • JavaScript-如何实现克隆(clone)函数
  • 分享一款快速APP功能测试工具
  • 【译】理解JavaScript:new 关键字
  • 07.Android之多媒体问题
  • gops —— Go 程序诊断分析工具
  • HomeBrew常规使用教程
  • JavaScript标准库系列——Math对象和Date对象(二)
  • Linux快速配置 VIM 实现语法高亮 补全 缩进等功能
  • OpenStack安装流程(juno版)- 添加网络服务(neutron)- controller节点
  • React系列之 Redux 架构模式
  • storm drpc实例
  • 基于游标的分页接口实现
  • 前端面试之闭包
  • 深入浅出Node.js
  • 实现简单的正则表达式引擎
  • 硬币翻转问题,区间操作
  • ​LeetCode解法汇总2696. 删除子串后的字符串最小长度
  • ​ubuntu下安装kvm虚拟机
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • (1)(1.9) MSP (version 4.2)
  • (delphi11最新学习资料) Object Pascal 学习笔记---第5章第5节(delphi中的指针)
  • (黑马出品_高级篇_01)SpringCloud+RabbitMQ+Docker+Redis+搜索+分布式
  • (论文阅读32/100)Flowing convnets for human pose estimation in videos
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理第3章 信息系统治理(一)
  • (三维重建学习)已有位姿放入colmap和3D Gaussian Splatting训练
  • (十三)Flask之特殊装饰器详解
  • (转)es进行聚合操作时提示Fielddata is disabled on text fields by default
  • (转)编辑寄语:因为爱心,所以美丽
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • .NET Core 通过 Ef Core 操作 Mysql
  • .net 生成二级域名
  • .net 无限分类
  • .NET6实现破解Modbus poll点表配置文件
  • .NET国产化改造探索(三)、银河麒麟安装.NET 8环境
  • .NET开源快速、强大、免费的电子表格组件
  • .py文件应该怎样打开?
  • @Autowired自动装配
  • [ vulhub漏洞复现篇 ] Django SQL注入漏洞复现 CVE-2021-35042