5步搞定谷歌插件开发 so easy !

浏览:1100 发布日期:2015/02/12 分类:技术分享
1: 建立插件目录 Mytest (插件目录接口图7)
Mytest
--images 图片文件夹
--icon.php 插件icon图标(工具栏)
--icon128.php 插件图标(插件后台显示)
--jquery.js 插件引用的jquery库
--test.js 模版中要引用的
--popup.html 工具栏下拉模版
--options.html 插件后台设置模版
--manifest.json 插件配置文件

2: 导入插件目录(按图片1操作)

3: 调试工具栏下拉模版(按图片8操作)

4: 调试后台设置模版(按图片9呼出控制台操作)

5: 打包插件生成crx文件(按图片2,3,4,操作)

6: 安装插件(按图片5,6操作)

其实就是个web应用,按照谷歌插件的规则,集成而已,不懂可以直接看我的代码,有注释.
对做web开发的程序员来说很简单,当然它本身还有很多api,可以自行研究

详细请参考: 大胡子的博客: http://www.dahuzhi.com

附件是demo1: 建立插件目录 Mytest (插件目录接口图7)
    Mytest
        --images             图片文件夹
        --icon.php             插件icon图标(工具栏)
        --icon128.php         插件图标(插件后台显示)
        --jquery.js         插件引用的jquery库
        --test.js           模版中要引用的
        --popup.html         工具栏下拉模版
        --options.html       插件后台设置模版
        --manifest.json       插件配置文件

2: 导入插件目录(按图片1操作) 

3: 调试工具栏下拉模版(按图片8操作)

4: 调试后台设置模版(按图片9呼出控制台操作)

5: 打包插件生成crx文件(按图片2,3,4,操作)

6: 安装插件(按图片5,6操作)

其实就是个web应用,按照谷歌插件的规则,集成而已,不懂可以直接看我的代码,有注释.
对做web开发的程序员来说很简单,当然它本身还有很多api,可以自行研究


附件 chrome.zip ( 1.56 MB 下载:26 次 )

最佳答案
评论( 相关
后面还有条评论,点击查看>>