大家好，今天给各位分享谷歌浏览器 json插件的一些知识，其中也会对谷歌浏览器json插件下载进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

本文目录

1. 谷歌浏览器怎么安装json视图插件
2. 如何编写google浏览器插件
3. 如何制作chrome浏览器插件
4. json格式的文件用什么软件打开
5. chrome浏览器怎么安装插件
6. 新手怎样开发一个谷歌浏览器的插件

一、谷歌浏览器怎么安装json视图插件

如今很多开发者在前后台分离情况下都用json数据交互信息，开发者通常用浏览器访问api显示json数据，但是通常默认情况下json在浏览器上的可读性较差。此教程插件可以让开发者提高开发效率。

2、打开谷歌浏览器的左上角菜单键--更多工具--扩展程序。就会到扩展程序界面

3、然后把下载好的插件，直接拖拽到扩展程序界面，会提示安装插件，安装成功后点击启用插件，如图：

4、启用插件后，我们的插件会自动检查当前显示的数据是否是json，我们可以对比下，下面的第一张图是没有插件的显示情况，第二张图是有插件的显示效果。

5、如果大家在用了插件后，有的时候想看下普通视图，大家点击页面右上角的viewsource就可以查看没用插件的结果视图了，我相信这个插件能给很多开发者溢处，主要能提高工作效率啊！

二、如何编写google浏览器插件

1、创建一个单独的文件夹，比如说为百度贴吧开发一个插件，就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件，在里面写上如下的样子。

"description":"An addin for Tieba.",

"browser_action":{"default_icon":"icon.png"},

2、现在需要找一个图标，放在这个目录下，名字叫icon.png，当然，这个名字只要和上面的配置文件里default_icon的属性一致就好。

3、现在只要点击Chrome工具条的菜单按钮选择里面的工具（Tools）>>扩展（Extensions）就好。菜单按钮如右图。

4、选择开发者模式，选择加载未打包的插件，然后，选择第一步中的那个文件夹即可。

5、在地址栏的右侧出现了图标，但是点击图标却什么也没做，因为我们还什么代码没有写。现在在那个目录下，建立一个html文件，并且名字为popup.html，同时在配置文件里“browser_action”下加上一条："popup":"popup.html"。

"description":"An addin for Tieba.",

"browser_action":{"default_icon":"icon.png"，"popup":"popup.html"},

此处注意，每一对大括号里的最后一项后面都没有逗号，其余的每项之间必须用逗号间隔！哪怕是browser_action这样复合的项目，在他的大括号后也要有逗号。

6、在Popup.html里写上一些html代码，比如简单的输出HelloWorld也好，这个Popup.html和普通的html文件按没有任何差别。

三、如何制作chrome浏览器插件

1、创建一个单独的文件夹，比如说为百度贴吧开发一个插件，就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件，在里面写上如下的样子。

"description":"An addin for Tieba.",

"browser_action":{"default_icon":"icon.png"},

2、现在需要找一个图标，放在这个目录下，名字叫icon.png，当然，这个名字只要和上面的配置文件里default_icon的属性一致就好。

3、现在只要点击Chrome工具条的菜单按钮选择里面的工具（Tools）>>扩展（Extensions）就好。菜单按钮如右图。

4、选择开发者模式，选择加载未打包的插件，然后，选择第一步中的那个文件夹即可。

5、在地址栏的右侧出现了图标，但是点击图标却什么也没做，因为我们还什么代码没有写。现在在那个目录下，建立一个html文件，并且名字为popup.html，同时在配置文件里“browser_action”下加上一条："popup":"popup.html"。

"description":"An addin for Tieba.",

"browser_action":{"default_icon":"icon.png"，"popup":"popup.html"},

此处注意，每一对大括号里的最后一项后面都没有逗号，其余的每项之间必须用逗号间隔！哪怕是browser_action这样复合的项目，在他的大括号后也要有逗号。

6、在Popup.html里写上一些html代码，比如简单的输出HelloWorld也好，这个Popup.html和普通的html文件按没有任何差别。

四、json格式的文件用什么软件打开

json是一种文本格式，json格式的文件可以用记事本打开。

1、右击需要打开的json文件，在展开的菜单中点击“打开方式...”按钮选择打开方式：

2、在展开的打开方式中找到“记事本”这个选项，然后双击记事本图标：

3、这时json文件就被打开了，打开之后可以直接对里面的文本进行编辑，保存时也会以json格式进行保存：

五、chrome浏览器怎么安装插件

