Chrome 浏览器安装 JSONView 插件

1. 软件下载

实际开发工作中接口返回的经常是 JSON 数据,我们希望能直接在谷歌浏览器里显示出格式化后的 JSON 数据,可以增加 JSON 的可读性。JSONView 插件可以实现这个功能。

首先需要下载 JSONView 扩展程序压缩包,网上其他文章给的都是下面这个 GitHub 上的地址:GitHub 下载

下载方式:点击 Code -》点击 Download Zip
在这里插入图片描述
不过这个地址网络不好的情况下经常访问不到,所以这里我再分享一个百度网盘的地址:百度网盘下载

2. 插件加载

谷歌浏览器打开扩展程序。
在这里插入图片描述
打开开发者模式,点击加载已解压的扩展程序,找到刚才解压的文件进行加载,我的是在D:\WorkGroup\JSON\JSONView-for-Chrome-master\WebContent
在这里插入图片描述
加载完毕,可以看到加载的谷歌应用已经显示出来了,关闭开发者模式。
在这里插入图片描述

3. 插件使用

在谷歌浏览器中访问:http://jsonview.com/example.json,我这是已经安装了 JSONView 插件的效果。
在这里插入图片描述
会发现请求的结果会自动进行 JSON 格式化,并且在右上角还能对 JSON 结构进行叠加和展开操作。

安装JSONView插件,您可以按照以下步骤进行操作: 1. 首先,您可以访问插件的下载链接:https://github.com/search?utf8=%E2%9C%93&q=jsonview,并点击进入下载zip文件。 \[2\] 2. 下载完成后,解压缩zip文件,并将解压后的文件夹命名为"JSONView-for-Chrome-master"。 \[2\] 3. 打开Chrome浏览器,并在地址栏中输入"chrome://extensions",进入扩展程序页面。 4. 在扩展程序页面的右上角,打开"开发者模式"。 5. 点击"加载已解压的扩展程序"按钮,选择之前解压的插件文件夹"JSONView-for-Chrome-master"。 \[3\] 6. 点击确定,插件就会成功加载。 7. 为了测试插件是否安装成功,您可以打开一个包含JSON格式的网页,例如:https://jsonview.com/example.json。 8. 如果插件安装成功,您将会看到网页以更友好的格式显示JSON数据。 \[1\] 希望这些步骤对您有帮助! #### 引用[.reference_title] - *1* [jsonView插件安装方法](https://blog.csdn.net/shmily_super/article/details/122360584)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Chrome jsonView插件安装](https://blog.csdn.net/Gscsd_T/article/details/87867179)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [谷歌插件jsonview的下载与安装](https://blog.csdn.net/weixin_37979117/article/details/115025584)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值