谷歌浏览器安装json格式化插件

客官°小女子只卖身不卖艺 2022-11-09 15:29 292阅读 0赞

实际开发工作中经常用到json数据，那么就会有这样一个需求：在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。

比如，在谷歌浏览器中访问：[http://jsonview.com/example.json][http_jsonview.com_example.json]

展现效果如下：

![这里写图片描述][SouthEast]

那么安装了JsonView扩展程序后的展现效果如下：

![这里写图片描述][SouthEast 1]

很明显，后者的效果更好。实现步骤如下：

### 1、下载JsonView扩展程序压缩包 ###

下载地址：[https://github.com/gildas-lormeau/JSONView-for-Chrome][https_github.com_gildas-lormeau_JSONView-for-Chrome]

点击【Clone or download】——【Download Zip】

![这里写图片描述][SouthEast 2]

### 2、解压这个压缩包 ###

![这里写图片描述][SouthEast 3]

### 3、打开谷歌浏览器的扩展程序界面 ###

方式一：在谷歌浏览器地址栏中输入：chrome://extensions/

方式二：

![这里写图片描述][SouthEast 4]

### 4、加载JsonView扩展程序 ###

选中开发者模式，点击【加载正在开发的扩展程序…】，选择插件目录（D:\\JSONView-for-Chrome-master\\WebContent）

![这里写图片描述][SouthEast 5]

点击确定后，就安装上了。安装后界面如下：

![这里写图片描述][SouthEast 6]

安装完成，重新加载 (Ctrl+R)。

[http_jsonview.com_example.json]: http://jsonview.com/example.json
[SouthEast]: /images/20221023/1ece7695f2264f1791723467048f42ed.png
[SouthEast 1]: /images/20221023/511025a78e4b49b997e3407e04bbc95f.png
[https_github.com_gildas-lormeau_JSONView-for-Chrome]: https://github.com/gildas-lormeau/JSONView-for-Chrome
[SouthEast 2]: /images/20221023/b8879a11a06843848236deb9a7a09bcc.png
[SouthEast 3]: /images/20221023/c0830e6885e949eb9d39d18abcf498a1.png
[SouthEast 4]: /images/20221023/d73f99502467428da29095e106f49031.png
[SouthEast 5]: /images/20221023/e452781ede0243c2b072164b3e7d24c7.png
[SouthEast 6]: /images/20221023/c2f41a9d48d8430c9d394d8b640b88d8.png