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

本文目录

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

一、如何制作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文件按没有任何差别。

二、如何编写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文件按没有任何差别。

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

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

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

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

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

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

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

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文件按没有任何差别。

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

五、CRX文件是什么

程序的运行有其自己运行的进程、方式等，其插件只是对其进行起一个补充作用的程序，如3721插件，雅虎插件，百度，中搜，QQ,搜狗，新浪，天下搜索，CNNIC.GOOGLE等。浏览器插件，基于浏览器的原有功能，另外增加新功能的工具。

插件是一种遵循一定规范的应用程序接口编写出来的程序。很多软件都有插件，插件有无数种。例如在IE中，安装相关的插件后，WEB浏览器能够直接调用插件程序，用于处理特定类型的文件。

Flash插件、RealPlayer插件、MMS插件、MIDI五线谱插件、ActiveX插件等等；再比如Winamp的DFX，也是插件。还有很多插件都是程序员新开发的。

Chrome最大的亮点就是其多进程架构，保护浏览器不会因恶意网页和应用软件而崩溃。每个标签、窗口和插件都在各自的环境中运行，因此一个站点出了问题不会影响打开其它站点。通过将每个站点和应用软件限制在一个封闭的环境中这种架构，这进一步提高了系统的安全性。

使用WebKit引擎。WebKit简易小巧，并能有效率的运用存储器，对新开发者来说相当容易上手。Chrome具有DNS预先截取功能。当浏览网页时，“Google Chrome”可查询或预先截取网页上所有链接的IP地址。目标网页。

Chrome具有GPU硬件加速：当激活GPU硬件加速时，使用“Google Chrome”浏览那些含有大量图片之网站时可以更快渲染完成并使页面滚动时不会出现图像破裂的问题。

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

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

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

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

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

好了，关于谷歌浏览器插件json和谷歌浏览器插件js配置的问题到这里结束啦，希望可以解决您的问题哈！