本篇文章给大家谈谈谷歌浏览器扩展制作，以及谷歌浏览器扩展制作方法对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

本文目录

1. 如何编写google浏览器插件
2. 如何制作chrome浏览器插件
3. 电脑中如何导出Chrome谷歌浏览器安装的扩展程序
4. 谷歌浏览器Chrome的扩展程序安装目录是什么安装在哪里
5. 新手怎样开发一个谷歌浏览器的插件

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

三、电脑中如何导出Chrome谷歌浏览器安装的扩展程序

要导出Chrome浏览器安装的扩展程序并生成相关文章，可以按照以下步骤进行：

1.打开Chrome浏览器并点击右上角的菜单按钮（三个竖点）。

2.选择“更多工具”>“扩展程序”。

3.在扩展程序页面，找到要导出的扩展程序，并记下其ID（每个扩展程序都有一个唯一的ID）。

4.在Chrome浏览器的地址栏中输入以下URL：

chrome://extensions/?id=扩展程序ID

（将“扩展程序ID”替换为要导出的扩展程序的实际ID）

5.打开该URL后，将显示扩展程序的详细信息页面。

6.在详细信息页面上，找到“源代码”部分，并点击“查看源代码”链接。

7.这将打开一个新的标签页，显示扩展程序的源代码。

8.在源代码页面上，使用浏览器的页面另存为功能（通常是右键单击页面并选择“另存为”）将源代码保存为文本文件。

保存为文本文件后，你可以使用任何文本编辑器打开这个文件，并在其中生成相关文章。源代码通常包含扩展程序的HTML、CSS、Javascript等内容，你可以根据需要提取相关信息并生成文章。

四、谷歌浏览器Chrome的扩展程序安装目录是什么安装在哪里

Chrome插件扩展程序的默认安装目录一般如下：

1.windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions

2.windows7中chrome插件默认安装目录位置: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions

3.MAC中chrome插件默认安装目录位置：~/Library/Application Support/Google/Chrome/Default/Extensions

4.Ubuntu中chrome插件默认安装目录位置：~/.config/google-chrome/Default/Extensions

如果在这些不同操作系统中的chrome插件默认安装位置，没有找到插件，则可以通过下面的方式查看：

1.地址栏输入chrome:version回车

2.用资源管理器打开"个人资料路径"栏的路径,该路径下的Extensions文件夹即默认的扩展安装路径

轻松方便屏幕捕获工具。可以让你做出任何选择的区域，编辑截图并上传到服务器。主要是启动速度快，而且符合大家一般情况的截图需求。

Momentum插件是一款自动更换壁纸，自带时钟，任务日历和工作清单的chrome浏览器插件。官方的解释就是：替换你 Chrome浏览器默认的“标签页”。里面的图片全部来自500PX里面的高清图，无广告，无弹窗，非常适合笔记本使用，让装逼再上新台阶。让我来感受下出自细节，触及心灵的美。

3、Video Downloader professional

Video Downloader professional插件是一款可以帮助用户下载网页视频的Chrome插件，用户在网站没有提供下载服务的情况下，仍然可以使用Video Downloader professional插件来检测并下载当前页面中的视频文件。

扩展右键菜单，超过300种功能，方便的选择、组合或自定义页面、划词、图片菜单，并有生成、解析二维码和短网址功能。设置可使用云存储。最新增加功能共享、资源下载、重命名等功能。右键搜伴侣增加超级拖拽。

"高品质豆瓣FM"让你轻松享受高达320kbps高品质的豆瓣FM！

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

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

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

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！