二、chrome扩展开发需要掌握的基础知識

　　因此可以认为我们实际上就是写一个Web应用，然后将按照Chrome的规定将一个快捷方式放在Chrome工具栏上

　　把Browser Actions翻译成扩展图标不是很准确，但它的功能就是把你的应用显示在Chrome工具栏上我们在上面看到一个文件manifest.json，就是使用这个文件来把相应的图标和其他参数注册到Browser Actions比如下圖中就是EverNote的扩展图标。

　　如果你熟悉一些Chrome插件的话你一定会发现有些扩展的图标不是显示在地址栏的右边，而是显示在地址内部右方这就是Page Actions地址栏图标。

　　可以看出上面中有三个Page Actions图中我标出的是Chrome添加书签，现在你就会发现其实这个也是Chrome的扩展只不是它是直接内置在Chrome的。

　　Page Actions与Browser Actions的区别就是Page Actions不是随时都是显示的必须在特定的页面中这个功能才能使用。因此在开发中注意：如果不是全部页面中都能使用的功能请使用Page Actions方式

　　4、popup弹出窗口

　　popup属于Browser Actions当点击图标时出现这个窗口，可以在里面放置任何html元素它的宽度是自适应的。当然這个弹出窗口不会被Chrome拦截的:)

　　这个窗口不会显示，它是扩展程序的后台服务它会一直保持运行。比如在一些需要数据保存程序中如果当前用户关闭popup，就需要Background Pages来进行相应的操作

　　6、chrome扩展所包含的文件

　　每个应用（扩展）都应该包含下面的文件：

• 一个或多个html文件（除非这个应用是一个皮肤）
• 可选的任何需要的其他文件，例如图片

　　在开发应用（扩展）时需要把这些文件都放到同一个目录下。发咘应用（扩展）时这个目录全部打包到一个应用（扩展）名是.crx的压缩文件中。如果使用,上传应用（扩展）可以自动生成.crx文件。

　　我們将文件加拖拽到chrome扩展中就会看到：

　　是不是很简单一个简单的小例子就这样完成了。

四、打包chrome扩展程序

　　在浏览器窗口输入chrome://extensions/或鍺菜单 ->设置 ->扩展程序，会看到有两个菜单“加载正在开发的扩展程序”和“打包扩展程序”

　　我们点击打包扩展程序：

　　在我们写chrome扩展时经常要与浏览器进行数据交互，下面简单介绍几个常用的扩展API(实例: ):

　　chrome.windows.getCurrent(function callback)：该函数是获取当前窗口其参数是一个回调函数，在回调函数中将传递一个windows对象通过该对象可以获取窗口的基本信息，在我们的例子中主要是利用了窗口id

function callback)：该接口是获取某个窗口的所有tab页，其第一个参数是窗口id第二个参数是一个回调函数，在回调函数中将传回一个tabs数组对象数组包含了当前窗口所打开的所有tab标签页对象。通过数组条目获取单个tab对象的基本信息我们用到了tab的id和url属性。通过url判断我们只将消息发送给了我们挂接了内容脚本的google首页。

id第二参數是消息内容，为json格式第三为可选响应回调函数参数。

　　该接口用于挂接消息处理函数在内容脚本和扩展页中都一样。收到的消息僦是sendRequest发出的json格式消息

function responseCallback)：从内容脚本发送消息给扩展页。第一个参数是扩展的id为可选参数，默认表示发送给当前扩展第二个参数为json格式消息对象，第三个参数是可选响应回调函数参数

　　进入地址，需要5刀注册才能发布。