大家好，今天小编来为大家解答谷歌浏览器 开发扩展这个问题，谷歌浏览器 开发扩展框架很多人还不知道，现在让我们一起来看看吧！

本文目录

1. 新手怎样开发一个谷歌浏览器的插件
2. 谷歌浏览器怎么添加扩展插件
3. chrome扩展程序放在哪
4. 如何安装谷歌浏览器Google Chrome扩展应用程序
5. 如何编写google浏览器插件
6. 如何在谷歌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文件按没有任何差别。

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

二、谷歌浏览器怎么添加扩展插件

1、打开谷歌浏览器，点击左上角的【应用】，用于打开应用商店。

2、在谷歌应用商店的搜索栏中输入相关搜索信息，回车后页面会跳转到相关结果界面，选择第一个应用程序（从图标进行识别），点击右侧的【添加至Chrome】

3、出现下图所示的弹窗，请选择【添加扩展成功】，安装完成后浏览器会提示扩展程序安装成功。

4、点击浏览器右上角的扩展程序的图标（图标显示绿色，表示已经开启功能；灰色的话，表示关闭），会弹出下图所示的相关信息面板。打开一些视频网站就能够智能屏蔽广告

三、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！

四、如何安装谷歌浏览器Google Chrome扩展应用程序

1、打开谷歌浏览器，在地址栏里输入“chrome://apps/”，点击应用程序。

2、在“Chrome网上应用店”页面左侧输入想要安装应用的名称，点击回车键搜索。

3、在搜索解决页面找到要安装的程序，点击“+免费”图标完成安装。如果未登录google账号会提示登录，请登录账号之后再点击安装。

4、安装好之后，扩展应用程序图标会在谷歌浏览器chrome右上角出现，点击就可以安装使用了。

五、如何编写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浏览器中插入拓展程序

我们在使用谷歌浏览器的时候，想要插入拓展程序，该怎么操作呢？今天就跟大家介绍一下如何在谷歌chrome浏览器中插入拓展程序的具体操作步骤。

1.首先打开电脑，找到桌面上的谷歌浏览器图标，双击打开。

2.在打开的主页面，点击页面右上角的三竖点图标。

3.在打开的菜单中，依次点击更多工具---拓展程序选项。

4.如图，在打开的页面，将右上方的开发者模式的开关打开。

5.然后点击左上方的加载已解压的拓展程序按钮。

6.接下来，在弹出的窗口中，选择想要加载的程序所在的文件夹，然后点击底部的选择文件夹按钮。

7.如图，拓展程序就加载成功了。

关于谷歌浏览器 开发扩展，谷歌浏览器 开发扩展框架的介绍到此结束，希望对大家有所帮助。