写一个google chrome 扩展插件 - 瀚海星空

2012-10-24

周海汉 2012.10.24

chrome插件开发比ie简单多了。IE必须开发activex控件，不懂com，不懂VC，非常困难。而chrome只需懂点JS，CSS，HTML5就差不多了。方法如下： 1.新建一个目录，里面用于存放插件文件 2.新建 manifest.json 内容如下，一定要存成UTF8格式。manifest_version版本为2.第一版很快就将不支持了。第一版和第二版有些差别。如下： https://developer.chrome.com/extensions/manifestVersion.html

{
  "manifest_version": 2,
  "name": "第一个Chrome插件",
  "version": "1.0",
  "description": "我的第一个Chrome插件，还不错吧",
  "browser_action": {
    "default_icon": "icon.gif",
    "default_popup": "popup.html"
  }
}

3.新建popup.html如下

Hello,Chrome!

欢迎你，我的第一个Chrome扩展插件

欢迎访问我的blog

4. icon.gif和backimg.jpg可以自己找合适的。 5.进入工具->扩展程序，路径显示[chrome://chrome/extensions/](chrome://chrome/extensions/) 选中“开发者模式”，点“载入正在开发的扩展程序” 工具栏出现了我们的图标，点击可以弹出我们定制的页面。如图 [![](http://abloz.com/wp-content/uploads/2012/10/ex1.jpg)](http://abloz.com/wp-content/uploads/2012/10/ex1.jpg) 点击后打开 [![](http://abloz.com/wp-content/uploads/2012/10/ex2.jpg)](http://abloz.com/wp-content/uploads/2012/10/ex2.jpg) 插件安装路径： C:Users{user}AppDataLocalGoogleChromeUser DataDefaultExtensions {user}替换成登陆用户。下面的目录都是插件id，可以通过[chrome://chrome/extensions/](chrome://chrome/extensions/)开发者模式下看到 6.打包发布：在开发者模式下，点打包扩展程序，生成的crx文件即为插件。pem文件是自动生成的密钥文件。将crx发给朋友，在[chrome://chrome/extensions/](chrome://chrome/extensions/) 页面，将crx拖过去即可安装。

如非注明转载, 均为原创. 本站遵循知识共享CC协议,转载请注明来源

FEATURED TAGS

css vc6 http automake linux make makefile voip 乱码 awk flash vista vi vim javascript pietty putty ssh posix subversion svn windows 删除编译多线程 wxwidgets ie ubuntu 开源 c python bash 备份性能 scp 汉字 log ruby 中文 bug msn nginx php shell wordpress mqueue android eclipse java mac ios html5 js mysql protobuf apache hadoop install iocp twisted centos mapreduce hbase thrift tutorial hive erlang lucene hdfs sqoop utf8 filter 草原 yarn ganglia 恢复 scrapy django fsimage flume tail flume-ng mining scala go kafka gradle cassandra baas spring postgres maven mybatis mongodb https nodejs 镜像心理学机器学习 Keras theano anaconda docker spark akka-http json 群论区块链加密抽象代数离散对数同余欧拉函数扩展欧几里德算法 ES6 node-inspect debug win10 vscode 挖矿

FEATURED TAGS

FRIENDS