谷歌浏览器中安装JsonView扩展程序

摘要:
实际的开发工作经常使用json数据,因此会有一个要求:在谷歌浏览器中访问URL返回的json数据是否可以以json格式显示。例如,访问:http://jsonview.com/example.json演示效果如下:安装JsonView扩展程序后,演示效果如下所示:显然,后者更好。实现步骤如下:1.下载JsonView扩展包下载地址:https://git

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

比如,在谷歌浏览器中访问:http://jsonview.com/example.json

展现效果如下:

谷歌浏览器中安装JsonView扩展程序第1张

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

谷歌浏览器中安装JsonView扩展程序第2张

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

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

下载地址:https://github.com/gildas-lormeau/JSONView-for-Chrome

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

谷歌浏览器中安装JsonView扩展程序第3张

2、解压这个压缩包

谷歌浏览器中安装JsonView扩展程序第4张

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

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

方式二:

谷歌浏览器中安装JsonView扩展程序第5张

4、加载JsonView扩展程序

选中开发者模式,点击【加载正在开发的扩展程序…】,选择插件目录(D:JSONView-for-Chrome-masterWebContent); 

谷歌浏览器中安装JsonView扩展程序第6张

 点击确定后,就安装上了。安装后界面如下:

谷歌浏览器中安装JsonView扩展程序第7张

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

参考资料

chrome jsonView插件安装

如何在谷歌浏览器chrome中离线安装.crx扩展程序的三种方法?

转载:https://www.cnblogs.com/whycxb/p/7126116.html

免责声明:文章转载自《谷歌浏览器中安装JsonView扩展程序》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MQTT协议简记DOM-Element类型下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

商业价值:谷歌娱乐影音之路上的硬件产品

自从第一代Google TV机顶盒面世以来,谷歌在娱乐影音设备上的发展可谓风生水起,而近日发布的智能电视棒产品Chromecast更是把谷歌硬件推向了又一个高潮。 从“盒子”到“丸子”再到“棒子”,近年来谷歌陆续推出了各种形态的创新硬件产品,不断改变传统的娱乐影音生活,下面就让我们来盘点一下这些在谷歌娱乐影音之路上的硬件产品。 1、盒子:第一代Googl...

cent OS 7 安装谷歌浏览器

我直接写一个shell 脚本,  install_google.sh,  bash 命令直接运行就好, 脚本内容如下: (切换root用户执行) set -e  # 出错即退出 echo " [google-chrome]  name=google-chrome  baseurl=http://dl.google.com/linux/chrome/rpm/...

chrome94+版本出现的跨域问题及解决方案

浏览器版本: 一.现象: 解决方案: 方案一:(已论证) 步骤1:谷歌浏览器打开chrome://flags/#block-insecure-private-network-requests步骤2:找到Blockinsecureprivatenetworkrequests.设置为Disabled步骤3:关闭谷歌浏览器重新打开网页解决问题。 方案二:(...

前端 --- 关于DOM的介绍

111 什么是DOM DOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点。然后操作的时候修改的...

去掉谷歌浏览器输入框的默认黄色背景

谷歌浏览器登录记住密码后  下次登录会自动填充,并且有黄色背景。 谷歌浏览器的设置如下: input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {  rgb(250, 255, 189);  background-image: none;  colo...

谷歌浏览器 html5的声音和视频不能自动播放处理

AI模型开发就选MindSpore!新特性、新工具上线!>>> 声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放,也就是说<audio autopaly><...