本文目录一览：
- 1、如何编写google浏览器插件
- 2、google 插件开发怎样使用网页内容
- 3、怎样开发Chrome浏览器的插件
- 4、如何开发Chrome（谷歌）浏览器的插件
- 5、自己开发的chrome插件怎么安装
如何编写google浏览器插件
方法如下：
1、创建一个单独的文件夹google浏览器插件开发，比如说为百度贴吧开发一个插件，就叫TiebaAddion。之后在这个文件夹里创建一个名字为“manifest.json”的文件，在里面写上如下的样子。
{
"name": "TiebaAddin",
"version": "1.0",
"description": "An addin for Tieba.",
"browser_action": {"default_icon": "icon.png"},
"permissions": [http://*/*]
}
2、现在需要找一个图标，放在这个目录下，名字叫icon.png，当然，这个名字只要和上面的配置文件里default_icon的属性一致就好。
3、现在只要点击Chrome工具条的菜单按钮选择里面的工具（Tools） 扩展（Extensions）就好。菜单按钮如右图。
4、选择开发者模式，选择加载未打包的插件，然后，选择第一步中的那个文件夹即可。
5、在地址栏的右侧出现了图标，但是点击图标却什么也没做，因为我们还什么代码没有写。现在在那个目录下，建立一个html文件，并且名字为popup.html，同时在配置文件里“browser_action”下加上一条："popup": "popup.html"。
示范：
{
"name": "TiebaAddin",
"version": "1.0",
"description": "An addin for Tieba.",
"browser_action": {"default_icon": "icon.png"，"popup": "popup.html"},
"permissions": [http://*/*]
}
此处注意，每一对大括号里的最后一项后面都没有逗号，其余的每项之间必须用逗号间隔google浏览器插件开发！哪怕是browser_action这样复合的项目，在他的大括号后也要有逗号。
6、在Popup.html里写上一些html代码，比如简单的输出HelloWorld也好，这个Popup.html和普通的html文件按没有任何差别。
7、这就是基本的插件制作方法。
google 插件开发怎样使用网页内容
首先是启动谷歌浏览器google浏览器插件开发的开发者工具google浏览器插件开发的方法。在浏览器右上角的选项中点击google浏览器插件开发，下拉菜单选工具——开发者工具google浏览器插件开发，快捷键CTRL+shift+I
打开开发者工具后，在浏览器下方出现一个调试面板。左侧是网页HTML调试查看，右侧是CSS代码调试，还有一些JS，资源的折叠起来google浏览器插件开发了。
谷歌浏览器调试的好处就是，可以实现元素定位，把鼠标放在指定的元素上，就可以在浏览器的上面视图中加灰突出显示所对应的元素。
右侧的CSS代码调试是一个不错的工具，不仅可以查看对应的标签的代码，同时还可以实时更改代码的值并在浏览器上方视图中显现变化。
CSS调试中，还有盒子模型的形象视图。在右侧折叠面板中可以打开，实现对margin,padding等的定位计算。
怎样开发Chrome浏览器的插件
Chrome Extension 英文开发文档
权限提升后需要重新启用插件google浏览器插件开发：
dodo旁批：所以一开始就要定位好自己扩展所用到google浏览器插件开发的权限范围google浏览器插件开发，以免权限提升时给用户带来多余google浏览器插件开发的操作。
捕获页面刷新：
Chrome 扩展中文开发文档
开发实例：
1.Chrome 扩展：一键隐藏百度贴吧签名档
2. 网址二维码
3. 人人 2B 过滤器
如何开发Chrome（谷歌）浏览器的插件
需要google浏览器插件开发了解JS,CSS以及HTML5google浏览器插件开发，然后多查阅官方开发API文档一般就可以开发插件了
自己开发的chrome插件怎么安装
首先，我们创建一个文件夹，用于存在Chrome应用（扩展）所需要的所有文件。并在该文件夹中存放三个文件：
其中 icon.png文件是一个像素为32*32的图标，用于显示插件的图标
manifest.json文件用于对插件进行描述
popup.html文件是一个弹窗网页文件，用于在点击插件图标后显示一个窗口。
接下来编写“manifest.json”文件的内容如下，
{
"name": "My First Extension",
"version": "1.0",
"manifest_version":2,
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "icon.png",
"default_popup":"popup.html"
},
"permissions": [
""
]
}
对“popup.html”网页文件进行如下内容编辑：
html
body
h4 style="text-decoration:underline"百度ID/h4
font color=redfeifeidown/font
/div
/body
/html
最后来测试一下该插件：
打开Chrome浏览器，点击“菜单”按钮，从弹出的扩展菜单中选择“工具”-“扩展管理”项。
在打开的新页面中，勾选“开发者模式”，点击“加载正在开发的应用扩展”按钮。
从打开的“浏览文件夹”窗口中，选择插件所在的文件夹，点击“确定”按钮。
此时该插件就正式启动了。
点击浏览器右侧的插件图标，就弹出窗口并显示其中的内容。至此，Chrome浏览器插件开发完成。
google浏览器插件开发的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于google浏览器插件开发 能力、google浏览器插件开发的信息别忘了在本站进行查找喔。