如果给google浏览器安装插件可以让我们使用起来更方便，将我们需要的插件功能安装到浏览器上。那么chrome浏览器怎么安装插件，许多电脑小白都不懂，别着急，下面小编和大家说说chrome浏览器安装插件的详细步骤。

google浏览器是谷歌开发的一款高速安全的电脑端web浏览器，Googlechrome浏览器功能强大，支持各种扩展，浏览器界面极其精简，支持跨设备使用，支持多种标准和技术，包括Flash和HTML5，现在Google浏览器下载安装已经成为最受用户喜爱的免费浏览器。本文小编给大家带来google浏览器官网下载最新版v85。

1、首先我们打开谷歌浏览器，然后找到多选设置的那一栏。

2、然后选择更多工具扩展程序。点击进入插件安装界面。

3、当我们进入插件的界面后，可以看到浏览器提供本地安装插件和网络安装插件。这里我分别介绍本地安装和网络安装两种途径。首先来介绍如何本地安装这里我们以jsonView插件为例。我们点击加载已解压的扩展程序，选择我们解压的程序。

4、然后选择我们已经下载好的插件解压包，如果没有外网的同学，又想下载好的插件，我建议去GitHub上面找插件，比较好找也比较全如果你不知道如何上GitHub网站我前面的文章有介绍，这里我们就直接选择好在GitHub上下载好的插件。点击确定之后我们会看到，插件界面会有插件安装好的软件信息，本地安装就完成了。

5、现在我们来讲下如何网络安装喜欢的chrome插件，如果有同学可以访问外网，小编还是建议大家用网络去安装，因为这样简单而且方便，不用去其他地方找软件下载。这里所说的安装方式就是通过谷歌的网上应用上商店安装。

6、我们进入应用商店后，选择要安装的插件，然后直接插件即可，之后会出现插件介绍的界面，然后点击右上角哪里添加插件即可。点击插件之后，插件会自动进行下载安装。

7、当下载和安装完成之后，我们再进入扩展程序界面也就是插件安装界面，去检验是否安装成功。可以看到已经安装好的插件信息说明已经安装好了。

以上小编和大家分享chrome浏览器安装插件的详细步骤，希望本教程内容能帮助到大家！

六、新手怎样开发一个谷歌浏览器的插件

Chrome浏览器作为基于Webkit的新一代浏览器。Chrome自从正式发布以来，市场占有率逐步提高，自从公布了Chrome扩展的API以来，Chrome扩展开发更是前途似锦。一个Chrome插件小则可以解决生活中琐碎的问题，多则可以惠及千众，造福万代。而且，Google为Chrome建立了自己的Web开发市场，做得好的插件还可以为作者赢得丰厚的利益。

文本编辑工具，普通的记事本也可以，不过最好是带格式整理和语法高亮的，笔者用的是Notepad++，需要的朋友可以百度一下。

创建一个单独的文件夹，起个名字吧，比如说我们为百度贴吧开发一个插件，就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件，在里面写上如下的样子。

"description":"An addin for Tieba.",

"browser_action":{"default_icon":"icon.png"},

这里各项的意义很显然可以通过名字得之，但如果你想了解更多，请参考“Chrome扩展”文档（详见参考资料）

如果你细心看上面的配置文件，你就会知道，你现在需要找一个图标，放在这个目录下，名字叫icon.png，当然，这个名字只要和上面的配置文件里default_icon的属性一致就好。

现在，只要点击Chrome工具条的菜单按钮选择里面的工具（Tools）>>扩展（Extensions）就好。菜单按钮如右图。

选择开发者模式，选择加载未打包的插件，然后，选择第一步中的那个文件夹即可。好吧，现在我们就可以启动插件了。

好了，在地址栏的右侧出现了我们的图标，但是点击图标却什么也没做，这是自然地，因为我们还什么代码没有写。现在在那个目录下，建立一个html文件，并且名字为popup.html，同时在配置文件里“browser_action”下加上一条："popup":"popup.html"。示范：

"description":"An addin for Tieba.",

"browser_action":{"default_icon":"icon.png"，"popup":"popup.html"},

此处注意，每一对大括号里的最后一项后面都没有逗号，其余的每项之间必须用逗号间隔！哪怕是browser_action这样复合的项目，在他的大括号后也要有逗号。

在Popup.html里写上一些html代码，比如简单的输出HelloWorld也好，这个Popup.html和普通的html文件按没有任何差别。

这就是基本的插件制作方法，插件制作的中级教程我在一下篇相关经验会详细讲解的。

OK，本文到此结束，希望对大家有所帮助。