![77187b9e3ddc08073d9814703ad0cc98.png](https://i-blog.csdnimg.cn/blog_migrate/ff4fc5113ae45978937fa70b430f3d66.jpeg)
前言:方便开发接口输出json格式数据的格式化
实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。
比如,在谷歌浏览器中访问:http://jsonview.com/example.json
展现效果如下:
![57453ea1075446be89eef5c7f61e96a4.png](https://i-blog.csdnimg.cn/blog_migrate/5e84ca7903dd2209c8f7d6283bb61697.png)
那么安装了JsonView扩展程序后的展现效果如下:
![a9f59fe4ac9770f2aab8bdce8cbad937.png](https://i-blog.csdnimg.cn/blog_migrate/dae39a544854e558e37854f0e87c2d46.jpeg)
很明显,后者的效果更好。实现步骤如下:
1、下载JsonView扩展程序压缩包
下载地址:https://github.com/gildas-lormeau/JSONView-for-Chrome
点击【Clone or download】——【Download Zip】
![8141d283ba3dcfb733195ffd8dd51bed.png](https://i-blog.csdnimg.cn/blog_migrate/46da8018d5fffcc98f0c1ff6e0191a77.jpeg)
2、解压这个压缩包
![37c051c00459c22ad6b2e3e62091c3a1.png](https://i-blog.csdnimg.cn/blog_migrate/8a82d1cb2ae66690327b85e8985fa290.jpeg)
3、打开谷歌浏览器的扩展程序界面
方式一:在谷歌浏览器地址栏中输入:chrome://extensions/
方式二:
![17ebb83ec2de905477fc6098ff71ce67.png](https://i-blog.csdnimg.cn/blog_migrate/5e42e5a29b9574b76f2b7dddbe9f9d8b.jpeg)
4、加载JsonView扩展程序
选中开发者模式,点击【加载正在开发的扩展程序…】,选择插件目录(D:JSONView-for-Chrome-masterWebContent)
![1da0f6433478f24f2b17d7a17ed5e3a9.png](https://i-blog.csdnimg.cn/blog_migrate/9429181e892daf87e818c6406e122fcb.jpeg)
点击确定后,就安装上了。安装后界面如下:
![c7aa308ad8da188086b9b674a03d1acd.png](https://i-blog.csdnimg.cn/blog_migrate/5b176a15b6a8bb03b43c69c039d09cdc.jpeg)
安装完成,重新加载 (Ctrl+R)。