Chrome插件开发入门

插件开发流程 
1.开发言语和软件 
开发言语就是HTML和Javascript，开发软件挑选一款本人了解的纯文本编辑器就可以了，例如体系自带的记事本，或许撑持语法高亮的Notpad++。

2.描绘插件 
一个完好的插件是由4个局部组成，分别是manifest.json、.js文件、图标和HTML文件，描绘插件就是描绘这4类文件。manifest.json的作用是界说插件的特点，例如称号、版别、类型等;HTML文件详细完成插件的功用;.js文件是一个跟浏览器互动的脚本。

3.载入插件 
描绘好上面几个文件后，就可以将插件载入浏览器中试用一下。首要将它们整理到同一个文件夹中，然后在Chrome的东西栏中挑选“扩大顺序”，进入扩大办理页，在右侧挑选“开发人员形式”，再点击“载入正在开发的扩大顺序”按钮，定位到这个文件夹，将整个文件夹载入Chrome中。

4.发布插件 
插件试用没有问题后，无妨将它发布出去让更多人运用。首要将插件地点的文件夹紧缩成一个ZIP文件(别随手紧缩成了RAR文件)。然后再到扩大办理页，点击右下角的“取得更多扩大顺序”链接，进入Chrome官方插件下载页面，在这个网页的左下角，你能看到“发布扩大顺序”的链接，点击链接，上传ZIP紧缩文件、增加插件的运用说明和截图，就可以发布插件了。

组成布局 
Chrome插件最基本的三个文件为：

icon.png: 用于在插件东西栏上显现图标，文件名可以自界说，19*19； 
manifest.json: 操控整个插件行动的配置文件，该文件需求保管成UTF-8格局； 
popup.html: 点击插件图标后弹出的窗口，是插件的主界面，文件名可以自界说。 
假若期望插件布局更完善，还可以包括如下文件/目录：

imgs目录：寄存插件中运用的图片； 
css目录：寄存CSS文件； 
js目录：寄存JS文件； 
background.html: 插件的后台顺序，其不会由于popup.html窗口不见而中止运转。 
icon_128.png: 在插件描绘中作为插件的Logo，128*128。 
manifest.json 为整个插件的主控文件，基本功用描绘如下： 

Copy to Clipboard 引证的内容： [www.veryhuo.com]

{ 
"name": "GroovyQ Ask Question", //称号 
"version": "0.1", //版别号 
"description": "提交Groovy/Grails问题！", //描绘信息，会显现在插件特点里 
"browser_action": { 
"default_icon": "groovyq.jpg", //指定插件图标的途径 
"popup": "popup.html" // 指定 popup.html 文件的途径 
},

"permissions": [ 
"http://www.groovyq.net/" //此权限撑持向 http://www.groovyq.net/ 发送 Ajax 恳求 
] 
}

popup.html为整个插件的界面，结构如下： 

Copy to Clipboard 引证的内容： [www.veryhuo.com]

 
 

 
 
 
 
...... 

关于Background.html

在popup.html中界说的JavaScript变量会在popup.html页面封闭时被开释，如何保管全局变量呢？这时可以运用background.html。background.html页面中界说的javascript变量会在Chrome浏览器生命期中一向存在，因而把全局变量放在这里是最合适的了。 

Copy to Clipboard 引证的内容： [www.veryhuo.com]

//Background.html中界说变量 
var global_url = ""; 
var global_type = ""; 
//在popup.html中读取上述变量或赋值 
var backpg = chrome.extension.getBackgroundPage(); 
backpg.global_url = "http://www.groovyq.net"; 
backpg.global_type = "blog";

关于数据保管，还可以运用HTML5的localStorage：

Copy to Clipboard 引证的内容： [www.veryhuo.com]

//保管 
localStorage['url'] = golbal_url; 
localStorage['type'] = global_type; 
//取值 
global_url = localStorage['url']; 
global_type = localStorage['type'];

插件调试/发布 
插件开发中，可以运用任何浏览器翻开popup.html进行调试。但假若用到一些Chrome的特性，就需求在Chrome上进行调试。

装置插件：Chrome中，单击东西栏的扳手按钮，挑选东西 -》扩大顺序，在呈现的页面中单击：开发人员形式 -》载入正在开发的扩大顺序，挑选插件的根目录，断定。

在扩大顺序列表中会呈现插件的关联信息，而在Chrome的东西栏中也能看到插件图标，单击图标，弹出的就是popup.html。 
假若修正插件顺序，只需单击插件描绘信息下方的“从头载入”，修正就会收效。你还可以在此对插件履行停用/卸载等操作。

插件开发完毕后，可以打包插件分发给更多人享受你的插件。可以挑选“打包扩大顺序”，填入插件根目录以及私有密钥，之后在https://chrome.google.com/extensions 发布你的顺序即可